Come convertire un template PSD in HTML

Nel campo del web design i template sono dei file che contengono la formattazione base di un sito e quindi comprendono: sfondo, tipo di carattere, distribuzione e dimensione del testo. Vengono utilizzati per creare un sito che abbia uno stile uniforme ed è possibile scaricare da internet alcuni template già pronti, in modo da poter realizzare un sito internet pur non essendo degli esperti nel settore. Se però vogliamo realizzare da soli i nostri template, per utilizzarli successivamente per la realizzazione di un sito internet, possiamo farlo mediante l'utilizzo di Photoshop. Prima di poterli pubblicare sul web, sarà necessario convertirli in formato HTML. In questa guida vedremo come fare per convertire un template realizzato con Photoshop e quindi in formato PSD, in formato HTML.

• un computer connesso a internet

Per poter convertire il nostro template psd in html, dovremo servirci di un servizio on-line chiamato PsdHTML. Questo servizio è a pagamento ma, in questo modo, potremo convertire il nostro template senza conoscere il linguaggio HTML. Il primo passo è quello di collegarsi al sito internet: "http://psd-html.net/" e dopo aver atteso il caricamento della pagina, clicchiamo sulla voce "menù" situata in alto a destra e selezioniamo la voce "ordina", dal menù a tendina che appare. A questo punto, compiliamo il modulo di richiesta con il nome, il cognome, l'indirizzo e-mail, il numero delle pagine o dei link e il tipo di pagamento che intendiamo effettuare. Carichiamo il template da convertire cliccando sul pulsante verde con la scritta "upload", dalla finestra che si apre selezioniamo il nostro template in formato PSD e clicchiamo sulla voce "apri". Dopo aver caricato il nostro template premiamo il tasto invia riportato in fondo alla pagina. In meno di 2 ore ci verrà inviata la conferma e i dati necessari per effettuare il pagamento.

Appena ricevuto il pagamento, nelle 24 ore successive, ci invieranno il file ZIP contenente il template desiderato. Il call center sarà a nostra disposizione sia al telefono e sia su skype per eventuali chiarimenti.

Se invece preferiamo utilizzare un metodo più difficile, ma rapido e gratuito, possiamo scaricare "DHE Editor" dal sito: "http://www.dynamic-html-editor.com/", cliccando sul tasto "Dynamic Html Editor 1.9 - Freeware" posizionato sulla sinistra della pagina.
Installiamo il programma e inseriamo il template da convertire all'interno della pagina. Possiamo personalizzare i livelli con testo e immagini a nostro piacere. Il programma indicato ci consentirà anche di disegnare direttamente nel template a mano libera, oppure di ridimensionare ogni singolo livello alla dimensione desiderata. Al termine, salviamo le modifiche effettuate e il nostro file in formato HTML sarà pronto per essere pubblicato in qualsiasi pagina web.

• Come fare un sito web con Dreamweaver
• Come iniziare ad utilizzare Adobe Dreamweaver
• Come realizzare un template per Wordpress con Dreamweaver