SlideShare a Scribd company logo
1 of 13
Salemi ElenaMatricola: 075158 Laboratorio di comunicazione visiva Anno accademico 2009/2010 Prof. Cova Prof. 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. La mia prima esperienza
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.  Photoshop
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: Photoshop
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. Dreamweaver
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. Dreamweaver
Esempio di CSS: .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; }
Esempio di HTML: <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. Conclusioni

More Related Content

Similar to Mio sito

Wordpress 3/7. temi e plugin
Wordpress 3/7. temi e pluginWordpress 3/7. temi e plugin
Wordpress 3/7. temi e pluginCity Planner
 
Wordpress 6. wp & social network
Wordpress 6. wp & social networkWordpress 6. wp & social network
Wordpress 6. wp & social networkCity Planner
 
Corso Wordpres 2/7: PERSONALIZZAZIONE
Corso Wordpres 2/7: PERSONALIZZAZIONECorso Wordpres 2/7: PERSONALIZZAZIONE
Corso Wordpres 2/7: PERSONALIZZAZIONECity Planner
 
6 Step per un Sito Funzionale: 3. Web Design e Layout
6 Step per un Sito Funzionale: 3. Web Design e Layout6 Step per un Sito Funzionale: 3. Web Design e Layout
6 Step per un Sito Funzionale: 3. Web Design e LayoutFormazioneTurismo
 
La Guida Integral Di SOS Wordpress
La Guida Integral Di SOS Wordpress
La Guida Integral Di SOS Wordpress
La Guida Integral Di SOS Wordpress derangedpavilli98
 
Generare contatti con un ebook: 8 esempi
Generare contatti con un ebook: 8 esempi Generare contatti con un ebook: 8 esempi
Generare contatti con un ebook: 8 esempi Valeria Toti
 
Programmatore_hobbysta.pdf
Programmatore_hobbysta.pdfProgrammatore_hobbysta.pdf
Programmatore_hobbysta.pdfJacopo Grimoldi
 
Interfacce web – giocarci per conoscerle, conoscerle per usarle meglio - Olja...
Interfacce web – giocarci per conoscerle, conoscerle per usarle meglio - Olja...Interfacce web – giocarci per conoscerle, conoscerle per usarle meglio - Olja...
Interfacce web – giocarci per conoscerle, conoscerle per usarle meglio - Olja...Girl Geek Dinners Milano
 
Vuoi Creare El Blog Di Successo?
Vuoi Creare El Blog Di Successo?
Vuoi Creare El Blog Di Successo?
Vuoi Creare El Blog Di Successo? parsimoniousmad9
 
Estensioni di google chrome per sviluppatori
Estensioni di google chrome per sviluppatoriEstensioni di google chrome per sviluppatori
Estensioni di google chrome per sviluppatoriVenetoformazione
 
Estensioni di google chrome per sviluppatori
Estensioni di google chrome per sviluppatoriEstensioni di google chrome per sviluppatori
Estensioni di google chrome per sviluppatoriMartina Perin
 
Formazione senza confini - SMAU 2007
Formazione senza confini - SMAU 2007Formazione senza confini - SMAU 2007
Formazione senza confini - SMAU 2007Roberto Castaldo
 
Css figli di un dio minore
Css figli di un dio minoreCss figli di un dio minore
Css figli di un dio minoreDavide Di Pumpo
 
Creare siti web con Orchard
Creare siti web con OrchardCreare siti web con Orchard
Creare siti web con OrchardMichele Aponte
 
Guida all'uso di Font, Colori e Griglie (free webinar)
Guida all'uso di Font, Colori e Griglie (free webinar)Guida all'uso di Font, Colori e Griglie (free webinar)
Guida all'uso di Font, Colori e Griglie (free webinar)Artlandis' Webinar & Workshop
 
15 - Web designer vs Web developer
15 - Web designer vs Web developer15 - Web designer vs Web developer
15 - Web designer vs Web developerGiuseppe Vizzari
 
Insegnare word press da zero
Insegnare word press da zeroInsegnare word press da zero
Insegnare word press da zeroFrancesco Riggio
 

Similar to Mio sito (20)

Wordpress 3/7. temi e plugin
Wordpress 3/7. temi e pluginWordpress 3/7. temi e plugin
Wordpress 3/7. temi e plugin
 
Wordpress 6. wp & social network
Wordpress 6. wp & social networkWordpress 6. wp & social network
Wordpress 6. wp & social network
 
