• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Guida Creare un template HTML con Photoshop

Moonwalker

Utente Master
Autore del topic
11 Gennaio 2010
2.465
70
Miglior risposta
0
Salve, in questa guida illustrata e con Demo visibile vi mostrerò come creare un semplice template HTML con Photoshop.

1. Dovete crearvi la grafica a modo vostro, io per fare il tutorial ho preso l'header di Sciax2 senza scritte.
8XaRu9N.png

2. Inserite tutte le scritte che volete, esse saranno, dai passi successivi, resi dei link cliccabili.
IBF6kQH.png

3. Ora, selezionate lo strumento "Strumento selezione" e create dei 'quadrati' dove volete il vostro link sia cliccabile.
UqFFE13.png
EymKxLy.png

4. Ora, invece, selezionate lo strumento "Strumento selezione sezioni" e cliccate col tasto destro del mouse su un 'quadrato' creato al passo 3.
4.1 Al menù a tendina che si aprirà cliccate "modifica opzioni sezione".
4.2 A noi interessa il campo 'url'
4.3 Settate l'url del vostro link.
PFFSvfz.png

5. Fatto? Bene, rifallo per tutte le sezioni create e poi: File, Salva per web e dispositivi e settate tutto come nello screenshot
elw005x.png


6. Si aprirà un filedialog e settate così (chiaramente mettendo il nome che volete, eh!)
P1VnSUt.png

7. Fatto, ora nella vostra destinazione di salvataggio troverete "immagini" con i pezzi del template e un file .html con il codice all'interno già creato. ^^
7.1 Non vi basta che uppare/modificare il vostro template :emoji_slight_smile:


Demo
Perfavore, Entra oppure Registrati per vedere i Link!



PS: Non so se questa guida è stata già postata, nel caso chiedo venia :emoji_relieved:
 
  • Like
Reactions: 1 person
Riferimento: Creare un template HTML con Photoshop

Ottima guida, spiegata molto facilmente grazie anche all'aiuto degli screen ;)
 
Riferimento: Creare un template HTML con Photoshop

Bella guida, peccato solamente che il problema più complicato per me è fare la base, non so usare una mazza su photoshop :emoji_smoking: