HTML HTML e il web

Carta d'identità Nome: HyperText Markup Language Acronimo: html nato il: 1 marzo 1989 (Tim Berners-Lee CERN) Cittadinanza: ogni pagina web Residenza: interpretato dal browser Stato civile: si sposa con Javascript, applet di java, flash. E' in continua evoluzione

CONNOTATI E CONTRASSEGNI SALIENTI Carta d'identità Professione: impagina testo e immagini, crea link ipertestuali, acquisisce dati dagli utenti. CONNOTATI E CONTRASSEGNI SALIENTI linguaggio di contrassegno (markup), non di programmazione file di testo, con estensione htm, html caratteri ricorrenti... < > definiscono i TAG

Storia 1991 Mosaic (NCSA) il primo browser 1993 HTML (link ipertestuali) 1995 HTML 2 (immagini, attrib. carattere) 1996 CSS1 W3C 1997 HTML 3.2 (table, frame) 1998 HTML 4 (fogli di stile,scripting) 2000 XHTML (html + xml) 2001 XHTML 1.1

Attori - costumi - scenografia HTML CSS XML: DTD XLS Applet, oggetti activex, javascript, flash presentazione struttura contenuto

dall' Html a sistemi complessi servizi informativi PAGINE WEB HTML javascript Gif Animate CFM ASP PHP DHtml interazione html-flash interazione html-Java Applet Java ActiveX Flash DB

Palcoscenico Strumenti per la produzione di pagine html Blocco Note (notepad.exe) Editor Testuali Dreamweaver, Homesite, HotDog Editor wysiwyg Dreamweaver, GoLive, FrontPage Convertitori salva come HTML...

HTML + XML = XHTML HTML XML XHTML facile, tollerante. crea contenuti per il web XML standard per la definizione e la memorizzazione di dati (sommario) rigoroso XHTML applicazione dello standard XML all'html

Per iniziare... un qualsiasi editor di testo un browser html NON è caSE sensITIVE i caratteri < e > hanno un significato particolare: racchiudono i tag. alcuni caratteri particolari possono essere creati con &...; tipo < € >

...qualche concetto per STRUTTURA di un documento si intende: il fatto di avere un'intestazione e un corpo, il fatto di avere dei link, il fatto di contenere delle immagini, dei suoni o altri oggetti multimediali l'andare a capo, l'evidenziare una parola con il grassetto o con colori diversi, il font di carattere utilizzato, le immagini di sfondo fanno invece parte della PRESENTAZIONE del documento

HTML ≠ XHTML In HTML Struttura&Presentazione sono fusi insieme In X H T M L sono drasticamente s e p a r a t i Come mai? Storicamente l'html nasce per condividere contenuti in modo ipertestuale: si pensa quindi di utilizzare dei file di testo e di segnalare con un tag l'elemento che poteva richiamare un' altra pagina (tale tag contiene l'indirizzo della pagina). In seguito sono stati aggiunti altri tag per rendere più piacevole e vario l'aspetto del documento.

(con explorer è possibile selezionare Pagina web Completa) HTML e il browser Il browser interpreta la pagina html e la mostra a video. Per vedere il codice: Visualizza HTML o Visualizza sorgente Per salvare la pagina: Salvare il codice html (è operazione necessaria ma non sufficiente) Salvare le immagini o altri oggetti incorporati (con explorer è possibile selezionare Pagina web Completa)