v.1 Progettazione Multimediale – 1 Progettazione multimediale HTML e i tag di base
v.1 Progettazione Multimediale – 2 HTML: Il linguaggio del Web Le pagine Web sono file di testo, scritte in HTML (Hypertext Markup Language). HTML è un linguaggio di formattazione e permette di descrivere la disposizione e le caratteristiche di tutti gli elementi presenti allinterno di un documento. HTML NON è un linguaggio di programmazione!
v.1 Progettazione Multimediale – 3 Strumenti per creare documenti HTML I documenti HTML sono file di testo che possono essere creati con: un Editor di testi come NotePad (Blocco Note) o WordPad. Editor orientati al codice come Arachnophilia. programmi che convertono in HTML come Microsoft Word. programmi WYSIWYG (What you see is what you get = Ciò che vedi è ciò che otterrai) come Dreamweaver (o Front Page).
v.1 Progettazione Multimediale – 4 immagini elenco E buona cosa pianificare sempre in anticipo laspetto della pagina Web prima di iniziare a scrivere il codice. Creare un documento HTML titolo 1 titolo 3 testo in corsivo paragrafi testo in grassetto links
v.1 Progettazione Multimediale – 5 HTML - Sintassi Il contenuto del Documento è ciò che il navigatore vede, come testo, titoli, immagini, ecc. I Tag (o comandi) sono il codice HTML che controllano laspetto del contenuto del documento.
v.1 Progettazione Multimediale – 6 Formato dei tag HTML I Tag sono identificati da parentesi angolari 1.I Tag di apertura indicano al browser di applicare delle caratteristiche e contengono: Il Nome del Tag – caratteristica generale Le Proprietà – indicano eventuali ulteriori informazioni 2.I Tag di chiusura indicano al browser di smettere di applicare quelle caratteristiche Contenuto del documento Esempio: Liceo Alfieri
v.1 Progettazione Multimediale – 7 Tag HTML strutturali Nome della pagina Web … altre meta informazioni (non visibili) Contenuto del Documento (visibile) un documento HTML inizia sempre con il tag e termina sempre con il tag il linguaggio HTML è case-insensitive e quindi,, sono tutti tag leciti (lo stesso vale per gli altri tag)
v.1 Progettazione Multimediale – 8 HTML: HTML: <BODY BGCOLOR="colore sfondo" BACKGROUND="nome file dellimmagine" TEXT="colore testo" LINK="colore link da visitare" VLINK="colore link visitato" ALINK="colore link selezionato" > NB: lordine con cui si scrivono le proprietà non è importante Alcune proprietà del tag body:
v.1 Progettazione Multimediale – 9 HTML: HTML: <BODY BGCOLOR="red" BGCOLOR="#00ffff" TEXT="#eeeeee" LINK="#ffffff" BACKGROUND="sfondo.gif >
v.1 Progettazione Multimediale – 10 HTML: RGB (Red, Green, Blu) ogni colore può essere codificato mediante tre numeri compresi tra 0 e 255 che rappresentano le quantità di ROSSO VERDE e BLU presenti nel colore stesso ogni numero compreso tra 0 e 255 deve essere trasformato nella rappresentazione esadecimale corrispondente (base 16) con questa codifica si possono rappresentare più di di colori diversi
v.1 Progettazione Multimediale – 11 HTML: RGB (Red, Green, Blu)
v.1 Progettazione Multimediale – 12 HTML: colori Web Safe 16 colori – detti Web Safe - sono riconosciuti universalmente da tutti i browser e possono essere indicati con il loro nome
v.1 Progettazione Multimediale – 13 I caratteri (Font) testo testo testo testo testo Per definire il carattere si usa il tag
v.1 Progettazione Multimediale – 14 Il Tag Titolo Il Tag Titolo HTML prevede sei livelli di titoli, numerati da a, dove è quello più grande e è quello più piccolo. I Titoli sono sempre in grassetto ma NON sono centrati automaticamente.
v.1 Progettazione Multimediale – 15 Liceo Classico Statale "Vittorio Alfieri" corso Dante, Torino Classi: I ginnasiobla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla II ginnasiobla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Laspetto dei Titoli ( )
v.1 Progettazione Multimediale – 16 Altri Tag di base Tag di a capo: Non inizia un nuovo paragrafo Inizia un nuovo paragrafo Tag di stile del testo: Grassetto (in disuso) Grassetto (in disuso) Corsivo o Italico (in disuso) Corsivo o Italico (in disuso)
v.1 Progettazione Multimediale – 17 Allineamento (in disuso) testo da centrare (in disuso)
v.1 Progettazione Multimediale – 18 HTML – Altri Tag linee orizzontali (solo per Netscape) testo lampeggiante (solo per Netscape) questo testo lampeggia (solo per Explorer) testo scorrevole (solo per Explorer) questo testo scorre commenti
v.1 Progettazione Multimediale – 19 Elenchi HTML supporta due tipi di elenchi: Ordinati:Non ordinati:
v.1 Progettazione Multimediale – 20 Elenchi ordinati (numerati) Un computer Una connessione a internet Tanti appunti da scambiare Le ultime info di cui parlare Tanti amici chiusi in casa a studiare Il tutto amalgamato dalla possibilità di continuare a comunicare
v.1 Progettazione Multimediale – 21 Elenchi non ordinati Cannelloni Lasagna Linguine Manicotti Ravioli Spaghetti
v.1 Progettazione Multimediale – 22 Caratteri speciali Spazio Copyright ( © )© E commerciale ( & )& Trademark ( )&trade N con tilde ( ñ )ñ