Non è necessario a HTML di input e CSS a mano per fare un sito web se si dispone di una versione pre-CS3 di Photoshop. Utilizzando questo programma è possibile prendere in giro una pagina web graficamente ed esportarlo con il programma di add-on chiamato ImageReady.

istruzione

1 Creare un file di Photoshop per ogni pagina del tuo sito web. Assicurarsi di aggiungere testo e / o grafica per i pulsanti o barra dei menu (non è possibile creare menu a discesa). Scegli il tuo colore di sfondo con il contagocce e aprire il selettore colore. Si noti il ​​valore esadecimale del colore (ad esempio, "00CDFF") dal campo "#".

2 Dividere l'immagine a fettine. Assicurati di includere una fetta separato per ciascun pulsante di navigazione o la voce di menu e una fetta per la vostra area di contenuto. Salvare il file e fare clic sul pulsante ImageReady nella barra degli strumenti di Photoshop. L'immagine verrà caricata in ImageReady.

3 Scegliere lo strumento di selezione "Slice". Selezionare ogni fetta pulsante o la voce di menu e digitare il nome del pulsante e l'indirizzo URL nella finestra palette Sezione. Passare a una delle schede di anteprima e impostare le impostazioni di formato web per ogni sezione nell'immagine (JPEG o GIF).

4 In anteprima il file con il tasto "Anteprima nel browser". Se siete soddisfatti dei risultati, fare clic su "Salva ottimizzare al" pulsante. Salva il tuo sito come opzione selezionata "HTML e immagini" con i "Tutte le fette".

5 Aprire ogni file HTML in qualsiasi editor di testo. Cercare la riga: "" <source image = "Content.gif" (o "Content.jpg")> ",". Sostituire che con il contenuto (non dimenticate di utilizzare il "

," e "

, "Tag). Aggiungi" " , "Dopo" corpo "della pagina", sezione ". In questo modo il fondo pagina web per abbinare lo sfondo dell'immagine.

Consigli e avvertenze

• Photoshop CS3 eliminato ImageReady e incorporato la maggior parte delle sue caratteristiche web. L'interfaccia è leggermente diversa, ma può essere utilizzato nello stesso modo.