HTML HTML e il web.

Presentazione sul tema: "HTML HTML e il web."— Transcript della presentazione:

1 HTML HTML e il web

2 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

3 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

4 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

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

6 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

7 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...

8 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

9 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 < € >

10 ...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

11 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.

12 (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)