La guida definitiva per creare un design e convertirlo in HTML e CSS

Questo screencast servirà come la voce finale in una serie in più parti attraverso i siti TUTS che dimostra come costruire una bella home page per un'azienda fittizia. Abbiamo imparato come creare il wireframe su Vectortuts +; abbiamo aggiunto colori, trame ed effetti su Psdtuts +; ora, prenderemo il nostro PSD completo e lo convertiremo in un sito Web HTML e CSS ben codificato.

Tieni presente che, anche se non hai letto i primi due tutorial, sarai in grado di seguire questo video abbastanza facilmente.


Aggiornare

Si prega di notare che questa serie di tutorial è stata originariamente pubblicata su Nettuts + circa sessanta giorni fa. Tuttavia, recentemente ho notato che molti di voi hanno avuto problemi a guardare lo screencast per la Sezione 3. Ciò è stato risolto. Godere!



Parte 1: Costruisci un sito Web promozionale per iPhone App Wireframe in Fireworks




Parte 2: crea un sito per app iPhone promozionale in Photoshop




Parte 3: Convertire il nostro design in un sito Web HTML e CSS ben codificato

  • Sezione 1: Affettare il PSD - 00:00
  • Sezione 2: Codifica del markup - 18:43
  • Sezione 3: Aggiunta del CSS - 47:11

Altre opzioni di visualizzazione

  • iTunes / Versione scaricabile

Serie completa!

Se hai seguito questa serie, congratulazioni! Se ti piace l'idea delle serie di tutorial 'che si estendono su più siti TUTS, sii forte e facci sapere! Spero che tu abbia imparato un po 'da questa terza voce; e grazie ancora a Sean Hodge (Psdtuts + / Vectortuts + editor) per aver scritto i primi due tutorial di questa serie.

  • Seguici su Twitter o iscriviti al feed Nettuts + RSS per i migliori tutorial di sviluppo web sul web.