Il DHTML o HTML Dinamico



Quando si parla di HTML dinamico in effetti si parla si un'estensione del vecchio HTML (arrivato alla versione 4.0) con l'uso di tre nuove tecnologie:

  • DOM (Document Object Model) - Modello a oggetti della pagina Web
  • Javascript - linguaggio di programmazione per la scrittura degli script
  • CSS (Cascading Style Sheets) - Fogli di stile a cascata

Il DOM è la descrizione della pagina Web cosi' come verrebbe fatta in un moderno linguaggio di programmazione, come una gerarchia di oggetti.

Una volta che il browser ha implementato il DOM , allora i normali comandi HTML servono a creare oggetti. Usando Javascript puoi inviare ai singoli oggetti dei comandi. L'oggetto in base al comando ricevuto modifica il proprio comportamento. Uno script non è altro che una lista di questi comandi che indicano il comportamento dinamico del documento.

Devi comunque sapere che l'HTML dinamico è molto piu' difficile del vecchio HTML. In particolare per sviluppare dei documenti devi necessariamente conoscere un pò la programmazione ma c'è il grosso vantaggio di avere sempre il sorgente disponibile.

I Gradi di complessita' del DHTML

Ci sono quattro gradi di complessità che devi conoscere e affrontare se desideri lavorare con il DHTML.

  1. Hai i concetti alla base di ogni programma di computer : una serie di dati in ingresso vengono manipolati da funzioni producendo dei risultati in uscita.
  2. Devi conoscere il DOM in modo da poter manipolare frames, finestre, elementi di moduli, etc, inviando loro dei comandi quando si verificano degli eventi in seguito ad azioni degli utenti.
  3. Devi sapere come si fa a definire nuovi tipi di oggetti che poi ti serviranno per contenere le informazioni del data base.
  4. Devi tener conto delle differenze tra i vari browsers

Ultimi articoli Web design

Metro, il "linguaggio di design" di Windows 8

I principi ispiratori del "linguaggio di design" utilizzato da...

Bootstrap: il framework di Twitter

Sviluppare applicazioni web sfruttando il framework con cui è stato...

Sfondi a tutta pagina con jQuery

Come avere degli sfondi a tutta pagina sui vostri siti web, per...

Grid design, dalla tipografia al web

Design coerenti e layout consistenti, usando principi di...

Art Direction e Design

Capire la differenza tra la direzione artistica di un progetto e il...

Altri articoli

Guide Web design

Guida Pubblicare un sito web

Le verifiche fondamentali da effettuare prima del lancio di un nuovo...

Guida Web Writing

Saper scrivere per il Web è una delle armi per attirare utenti e per...

Guida Accessibilità dei siti Web teorica

Questa guida è finalizzata sostanzialmente a una conoscenza e a una...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti