Slide della prima lezione di alternanza scuola-lavoro dove ho parlato del World Wide Web e dei tre livelli.

1. IL WORLD WIDE WEB
GIUSEPPE CRAMAROSSA
ALTERNANZA SCUOLA-LAVORO @ LICEO SCIENTIFICO «G. GALILEI» BITONTO
12 NOVEMBRE 2016

2. SOMMARIO
 GENERALITÀ
 I LINK
 LIVELLO GRAFICO
 LIVELLO CONTENUTO
 LIVELLO LOGICO

3. IL WORLD WIDE WEB
 Insieme di pagine (ipertesti) collegate tra di
loro attraverso i link
 Utilizza l’architettura client-server
Programma server : Web Server (Apache)
Programma client: Web Browser (Firefox,
Chrome, Opera, Safari, …)
 Le pagine web sono organizzate in siti web e
accessibili tramite gli URL

4. GLI URL
 Stringa generalmente formata da
Protocollo: generalmente http o https
Nome host (dominio): identifica l’host dove si trova
la risorsa
Percorso: indica il percorso nel dominio dove è
situata la risorsa
Può contenere anche query string e ancore
Verranno analizzate in seguito

5. DOMINI
 Ogni punto indica un livello di dominio
differente
Il dominio di primo livello (TLD) è quello dopo
l’ultimo punto (it, com, net, fr, es, …)
Il dominio di secondo livello è quello dopo il
penultimo punto
E così via

6. UN ESEMPIO PRATICO DI URL

7. I TRE LIVELLI DEL WEB
 Ogni pagina web ha tre aspetti fondamentali
 Il contenuto (il testo presente nella pagina)
 L’aspetto (l’impaginazione)
 Il comportamento (clic del mouse su un determinato
elemento)
 Vantaggi
 Separazione delle competenze
 Riutilizzo e migliore leggibilità del codice
 Principio KISS

8. LIVELLO DEL CONTENUTO
 Contenuti della pagina
Immagini
Suoni
Link
Testo normale
…
 Marcatore utilizzato: HTML
Lo vedremo in seguito

9. LIVELLO GRAFICO
 Aspetto della pagina
Impaginazione
Colori
Carattere
Dimensioni
 Marcatore utilizzato: CSS
Lo vedremo in seguito

10. LIVELLO DEL COMPORTAMENTO
 Comportamento in base a vari fattori
Click del mouse
Pressione di un tasto
Passaggio del mouse su un determinato evento
 Linguaggio utilizzato: Javascript
Lo vedremo in seguito