Corsi on-line

Convertire un PSD in HTML

Partiamo col dire che, ad oggi, non esiste nessun tool automatico in grado di effettuare la conversione da PSD ad HTML al posto nostro. Se, quindi, abbiamo disegnato un bel layout con Photoshop ed ora abbiamo bisogno di convertirlo in codice HTML e CSS non ci resta altro da fare che rimboccarci le maniche.
Questa operazione, tecnicamente, si chiama PSD Slicing (tradotto letteralmente: “affettando il PSD”) ed è oggetto di numerosi tutorial. Di seguito ve ne elenco alcuni che mi auguro vi saranno utili:

Come affettare un file PSD (How to slice a PSD file)

Tutorial in inglese che spiega, passo passo, come trasformare un layout grafico realizzato con Photoshop in una vera e propria pagina web.

Fare a fette e cubetti il PSD (Slice and Dice that PSD)

Da Nettuts+ un interessante video tutorial (in inglese) che illustra tutti i passaggi necessari per creare un template partendo dalla grafica realizzata con Photoshop.

Da PSD ad HTML: costruire un ste di elementi di web-design passo passo (From PSD to HTML: Building a Set of Website Designs Step by Step)

Sempre da Nettuts+ un bellissimo tutorial (in inglese) che mostra tutti i passaggi per passare da un PSD all’HTML.

Convertire un design da PSD ad HTML (Converting a Design From PSD to HTML)

Ancora un bel tutorial (in inglese) tratto da Nettuts+ che spiega come convertire un design grafico in codice.

Dal PSD all’HTML (From PSD to HTML)

Un altro tutorial, in inglese, che spiega tutti gli step da seguire per trasformare una grafica PSD in un vero e proprio layout per il web.

Post correlati
  • http://www.zenxhtml.com ZenXHTML.com

    Il primo e il secondo sono davvero interessanti!

I più letti del mese
Tematiche