Post on 02-May-2015
1
Laboratorio Informatica
Maria Concetta De Vivo
concetta.devivo@unicam.it
O737 402828
a.a. 2012/2013 Lab. Inf.
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.
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
4
Tag:Obbligatori
Tag:Facoltativi
Tag: Particolari=Meta tags
a.a. 2012/2013 Lab. Inf.
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.
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.
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
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.
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.
10
Esempio: Vogliamo creare un file .html (=una pagina web) Cartellina “miosito” sul desktop.
a.a. 2012/2013 Lab. Inf.
giugno 2007 Lab. Inf. 11
Esempio: Vogliamo creare un file html (=una pagina web) Cartellina “miosito” sul desktop.
12
EsempioVogliamo creare un file html (=una pagina web)
StartProgrammiAcccessoriBlocco note
Cliccare
a.a. 2012/2013 Lab. Inf.
13
EsempioVogliamo creare un file html (=una pagina web)
Salviamo Questa prima operazione
a.a. 2012/2013 Lab. Inf.
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.
15
EsempioVogliamo creare un file html (=una pagina web)
Aggiungiamo Colore di sfondotesto ed un’immagine
a.a. 2012/2013 Lab. Inf.
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.
17
EsempioVogliamo creare un file html (=una pagina web)
Aggiungiamo Colore di sfondotesto ed un’immagine
“machoman.jpg”>
a.a. 2012/2013 Lab. Inf.
a.a. 2012/2013 Lab. Inf.
18
EsempioVogliamo creare un file html (=una pagina web)
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.
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.