Laboratorio 1: HTML e CSS

Presentazione sul tema: "Laboratorio 1: HTML e CSS"— Transcript della presentazione:

1 Laboratorio 1: HTML e CSS
Devis Bianchini – Fondamenti di Informatica B 2008/2009 Programmazione Web Laboratorio 1: HTML e CSS Informazione 1 1 1

2 La pagina personale di Lisa (I)
Immagine foto.gif Laboratori di Programmazione Web - Esercizi HTML e CSS 2 2 2

3 La pagina personale di Lisa (I)
Due bookmark: Presentazione e Interessi Laboratori di Programmazione Web - Esercizi HTML e CSS 3 3 3

4 La pagina personale di Lisa (I)
Altri bookmark: letteratura, musica e cucina Laboratori di Programmazione Web - Esercizi HTML e CSS 4 4 4

5 La pagina personale di Lisa (I)
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 5 5 5

6 La pagina personale di Lisa (I)
Manda un' all'indirizzo specificato, con soggetto “Ciao Lisa” Testo pre-formattato Laboratori di Programmazione Web - Esercizi HTML e CSS 6 6 6

7 La pagina personale di Lisa (II)
Immagine alimenti.gif oppure, in alternativa, il testo “Tavola imbandita” Laboratori di Programmazione Web - Esercizi HTML e CSS 7 7 7

8 La pagina personale di Lisa (III)
Laboratori di Programmazione Web - Esercizi HTML e CSS 8 8 8

9 La pagina famiglia.html
Ogni viso deve essere un link alla pagina “incostruzione.html” Laboratori di Programmazione Web - Esercizi HTML e CSS 9 9 9

10 La pagina famiglia.html
Ogni viso deve essere un link alla pagina “incostruzione.html” Immagine “lavori.gif” Laboratori di Programmazione Web - Esercizi HTML e CSS 10 10 10

11 Laboratori di Programmazione Web - Esercizi HTML e CSS
Esercizio – HTML & CSS Il codice HTML delle pagine mostrate nelle slide precedenti sono disponibili all'indirizzo seguente 2015/Laboratori/Lab1 Applicare alle pagine un foglio di stile CSS in modo da ottenere la versione delle pagine stesse mostrata nelle slide seguenti Laboratori di Programmazione Web - Esercizi HTML e CSS 11 11 11

12 Laboratori di Programmazione Web - Esercizi HTML e CSS
CSS: risultato (I) Laboratori di Programmazione Web - Esercizi HTML e CSS 12 12 12

13 Laboratori di Programmazione Web - Esercizi HTML e CSS
CSS: risultato (II) Laboratori di Programmazione Web - Esercizi HTML e CSS 13 13 13

14 Laboratori di Programmazione Web - Esercizi HTML e CSS
CSS: risultato (III) Laboratori di Programmazione Web - Esercizi HTML e CSS 14 14 14

15 Laboratori di Programmazione Web - Esercizi HTML e CSS
CSS: risultato (IV) Laboratori di Programmazione Web - Esercizi HTML e CSS 15 15 15