Introduzione al DHTML

Conoscenze di base che dovresti avere

Prima di continuare, dovresti avere una conoscenza di base delle seguenti conoscenze:

  • HTML
  • CSS
  • JavaScript

Se desideri iniziare a studiare questi progetti, visita la nostra Pagina iniziale Accedi a queste lezioni.

DHTML non è uno standard W3C

DHTML si riferisce a Dynamic HTML (DHTML).

DHTML non è uno standard stabilito dal World Wide Web Consortium (W3C). DHTML è un termine di marketing - utilizzato da Netscape e Microsoft per descrivere le nuove tecnologie che i browser di nuova generazione 4.x dovrebbero supportare.

DHTML è una combinazione di tecnologie utilizzate per creare siti web dinamici.

Per molti, DHTML significa una combinazione di HTML 4.0, fogli di stile e JavaScript.

W3C ha detto: “Dynamic HTML è un termine utilizzato da alcuni produttori per descrivere una combinazione di HTML, fogli di stile e script che rende il documento più dinamico.”

Tecnologia DHTML

Attraverso DHTML, gli sviluppatori web possono controllare come gli elementi HTML vengono visualizzati e posizionati nella finestra del browser.

HTML 4.0

Attraverso HTML 4.0, tutti i formati (informazioni) possono essere spostati fuori dal documento HTML e scritti in un foglio di stile indipendente. Poiché HTML 4.0 può separare la presentazione del documento dalla sua struttura, possiamo controllare completamente la presentazione senza rovinare il contenuto del documento.

Fogli di stile a cascata (CSS)

Attraverso CSS, otteniamo un modello di stile e layout per i documenti HTML.

Poiché CSS permette agli sviluppatori di controllare contemporaneamente lo stile e la布局 di più pagine web, CSS può essere considerato una rivoluzione nel campo del design web. Come sviluppatore, puoi definire uno stile per ogni elemento HTML e applicarlo a qualsiasi numero di pagine desiderato. Se devi fare un cambiamento globale, è sufficiente modificare lo stile e tutti gli elementi del web verranno aggiornati automaticamente.

Modello di oggetti del documento (DOM)

DOM si riferisce al modello di oggetti del documento.

HTML DOM è un modello di oggetti di documento per HTML.

HTML DOM definisce un set di oggetti standard per HTML e metodi standard per l'accesso e la gestione degli oggetti HTML.

“Il Document Object Model (DOM) del W3C è un'interfaccia indipendente dal linguaggio e dalla piattaforma che permette alle applicazioni e agli script di accedere e aggiornare dinamicamente il contenuto, la struttura e lo stile del documento.”

JavaScript

Ti dà la capacità di scrivere codice che può controllare tutti gli elementi HTML.

Tecnologie DHTML in Netscape 4.x e Internet Explorer 4.x

Netscape 4.x DHTML a browser multipli Internet Explorer 4.x
  • JSS (JavaScript Stylesheet) (consente di controllare come diversi elementi HTML vengono visualizzati)
  • Layers (consente di controllare la posizione e la visibilità degli elementi)
  • CSS1
  • CSS2 (consente di controllare come diversi elementi HTML vengono visualizzati)
  • Posizionamento CSS (consente di controllare la posizione e la visibilità degli elementi)
  • JavaScript
  • Filtro visivo (consente di applicare effetti visivi ai testi e alle immagini)
  • CSS dinamico (consente di controllare la posizione e la visibilità degli elementi)

Nota:Finché le proprietà e le tecnologie create dai vari browser non vengono supportate da altri browser, l'encoding con DHTML produrrà problemi. Un sito web potrebbe apparire fantastico in un browser e pessimo in un altro.