1 Università della Tuscia - Facoltà di Scienze Politiche.Informatica 2 - a.a Prof. Francesco Donini Richiami sul modello Client/Server (per il servizio WWW)

2 Università della Tuscia - Facoltà di Scienze Politiche.Informatica 2 - a.a Prof. Francesco Donini Modello Client/Server per il servizio WWW Programma Browser (esempi: Microsoft Explorer, Mozilla, Netscape,…) Richiesta di una pagina CLIENT (di solito, un Personal Computer) SERVER (calcolatore connesso alla rete)

3 Università della Tuscia - Facoltà di Scienze Politiche.Informatica 2 - a.a Prof. Francesco Donini Modello Client/Server per il servizio WWW Pagina HTML CLIENT (di solito, un Personal Computer) SERVER (calcolatore connesso alla rete) Programma Server (esempi: Microsoft IIS, Apache, Netscape Enterprise)

4 Università della Tuscia - Facoltà di Scienze Politiche.Informatica 2 - a.a Prof. Francesco Donini URL (Uniform Resource Locator) protocollo (servizio) host dominio directory/file

5 Università della Tuscia - Facoltà di Scienze Politiche.Informatica 2 - a.a Prof. Francesco Donini Linguaggio HTML

6 Università della Tuscia - Facoltà di Scienze Politiche.Informatica 2 - a.a Prof. Francesco DoniniHTML HTML è un acronimo: Hyper Text Markup Language Linguaggio per contrassegnare ipertesti

7 Università della Tuscia - Facoltà di Scienze Politiche.Informatica 2 - a.a Prof. Francesco DoniniHTML HTML é un linguaggio che utilizza contrassegni (markup), chiamati TAG, per la formattazione di ipertesti. Esempio: tag … per i titoli di primo livello Quasi tutti i tag hanno unapertura (es. ) ed una chiusura (es. ), contraddistinta dalla barra / HTML non fa differenza tra maiuscole e minuscole (case-insensitive): anche … va bene

8 Università della Tuscia - Facoltà di Scienze Politiche.Informatica 2 - a.a Prof. Francesco Donini Esempio di pagina HTML Pagina di prova Benvenuti Ultima modifica di questa pagina: …

9 Università della Tuscia - Facoltà di Scienze Politiche.Informatica 2 - a.a Prof. Francesco Donini Tag HTML (1- Struttura del testo) titolo primo livello titolo secondo livello … … … titolo sesto livello paragrafo a capo linea orizzontale Header Paragraph Break Horizontal Ruler SenzaChiusura!

10 Università della Tuscia - Facoltà di Scienze Politiche.Informatica 2 - a.a Prof. Francesco Donini Tag HTML (2- Effetti tipografici) enfatizzato evidenziato grassetto corsivo sottolineato Emphasized Boldface Italic Underlined

11 Università della Tuscia - Facoltà di Scienze Politiche.Informatica 2 - a.a Prof. Francesco Donini Tag HTML (3- tabelle) intestazione dato (inizio tabella) Table Row (inizio riga) Table Header (fine riga) cella normale (fine tabella)

12 Università della Tuscia - Facoltà di Scienze Politiche.Informatica 2 - a.a Prof. Francesco Donini Attributi I tag possono avere degli attributi Gli attributi aggiungono/specificano delle caratteristiche del formato Per esempio, i tag di struttura possono avere lattributo ALIGN=center per centrare il testo

13 Università della Tuscia - Facoltà di Scienze Politiche.Informatica 2 - a.a Prof. Francesco Donini Tag HTML (4 - attributi)... …

14 Università della Tuscia - Facoltà di Scienze Politiche.Informatica 2 - a.a Prof. Francesco Donini Tag per i link collegamento HREF è un attributo obbligatorio per i riferimenti Il valore di HREF è un URL di unaltra pagina LURL può essere assoluto o relativo Oltre a HREF, ci possono essere delle azioni da compiere al verificarsi di EVENTI

15 Università della Tuscia - Facoltà di Scienze Politiche.Informatica 2 - a.a Prof. Francesco Donini Moduli (FORM) … Il valore di ACTION è (di solito) una pagina WWW che elabora i dati immessi nel modulo Ci possono essere delle azioni da compiere al verificarsi di EVENTI

16 Università della Tuscia - Facoltà di Scienze Politiche.Informatica 2 - a.a Prof. Francesco Donini Elementi di un modulo <INPUT TYPE=SUBMIT NAME=… VALUE=visualizzato> Visualizza un Bottone cliccabile, A cui possono essere associate delle azioni