programmazione web laboratorio 1: html e css. la pagina personale di lisa (i) 2laboratori di...
TRANSCRIPT
![Page 1: Programmazione Web Laboratorio 1: HTML e CSS. La pagina personale di Lisa (I) 2Laboratori di Programmazione Web - Esercizi HTML e CSS Immagine foto.gif](https://reader036.vdocuments.net/reader036/viewer/2022062418/5542eb75497959361e8de0a5/html5/thumbnails/1.jpg)
Programmazione WebLaboratorio 1: HTML e CSS
![Page 2: Programmazione Web Laboratorio 1: HTML e CSS. La pagina personale di Lisa (I) 2Laboratori di Programmazione Web - Esercizi HTML e CSS Immagine foto.gif](https://reader036.vdocuments.net/reader036/viewer/2022062418/5542eb75497959361e8de0a5/html5/thumbnails/2.jpg)
La pagina personale di Lisa (I)
2Laboratori di Programmazione Web - Esercizi HTML e CSS
Immagine foto.gif
![Page 3: Programmazione Web Laboratorio 1: HTML e CSS. La pagina personale di Lisa (I) 2Laboratori di Programmazione Web - Esercizi HTML e CSS Immagine foto.gif](https://reader036.vdocuments.net/reader036/viewer/2022062418/5542eb75497959361e8de0a5/html5/thumbnails/3.jpg)
La pagina personale di Lisa (I)
3
Due bookmark: Presentazione e Interessi
Laboratori di Programmazione Web - Esercizi HTML e CSS
![Page 4: Programmazione Web Laboratorio 1: HTML e CSS. La pagina personale di Lisa (I) 2Laboratori di Programmazione Web - Esercizi HTML e CSS Immagine foto.gif](https://reader036.vdocuments.net/reader036/viewer/2022062418/5542eb75497959361e8de0a5/html5/thumbnails/4.jpg)
La pagina personale di Lisa (I)
4
Altri bookmark: letteratura, musica e cucina
Laboratori di Programmazione Web - Esercizi HTML e CSS
![Page 5: Programmazione Web Laboratorio 1: HTML e CSS. La pagina personale di Lisa (I) 2Laboratori di Programmazione Web - Esercizi HTML e CSS Immagine foto.gif](https://reader036.vdocuments.net/reader036/viewer/2022062418/5542eb75497959361e8de0a5/html5/thumbnails/5.jpg)
La pagina personale di Lisa (I)
5
Riferimento a casa.png, da aprire in un'altra pagina
Riferimento a famiglia.html, da aprire in un'altra pagina
Laboratori di Programmazione Web - Esercizi HTML e CSS
![Page 6: Programmazione Web Laboratorio 1: HTML e CSS. La pagina personale di Lisa (I) 2Laboratori di Programmazione Web - Esercizi HTML e CSS Immagine foto.gif](https://reader036.vdocuments.net/reader036/viewer/2022062418/5542eb75497959361e8de0a5/html5/thumbnails/6.jpg)
La pagina personale di Lisa (I)
6
Testo pre-formattato
Manda un'email all'indirizzo specificato, con soggetto “Ciao Lisa”
Laboratori di Programmazione Web - Esercizi HTML e CSS
![Page 7: Programmazione Web Laboratorio 1: HTML e CSS. La pagina personale di Lisa (I) 2Laboratori di Programmazione Web - Esercizi HTML e CSS Immagine foto.gif](https://reader036.vdocuments.net/reader036/viewer/2022062418/5542eb75497959361e8de0a5/html5/thumbnails/7.jpg)
La pagina personale di Lisa (II)
7
Immagine alimenti.gif oppure, in alternativa, il testo “Tavola imbandita”
Laboratori di Programmazione Web - Esercizi HTML e CSS
![Page 8: Programmazione Web Laboratorio 1: HTML e CSS. La pagina personale di Lisa (I) 2Laboratori di Programmazione Web - Esercizi HTML e CSS Immagine foto.gif](https://reader036.vdocuments.net/reader036/viewer/2022062418/5542eb75497959361e8de0a5/html5/thumbnails/8.jpg)
La pagina personale di Lisa (III)
8Laboratori di Programmazione Web - Esercizi HTML e CSS
![Page 9: Programmazione Web Laboratorio 1: HTML e CSS. La pagina personale di Lisa (I) 2Laboratori di Programmazione Web - Esercizi HTML e CSS Immagine foto.gif](https://reader036.vdocuments.net/reader036/viewer/2022062418/5542eb75497959361e8de0a5/html5/thumbnails/9.jpg)
La pagina famiglia.html
9
Ogni viso deve essere un link alla pagina “incostruzione.html”
Laboratori di Programmazione Web - Esercizi HTML e CSS
![Page 10: Programmazione Web Laboratorio 1: HTML e CSS. La pagina personale di Lisa (I) 2Laboratori di Programmazione Web - Esercizi HTML e CSS Immagine foto.gif](https://reader036.vdocuments.net/reader036/viewer/2022062418/5542eb75497959361e8de0a5/html5/thumbnails/10.jpg)
La pagina famiglia.html
10
Ogni viso deve essere un link alla pagina “incostruzione.html”
Immagine “lavori.gif”
Laboratori di Programmazione Web - Esercizi HTML e CSS
![Page 11: Programmazione Web Laboratorio 1: HTML e CSS. La pagina personale di Lisa (I) 2Laboratori di Programmazione Web - Esercizi HTML e CSS Immagine foto.gif](https://reader036.vdocuments.net/reader036/viewer/2022062418/5542eb75497959361e8de0a5/html5/thumbnails/11.jpg)
Il codice HTML delle pagine mostrate nelle slide precedenti sono disponibili all'indirizzo seguente
http://www.ing.unibs.it/~deantone/MaterialePW/Lucidi/2014-2015/Laboratori/Lab1
Applicare alle pagine un foglio di stile CSS in modo da ottenere la versione delle pagine stesse mostrata nelle slide seguenti
Esercizio – HTML & CSS
11Laboratori di Programmazione Web - Esercizi HTML e CSS
![Page 12: Programmazione Web Laboratorio 1: HTML e CSS. La pagina personale di Lisa (I) 2Laboratori di Programmazione Web - Esercizi HTML e CSS Immagine foto.gif](https://reader036.vdocuments.net/reader036/viewer/2022062418/5542eb75497959361e8de0a5/html5/thumbnails/12.jpg)
CSS: risultato (I)
12Laboratori di Programmazione Web - Esercizi HTML e CSS
![Page 13: Programmazione Web Laboratorio 1: HTML e CSS. La pagina personale di Lisa (I) 2Laboratori di Programmazione Web - Esercizi HTML e CSS Immagine foto.gif](https://reader036.vdocuments.net/reader036/viewer/2022062418/5542eb75497959361e8de0a5/html5/thumbnails/13.jpg)
CSS: risultato (II)
13Laboratori di Programmazione Web - Esercizi HTML e CSS
![Page 14: Programmazione Web Laboratorio 1: HTML e CSS. La pagina personale di Lisa (I) 2Laboratori di Programmazione Web - Esercizi HTML e CSS Immagine foto.gif](https://reader036.vdocuments.net/reader036/viewer/2022062418/5542eb75497959361e8de0a5/html5/thumbnails/14.jpg)
CSS: risultato (III)
14Laboratori di Programmazione Web - Esercizi HTML e CSS
![Page 15: Programmazione Web Laboratorio 1: HTML e CSS. La pagina personale di Lisa (I) 2Laboratori di Programmazione Web - Esercizi HTML e CSS Immagine foto.gif](https://reader036.vdocuments.net/reader036/viewer/2022062418/5542eb75497959361e8de0a5/html5/thumbnails/15.jpg)
CSS: risultato (IV)
15Laboratori di Programmazione Web - Esercizi HTML e CSS