Mio sito
-
Upload
elena-salemi -
Category
Documents
-
view
237 -
download
0
Transcript of Mio sito
![Page 1: Mio sito](https://reader036.fdocuments.net/reader036/viewer/2022071704/55ac171f1a28ab7c3e8b4580/html5/thumbnails/1.jpg)
Laboratorio di comunicazione visiva
Anno accademico 2009/2010
Prof. CovaProf. Nicolai
![Page 2: Mio sito](https://reader036.fdocuments.net/reader036/viewer/2022071704/55ac171f1a28ab7c3e8b4580/html5/thumbnails/2.jpg)
Sono laureata in scienze e tecniche psicologiche in Bicocca e ho lavorato prevalentemente come ricercatrice di mercato.
La mia esperienza con programmi informatici è decisamente minima, si limita all’uso del pacchetto office e alla navigazione internet.
![Page 3: Mio sito](https://reader036.fdocuments.net/reader036/viewer/2022071704/55ac171f1a28ab7c3e8b4580/html5/thumbnails/3.jpg)
Questo che vi propongo è il mio primo sito.
E’ stato costruito con Dreamweaver e Photoshop.
![Page 4: Mio sito](https://reader036.fdocuments.net/reader036/viewer/2022071704/55ac171f1a28ab7c3e8b4580/html5/thumbnails/4.jpg)
Grazie a questo strumento ho creato gli sfondi e arrangiato le foto.
Imparare ad utilizzare il programma è stato molto semplice e divertente.
Inizialmente, per esercizio a casa, ritoccavo qualche fotografia, eliminado piccoli dettagli ingombranti.
![Page 5: Mio sito](https://reader036.fdocuments.net/reader036/viewer/2022071704/55ac171f1a28ab7c3e8b4580/html5/thumbnails/5.jpg)
Dopo circa un mese le mie tecniche diventavano sempre più raffinate e non ero più impacciata nel ricercare gli strumenti adatti.
Le foto presenti sul sito sono state tutte ritoccate.
Vi mostro qualche esempio:
![Page 6: Mio sito](https://reader036.fdocuments.net/reader036/viewer/2022071704/55ac171f1a28ab7c3e8b4580/html5/thumbnails/6.jpg)
![Page 7: Mio sito](https://reader036.fdocuments.net/reader036/viewer/2022071704/55ac171f1a28ab7c3e8b4580/html5/thumbnails/7.jpg)
![Page 8: Mio sito](https://reader036.fdocuments.net/reader036/viewer/2022071704/55ac171f1a28ab7c3e8b4580/html5/thumbnails/8.jpg)
Con Photoshop ho creato anche la parte alta del sito, il menù, i vari pulsanti e gli sfondi
![Page 9: Mio sito](https://reader036.fdocuments.net/reader036/viewer/2022071704/55ac171f1a28ab7c3e8b4580/html5/thumbnails/9.jpg)
La parte più ostica è stata la progettazione il HTML e CSS.
In particolare la struttura delle tabelle.
Una volta capito il meccanismo dei table e dei div è stato entusiasmante vedere il sito prendere forma.
![Page 10: Mio sito](https://reader036.fdocuments.net/reader036/viewer/2022071704/55ac171f1a28ab7c3e8b4580/html5/thumbnails/10.jpg)
La parte sul CSS è stata meno farraginosa dell’HTML.
Ho creato da subito un foglio di regole esterno al quale ho collegato tutte le pagine.
L’unica piccola difficoltà che ho trovato è stata capire lo spessore dei border, dei margin e dei padding.
![Page 11: Mio sito](https://reader036.fdocuments.net/reader036/viewer/2022071704/55ac171f1a28ab7c3e8b4580/html5/thumbnails/11.jpg)
.p {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
padding:5px;
margin:10px 20px;
}
.contatti {
border:10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: center;
color: #FFF;
}
#corso_labcombisiva {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FF0;
background-color: #000;
text-align:center;
}
![Page 12: Mio sito](https://reader036.fdocuments.net/reader036/viewer/2022071704/55ac171f1a28ab7c3e8b4580/html5/thumbnails/12.jpg)
<divid="contenitore">
<tablewidth="1000" height="239" cellpadding="0"cellspacing="0"align="center">
<tr>
<td><a href="../home.html”><imgsrc="../../img/bg/head.jpg" width="1000" height="239" /></a>
</td>
</tr>
</table>
<tablewidth="1000" align="center">
<tr>
<tdheight="23"><h1 class="handing">Trapani, Riserva
dello Zingaro</h1>
</td>
</tr>
</table>
</div>
![Page 13: Mio sito](https://reader036.fdocuments.net/reader036/viewer/2022071704/55ac171f1a28ab7c3e8b4580/html5/thumbnails/13.jpg)
Ho imparato molto da questo corso.
Sicuramente mi eserciterò ancora creando nuovi siti e utilizzando strumenti diversi come i div e Adobe Illustrator.
Aver appreso nuove tecniche mi ha aperto un mondo da scoprire.