![Page 1: La mia città di Pamela Peretti. Obiettivi dellesercitazione Fare pratica con Html Kit Creare alcune pagine web](https://reader036.vdocuments.mx/reader036/viewer/2022062307/5542eb50497959361e8bfc6b/html5/thumbnails/1.jpg)
La mia città
di Pamela Peretti
![Page 2: La mia città di Pamela Peretti. Obiettivi dellesercitazione Fare pratica con Html Kit Creare alcune pagine web](https://reader036.vdocuments.mx/reader036/viewer/2022062307/5542eb50497959361e8bfc6b/html5/thumbnails/2.jpg)
Obiettivi dell’esercitazione
Fare pratica con Html Kit
Creare alcune pagine web
![Page 3: La mia città di Pamela Peretti. Obiettivi dellesercitazione Fare pratica con Html Kit Creare alcune pagine web](https://reader036.vdocuments.mx/reader036/viewer/2022062307/5542eb50497959361e8bfc6b/html5/thumbnails/3.jpg)
Cosa faremo
4 file html:
citta.html: contenente lo stemma della città, un testo descrittivo, e tre collegamenti (ancore) a tre diverse pagine html.
pe1.html: contenente la foto di Pescara
pe2.html: contenente la foto della Bella Addormentata
pe3.html: contenente la foto del porto.
![Page 4: La mia città di Pamela Peretti. Obiettivi dellesercitazione Fare pratica con Html Kit Creare alcune pagine web](https://reader036.vdocuments.mx/reader036/viewer/2022062307/5542eb50497959361e8bfc6b/html5/thumbnails/4.jpg)
Collegamenti tra le pagine
citta.html
pe1.html
pe2.html
pe3.html
Nella pagina principale citta.htmlinseriremo 3 ancore:
1. Pescara,
2. La bella addormentata,
3. Pescara di notte.
Ognuna delle quali servirà per spostarci da una pagina all’altra
![Page 5: La mia città di Pamela Peretti. Obiettivi dellesercitazione Fare pratica con Html Kit Creare alcune pagine web](https://reader036.vdocuments.mx/reader036/viewer/2022062307/5542eb50497959361e8bfc6b/html5/thumbnails/5.jpg)
Collegamenti tra le pagine
![Page 6: La mia città di Pamela Peretti. Obiettivi dellesercitazione Fare pratica con Html Kit Creare alcune pagine web](https://reader036.vdocuments.mx/reader036/viewer/2022062307/5542eb50497959361e8bfc6b/html5/thumbnails/6.jpg)
Collegamenti tra le pagine
citta.html
pe1.html
pe2.html
pe3.html
In ognuna delle tre pagine inseriremo un link per tornare alla pagina principale.
![Page 7: La mia città di Pamela Peretti. Obiettivi dellesercitazione Fare pratica con Html Kit Creare alcune pagine web](https://reader036.vdocuments.mx/reader036/viewer/2022062307/5542eb50497959361e8bfc6b/html5/thumbnails/7.jpg)
Collegamenti tra le pagine
![Page 8: La mia città di Pamela Peretti. Obiettivi dellesercitazione Fare pratica con Html Kit Creare alcune pagine web](https://reader036.vdocuments.mx/reader036/viewer/2022062307/5542eb50497959361e8bfc6b/html5/thumbnails/8.jpg)
Primo passo: i file
Andate all’indirizzo:
http://www.sci.unich.it/~bista/didattica/tecnologie-web/esercizi/citta/
I file da scaricare sono:
testo.txt
stemma.png
bella.jpg
notte.jpg
porto.jpg
![Page 9: La mia città di Pamela Peretti. Obiettivi dellesercitazione Fare pratica con Html Kit Creare alcune pagine web](https://reader036.vdocuments.mx/reader036/viewer/2022062307/5542eb50497959361e8bfc6b/html5/thumbnails/9.jpg)
Primo passo: i file
I file vanno inseriti nelle cartelle in questo modo:
nella cartella con il vostro nome le pagine HTML,
nella cartella immagini (dentro lavostra cartella) le immagini usate nelle vostre pagine web.
MarioRossi
citta.html
immagini
pe1.htmlpe2.htmlpe3.html
stemma.pngbella.jpgnotte.jpgporto.jpg
![Page 10: La mia città di Pamela Peretti. Obiettivi dellesercitazione Fare pratica con Html Kit Creare alcune pagine web](https://reader036.vdocuments.mx/reader036/viewer/2022062307/5542eb50497959361e8bfc6b/html5/thumbnails/10.jpg)
Secondo passo
Usiamo finalmente Html Kit