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!
L'Autore
Laura Gargiulo, webdesigner freelance. Web architect senior, esperta xhtml, css, usabilità, design, cms, webmarketing e Seo, Wordpress specialist. Membro del progetto di prossima pubblicazione Piperita Lab e dell'IWA Italy Visita il mio sito personale Lauryn.it e contattami pure per un preventivo gratuito.
Add to Google
8 Commenti
Bellissimo, interessantissimo..utilissimo…posso continuare?
ne avevo proprio bisogno!
ottima segnalazione
Molto utile per chi è agli inizi come me, grazie!
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?
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!
grazie nic! è da provare allora, io sono ferma a photoshop cs1
Io uso Paint di Windows
ahah addirittura? grande