Introdução ao DHTML

Conhecimentos básicos necessários

Antes de continuar, você deve ter uma compreensão básica das seguintes informações:

  • HTML
  • CSS
  • JavaScript

Se você desejar aprender esses projetos primeiro, por favor, visite nosso Página inicial Acesse essas tutoriais.

DHTML não é um padrão W3C

DHTML significa Dynamic HTML (HTML Dinâmico).

DHTML não é um padrão definido pela World Wide Web Consortium (W3C). DHTML é um termo de marketing - usado pela Netscape e pela Microsoft para descrever as novas tecnologias que os navegadores da geração 4.x deveriam suportar.

DHTML é uma combinação de tecnologias usadas para criar sites dinâmicos.

Para a maioria das pessoas, DHTML significa a combinação de HTML 4.0, folhas de estilo e JavaScript.

A W3C disse: 'Dynamic HTML é um termo usado por alguns fabricantes para descrever a combinação de HTML, folhas de estilo e scripts que podem tornar os documentos mais dinâmicos.'

Tecnologia DHTML

Através do DHTML, os desenvolvedores de web podem controlar como os elementos HTML são exibidos e localizados na janela do navegador.

HTML 4.0

Através do HTML 4.0, todos os formatos (informações) podem ser removidos do documento HTML e escritos em uma tabela de estilo independente. Como o HTML 4.0 pode separar a apresentação do documento de sua estrutura, podemos controlar completamente a camada de apresentação sem desorganizar o conteúdo do documento.

Tabela de estilos em cascata (CSS)

Através do CSS, obtemos um modelo de estilo e disposição para documentos HTML.

Devido ao CSS permitir que os desenvolvedores controlem ao mesmo tempo o estilo e a disposição de várias páginas da web, o CSS pode ser considerado uma inovação na área do design da web. Como desenvolvedor, você pode definir estilos para cada elemento HTML e aplicá-los a qualquer quantidade de páginas que desejar. Se precisar fazer uma mudança global, basta simplesmente alterar o estilo e todos os elementos da web serão automaticamente atualizados.

Modelo de objeto de documento (DOM)

DOM significa modelo de objeto de documento.

O DOM HTML é o modelo de objeto de documento para HTML.

O DOM HTML define um conjunto de objetos padrão para HTML e métodos padrão para acessar e manipular esses objetos.

“O Document Object Model (DOM) do W3C é uma interface independente de linguagem e plataforma que permite que programas e scripts acessem e atualizem dinamicamente o conteúdo, a estrutura e o estilo do documento.”

JavaScript

Dá-lhe a capacidade de escrever código que pode controlar todos os elementos HTML.

Tecnologias DHTML em Netscape 4.x e Internet Explorer 4.x

Netscape 4.x DHTML Cross-Browser Internet Explorer 4.x
  • JSS (JavaScript Stylesheets) (permite que você controle como diferentes elementos HTML são exibidos)
  • Camadas (permitem que você controle a localização e a visibilidade dos elementos)
  • CSS1
  • CSS2 (permite que você controle como diferentes elementos HTML são exibidos)
  • Posicionamento CSS (permite que você controle a localização e a visibilidade dos elementos)
  • JavaScript
  • Filtros Visuais (permitem que você aplique efeitos visuais ao texto e gráficos)
  • CSS Dinâmico (permite que você controle a localização e a visibilidade dos elementos)

Notas:Enquanto as características e tecnologias criadas por diferentes navegadores não forem suportadas por outros navegadores, o código DHTML gerado pode apresentar problemas. Uma página pode parecer ótima em um navegador e muito ruim em outro.