Laboratorio di comunicazione visiva

Anno accademico 2009/2010

Prof. CovaProf. Nicolai

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.

Questo che vi propongo è il mio primo sito.

E’ stato costruito con Dreamweaver e Photoshop.

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.

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:

Con Photoshop ho creato anche la parte alta del sito, il menù, i vari pulsanti e gli sfondi

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.

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.

.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;

}

<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>

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.