workflow export psd to html
DESCRIPTION
TRANSCRIPT
![Page 1: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/1.jpg)
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
Esportare la Grafica PSD ottimizzata per un Tema WP
di FRANCESCO MARZOLI
![Page 2: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/2.jpg)
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
Francesco Marzoli
RELATORE
Web: www.sciampix.com Personal: www.digitalpostproduction.it Twitter: @francescospx Facebook: francescomarzoli
Francesco Marzoli Account e Creative Director per la Sciampix. Adobe Certified Expert in Photoshop, Beta Tester per i prodotti X-Rite Pantone. Ha effettuato docenza presso la UED Università Europea del Design di Pescara ed è YouTube Partner pubblicando periodicamente video tutorial su Photoshop.
BIO
![Page 3: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/3.jpg)
QUALI SONO I PROBLEMI LEGATI ALL’ESPORTAZIONE?
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 4: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/4.jpg)
CANE E GATTO
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 5: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/5.jpg)
CAINO E ABELE
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 6: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/6.jpg)
DESIGNER E DEVELOPER
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 7: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/7.jpg)
DISEGNO CON LE CARATTERISTICHE
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 8: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/8.jpg)
PARTE 2 IMMAGINE
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 9: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/9.jpg)
PARTE 2 IMMAGINE
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 10: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/10.jpg)
PARTE 2 IMMAGINE
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 11: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/11.jpg)
PARTE 2 IMMAGINE
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 12: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/12.jpg)
CHI DEVE FARE COSA?
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 13: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/13.jpg)
CHI DEVE FARE COSA?
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 14: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/14.jpg)
CHI DEVE FARE COSA?
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 15: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/15.jpg)
BRIDGE THE GAP
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 16: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/16.jpg)
OBIETTIVI SITO / REQUISITI UTENTE SPECIFICHE FUNZIONALI / REQUISITI DI CONTENUTO PROGETTAZIONI INTERAZIONI / DATA ARCHITECTURE
PROGETTAZIONE INTERFACCIA PROGETTAZIONE VISUALE
PONTE MARKUP HTML CSS
MOTION ARCHITECTURE BACK END DEVELOPMENT
WEDDING TEST
CLIENT REVISION PANIC TIME
CRYING TIME HOMICIDE ARCHITECTURE
CLIENT PROBLEM SOLVING (WIFE, DOG, ETC…) ONLINE
END. (MAYBE) WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 17: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/17.jpg)
CHI DEVE FARE COSA?
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 18: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/18.jpg)
CHI DEVE FARE COSA?
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 19: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/19.jpg)
IL SEGRETO E’ COMUNICARE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 20: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/20.jpg)
NO PSD 500 LIVELLI
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 21: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/21.jpg)
COLORI ESATTI
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 22: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/22.jpg)
MISURE ESATTE
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 23: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/23.jpg)
NON HO BISOGNO DI UN DESIGNER CHE MI DICA COME
PROGRAMMARE!
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 24: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/24.jpg)
ASCOLTARE POSSIBILI SOLUZIONI
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 25: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/25.jpg)
UNICO OBIETTIVO.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 26: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/26.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 27: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/27.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 28: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/28.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 29: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/29.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 30: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/30.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 31: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/31.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 32: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/32.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 33: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/33.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 34: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/34.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 35: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/35.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 36: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/36.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 37: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/37.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 38: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/38.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 39: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/39.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 40: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/40.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 41: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/41.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 42: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/42.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 43: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/43.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 44: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/44.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 45: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/45.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 46: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/46.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
Slicy h(p://macrabbit.com/slicy/ Sprite CSS h(p://spritegen.website-‐performance.org/
![Page 47: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/47.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 48: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/48.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 49: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/49.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 50: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/50.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 51: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/51.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 52: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/52.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 53: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/53.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 54: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/54.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
![Page 55: WORKFLOW Export PSD to HTML](https://reader034.vdocumenti.com/reader034/viewer/2022042513/547a0f7eb379593f2b8b492e/html5/thumbnails/55.jpg)
MIGLIOR PRODOTTO POSSIBILE.
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
FRANCESCO MARZOLI WWW.SCIAMPIX.COM