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.
2. Inserite tutte le scritte che volete, esse saranno, dai passi successivi, resi dei link cliccabili.
3. Ora, selezionate lo strumento "Strumento selezione" e create dei 'quadrati' dove volete il vostro link sia cliccabile.
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.
5. Fatto? Bene, rifallo per tutte le sezioni create e poi: File, Salva per web e dispositivi e settate tutto come nello screenshot
6. Si aprirà un filedialog e settate così (chiaramente mettendo il nome che volete, eh!)
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
Demo
1. Dovete crearvi la grafica a modo vostro, io per fare il tutorial ho preso l'header di Sciax2 senza scritte.
2. Inserite tutte le scritte che volete, esse saranno, dai passi successivi, resi dei link cliccabili.
3. Ora, selezionate lo strumento "Strumento selezione" e create dei 'quadrati' dove volete il vostro link sia cliccabile.
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.
5. Fatto? Bene, rifallo per tutte le sezioni create e poi: File, Salva per web e dispositivi e settate tutto come nello screenshot
6. Si aprirà un filedialog e settate così (chiaramente mettendo il nome che volete, eh!)
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
Demo
Perfavore,
Entra
oppure
Registrati
per vedere i Link!
PS: Non so se questa guida è stata già postata, nel caso chiedo venia 
