Tutorial per creare un sito: da un file psd a un file xhtml+css

Se ne parla tanto, è la procedura basilare per poter creare un buon design di un buon sito. Ed è quella di creare prima un wireframe e/o  un disegno su carta, provare dei colori, e poi passare a tradurre tutto con Photoshop (o qualsiasi altro programma di grafica digitale preferiate).

Ma poi? Per tramutare la nostra creatività in xhtml come si fa? Web design library ci insegna tramite questo tutorial come riprodurre in xhtml un sito come quello che vedete nell’immagine di questo articolo. Non male vero? Provate!

Post correlati

• 1 ottobre 2009 -- Io, essere umano
• 17 settembre 2009 -- Screenshot dei diversi browser in una volta sola grazie agli AdobeLab
• 20 agosto 2009 -- I dieci errori più comuni di un webdesigner

1. 

   aledesign.it (247 comments) says:

   17 febbraio 2009 at 14:34

   Bellissimo, interessantissimo..utilissimo…posso continuare? ne avevo proprio bisogno!

   reply
2. 

   Rob12345 (16 comments) says:

   17 febbraio 2009 at 15:33

   ottima segnalazione

   reply
3. 

   Elena (39 comments) says:

   17 febbraio 2009 at 18:16

   Molto utile per chi è agli inizi come me, grazie!

   reply
4. 

   Alex (93 comments) says:

   18 febbraio 2009 at 09:04

   Ho notato che nel tutorial vengono utilizzate immagini png, senza alcuna tecnica per renderlo visibile correttamente su browser più datati… sbaglio o durante lo sviluppo di un sito, si sta dando sempre meno importanza a IE6?

   reply
5. 

   nic (7 comments) says:

   18 febbraio 2009 at 12:34

   ottimo articolo. Mi permetto di consigliare l’utilizzo di Fireworks al posto di Photoshop per la realizzazione della creatività. Questo programma è pensato proprio per la grafica web e lo trovo, sempre a mio avviso, decisamente migliore (per lo scopo) di photoshop. poi nell’ultima versione, la cs4, i 2 programmi dialogano perfettamente tra loro, per cui si possono realizzare elementi in ps ed importarli in fw senza nessun problema!

   reply
6. 

   Lauryn (3388 comments) says:

   18 febbraio 2009 at 12:50

   grazie nic! è da provare allora, io sono ferma a photoshop cs1

   reply
7. 

   Pegasus (144 comments) says:

   20 febbraio 2009 at 16:19

   Io uso Paint di Windows

   reply
8. 

   Lauryn (3388 comments) says:

   20 febbraio 2009 at 16:30

   ahah addirittura? grande

   reply