![Page 1: 1 Laboratorio Informatica Maria Concetta De Vivo concetta.devivo@unicam.it O737 402828 a.a. 2012/2013 Lab. Inf](https://reader036.vdocuments.net/reader036/viewer/2022070313/5542eb66497959361e8d269c/html5/thumbnails/1.jpg)
1
Laboratorio Informatica
Maria Concetta De Vivo
O737 402828
a.a. 2012/2013 Lab. Inf.
![Page 2: 1 Laboratorio Informatica Maria Concetta De Vivo concetta.devivo@unicam.it O737 402828 a.a. 2012/2013 Lab. Inf](https://reader036.vdocuments.net/reader036/viewer/2022070313/5542eb66497959361e8d269c/html5/thumbnails/2.jpg)
2
IL MONDO WEB ED IL DIRITTO PAGINA WEB
FILE SORGENTE
=FILE HTML
Ebbè parlamme,perché si ragiunammechisto fatto ‘n ce ‘o spiegamme[Tammuriata nera]
a.a. 2012/2013 Lab. Inf.
![Page 3: 1 Laboratorio Informatica Maria Concetta De Vivo concetta.devivo@unicam.it O737 402828 a.a. 2012/2013 Lab. Inf](https://reader036.vdocuments.net/reader036/viewer/2022070313/5542eb66497959361e8d269c/html5/thumbnails/3.jpg)
a.a. 2012/2013 Lab. Inf.
3
linguaggio HTML=linguaggio utilizzato per creare pagine web.
Composto da una serie di comandi compresi in virgolette angolari che delimitano porzioni di testo.
Questi comandi = TAGS
![Page 4: 1 Laboratorio Informatica Maria Concetta De Vivo concetta.devivo@unicam.it O737 402828 a.a. 2012/2013 Lab. Inf](https://reader036.vdocuments.net/reader036/viewer/2022070313/5542eb66497959361e8d269c/html5/thumbnails/4.jpg)
4
Tag:Obbligatori
Tag:Facoltativi
Tag: Particolari=Meta tags
a.a. 2012/2013 Lab. Inf.
![Page 5: 1 Laboratorio Informatica Maria Concetta De Vivo concetta.devivo@unicam.it O737 402828 a.a. 2012/2013 Lab. Inf](https://reader036.vdocuments.net/reader036/viewer/2022070313/5542eb66497959361e8d269c/html5/thumbnails/5.jpg)
5
Tag:Obbligatori
<HTML> Inizio del documento; </HTML> fine del documento;
<HEAD> inizio testa; </HEAD> fine testa;
<TITLE> Inizio titolo; </TITLE> fine titolo;
<BODY> inizio corpo visibile del documento; </BODY> fine corpo visibile del documento.
IL MONDO WEB ED IL DIRITTO
a.a. 2012/2013 Lab. Inf.
![Page 6: 1 Laboratorio Informatica Maria Concetta De Vivo concetta.devivo@unicam.it O737 402828 a.a. 2012/2013 Lab. Inf](https://reader036.vdocuments.net/reader036/viewer/2022070313/5542eb66497959361e8d269c/html5/thumbnails/6.jpg)
6
IL MONDO WEB ED IL DIRITTO
Comando che indica porzione di documento invisibile all’utente
Comando di apertura e di chiusura del file html
Contenere determinate info che non dovranno essere viste dall’utente … ma dai motori di ricerca si !
a.a. 2012/2013 Lab. Inf.
![Page 7: 1 Laboratorio Informatica Maria Concetta De Vivo concetta.devivo@unicam.it O737 402828 a.a. 2012/2013 Lab. Inf](https://reader036.vdocuments.net/reader036/viewer/2022070313/5542eb66497959361e8d269c/html5/thumbnails/7.jpg)
a.a. 2012/2013 Lab. Inf.
7
<HTML> Inizio del documento; </HTML> fine del documento;
<HEAD> inizio testa; </HEAD> fine testa;
<TITLE> Inizio titolo; </TITLE> fine titolo;
<BODY> inizio corpo visibile del documento; </BODY> fine corpo visibile del documento.
IL MONDO WEB ED IL DIRITTO
![Page 8: 1 Laboratorio Informatica Maria Concetta De Vivo concetta.devivo@unicam.it O737 402828 a.a. 2012/2013 Lab. Inf](https://reader036.vdocuments.net/reader036/viewer/2022070313/5542eb66497959361e8d269c/html5/thumbnails/8.jpg)
8
Comando che delimita porzione di documento visibile all’utente … da qui in poi tutto ciò che scriverò potrà essere visto dall’utente …
IL MONDO WEB ED IL DIRITTO
a.a. 2012/2013 Lab. Inf.
![Page 9: 1 Laboratorio Informatica Maria Concetta De Vivo concetta.devivo@unicam.it O737 402828 a.a. 2012/2013 Lab. Inf](https://reader036.vdocuments.net/reader036/viewer/2022070313/5542eb66497959361e8d269c/html5/thumbnails/9.jpg)
9
Tag:Facoltativi
<B> parola </B> grassetto
<u> parola </u> sottolineato
<i> parola </i> corsivo
<a href=“http:/directory/nomefile.html“> parola </a> LINK
<img src=“nomefile.jpg”>
IL MONDO WEB ED IL DIRITTO
Tag =comandi per permettere la creazione graficamente accattivante di un sito web
a.a. 2012/2013 Lab. Inf.
![Page 10: 1 Laboratorio Informatica Maria Concetta De Vivo concetta.devivo@unicam.it O737 402828 a.a. 2012/2013 Lab. Inf](https://reader036.vdocuments.net/reader036/viewer/2022070313/5542eb66497959361e8d269c/html5/thumbnails/10.jpg)
10
Esempio: Vogliamo creare un file .html (=una pagina web) Cartellina “miosito” sul desktop.
a.a. 2012/2013 Lab. Inf.
![Page 11: 1 Laboratorio Informatica Maria Concetta De Vivo concetta.devivo@unicam.it O737 402828 a.a. 2012/2013 Lab. Inf](https://reader036.vdocuments.net/reader036/viewer/2022070313/5542eb66497959361e8d269c/html5/thumbnails/11.jpg)
giugno 2007 Lab. Inf. 11
Esempio: Vogliamo creare un file html (=una pagina web) Cartellina “miosito” sul desktop.
![Page 12: 1 Laboratorio Informatica Maria Concetta De Vivo concetta.devivo@unicam.it O737 402828 a.a. 2012/2013 Lab. Inf](https://reader036.vdocuments.net/reader036/viewer/2022070313/5542eb66497959361e8d269c/html5/thumbnails/12.jpg)
12
EsempioVogliamo creare un file html (=una pagina web)
StartProgrammiAcccessoriBlocco note
Cliccare
a.a. 2012/2013 Lab. Inf.
![Page 13: 1 Laboratorio Informatica Maria Concetta De Vivo concetta.devivo@unicam.it O737 402828 a.a. 2012/2013 Lab. Inf](https://reader036.vdocuments.net/reader036/viewer/2022070313/5542eb66497959361e8d269c/html5/thumbnails/13.jpg)
13
EsempioVogliamo creare un file html (=una pagina web)
Salviamo Questa prima operazione
a.a. 2012/2013 Lab. Inf.
![Page 14: 1 Laboratorio Informatica Maria Concetta De Vivo concetta.devivo@unicam.it O737 402828 a.a. 2012/2013 Lab. Inf](https://reader036.vdocuments.net/reader036/viewer/2022070313/5542eb66497959361e8d269c/html5/thumbnails/14.jpg)
14
EsempioVogliamo creare un file html (=una pagina web)
Pagina bianca … ma
ABBIAMO CREATOUNA PAGINA WEB !!!!
Il file chiamato Prova.html
a.a. 2012/2013 Lab. Inf.
![Page 15: 1 Laboratorio Informatica Maria Concetta De Vivo concetta.devivo@unicam.it O737 402828 a.a. 2012/2013 Lab. Inf](https://reader036.vdocuments.net/reader036/viewer/2022070313/5542eb66497959361e8d269c/html5/thumbnails/15.jpg)
15
EsempioVogliamo creare un file html (=una pagina web)
Aggiungiamo Colore di sfondotesto ed un’immagine
a.a. 2012/2013 Lab. Inf.
![Page 16: 1 Laboratorio Informatica Maria Concetta De Vivo concetta.devivo@unicam.it O737 402828 a.a. 2012/2013 Lab. Inf](https://reader036.vdocuments.net/reader036/viewer/2022070313/5542eb66497959361e8d269c/html5/thumbnails/16.jpg)
16
EsempioVogliamo creare un file html (=una pagina web)
Aggiungiamo Colore di sfondotesto ed un’immagine
La palestra “Machoman” vi da’ il benvenuto
a.a. 2012/2013 Lab. Inf.
![Page 17: 1 Laboratorio Informatica Maria Concetta De Vivo concetta.devivo@unicam.it O737 402828 a.a. 2012/2013 Lab. Inf](https://reader036.vdocuments.net/reader036/viewer/2022070313/5542eb66497959361e8d269c/html5/thumbnails/17.jpg)
17
EsempioVogliamo creare un file html (=una pagina web)
Aggiungiamo Colore di sfondotesto ed un’immagine
“machoman.jpg”>
a.a. 2012/2013 Lab. Inf.
![Page 18: 1 Laboratorio Informatica Maria Concetta De Vivo concetta.devivo@unicam.it O737 402828 a.a. 2012/2013 Lab. Inf](https://reader036.vdocuments.net/reader036/viewer/2022070313/5542eb66497959361e8d269c/html5/thumbnails/18.jpg)
a.a. 2012/2013 Lab. Inf.
18
EsempioVogliamo creare un file html (=una pagina web)
![Page 19: 1 Laboratorio Informatica Maria Concetta De Vivo concetta.devivo@unicam.it O737 402828 a.a. 2012/2013 Lab. Inf](https://reader036.vdocuments.net/reader036/viewer/2022070313/5542eb66497959361e8d269c/html5/thumbnails/19.jpg)
19
E i Metatags???
forniscono informazioni di vario genere sul documento ipertestuale e non vengono tradotti dal browser in dati visibili dal visitatore del sito.
a.a. 2012/2013 Lab. Inf.
![Page 20: 1 Laboratorio Informatica Maria Concetta De Vivo concetta.devivo@unicam.it O737 402828 a.a. 2012/2013 Lab. Inf](https://reader036.vdocuments.net/reader036/viewer/2022070313/5542eb66497959361e8d269c/html5/thumbnails/20.jpg)
20
Oggi è così ma Oggi è così ma Domani si lavora !Domani si lavora !
Oggi è così ma Oggi è così ma Domani si lavora !Domani si lavora !
a.a. 2012/2013 Lab. Inf.