Corso Wordpres 2/7: PERSONALIZZAZIONE
Corso Wordpres 2/7: PERSONALIZZAZIONECorso Wordpres 2/7: PERSONALIZZAZIONE
Corso Wordpres 2/7: PERSONALIZZAZIONE
 
Approccio al Web
Approccio al WebApproccio al Web
Approccio al Web
 
6 Step per un Sito Funzionale: 3. Web Design e Layout
6 Step per un Sito Funzionale: 3. Web Design e Layout6 Step per un Sito Funzionale: 3. Web Design e Layout
6 Step per un Sito Funzionale: 3. Web Design e Layout
 
La Guida Integral Di SOS Wordpress
La Guida Integral Di SOS Wordpress
La Guida Integral Di SOS Wordpress
La Guida Integral Di SOS Wordpress
 
Questopc
QuestopcQuestopc
Questopc
 
Generare contatti con un ebook: 8 esempi
Generare contatti con un ebook: 8 esempi Generare contatti con un ebook: 8 esempi
Generare contatti con un ebook: 8 esempi
 
Web Design
Web DesignWeb Design
Web Design
 
Programmatore_hobbysta.pdf
Programmatore_hobbysta.pdfProgrammatore_hobbysta.pdf
Programmatore_hobbysta.pdf
 
Interfacce web – giocarci per conoscerle, conoscerle per usarle meglio - Olja...
Interfacce web – giocarci per conoscerle, conoscerle per usarle meglio - Olja...Interfacce web – giocarci per conoscerle, conoscerle per usarle meglio - Olja...
Interfacce web – giocarci per conoscerle, conoscerle per usarle meglio - Olja...
 
Vuoi Creare El Blog Di Successo?
Vuoi Creare El Blog Di Successo?
Vuoi Creare El Blog Di Successo?
Vuoi Creare El Blog Di Successo?
 
Estensioni di google chrome per sviluppatori
Estensioni di google chrome per sviluppatoriEstensioni di google chrome per sviluppatori
Estensioni di google chrome per sviluppatori
 
Estensioni di google chrome per sviluppatori
Estensioni di google chrome per sviluppatoriEstensioni di google chrome per sviluppatori
Estensioni di google chrome per sviluppatori
 
Formazione senza confini - SMAU 2007
Formazione senza confini - SMAU 2007Formazione senza confini - SMAU 2007
Formazione senza confini - SMAU 2007
 
Css figli di un dio minore
Css figli di un dio minoreCss figli di un dio minore
Css figli di un dio minore
 
Creare siti web con Orchard
Creare siti web con OrchardCreare siti web con Orchard
Creare siti web con Orchard
 
Guida all'uso di Font, Colori e Griglie (free webinar)
Guida all'uso di Font, Colori e Griglie (free webinar)Guida all'uso di Font, Colori e Griglie (free webinar)
Guida all'uso di Font, Colori e Griglie (free webinar)
 
15 - Web designer vs Web developer
15 - Web designer vs Web developer15 - Web designer vs Web developer
15 - Web designer vs Web developer
 
Insegnare word press da zero
Insegnare word press da zeroInsegnare word press da zero
Insegnare word press da zero
 

More from Elena Salemi

More from Elena Salemi (6)

Kijiji auto-stellari
Kijiji auto-stellariKijiji auto-stellari
Kijiji auto-stellari
 
Ubiquitous learning
Ubiquitous learningUbiquitous learning
Ubiquitous learning
 
Delta airline analisi delle 3 facets
Delta airline analisi delle 3 facetsDelta airline analisi delle 3 facets
Delta airline analisi delle 3 facets
 
iPolitik
iPolitikiPolitik
iPolitik
 
Corso Web
Corso WebCorso Web
Corso Web
 
Corso Web 2.0
Corso Web 2.0Corso Web 2.0
Corso Web 2.0
 

Mio sito

  • 1. Salemi ElenaMatricola: 075158 Laboratorio di comunicazione visiva Anno accademico 2009/2010 Prof. Cova Prof. Nicolai
  • 2. 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. La mia prima esperienza
  • 3. Questo che vi propongo è il mio primo sito. E’ stato costruito con Dreamweaver e Photoshop.
  • 4. 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. Photoshop
  • 5. 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: Photoshop
  • 6.
  • 7.
  • 8. Con Photoshop ho creato anche la parte alta del sito, il menù, i vari pulsanti e gli sfondi
  • 9. 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. Dreamweaver
  • 10. 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. Dreamweaver
  • 11. Esempio di CSS: .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; }
  • 12. Esempio di HTML: <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>
  • 13. 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. Conclusioni