Come costruire un sito web completamente di lavoro con Photoshop

March 14

Come costruire un sito web completamente di lavoro con Photoshop


Adobe Photoshop è più spesso utilizzato per modificare le foto o creare vari tipi di elementi grafici. Ma può anche essere utilizzato per creare un sito web vero e proprio pronto per essere pubblicato. Il processo per fare questo in Photoshop non è facile, ma fornisce il vantaggio che l'utente avrà accesso a molti strumenti e funzioni di Photoshop rendendo il sito web.

istruzione

1 Disegnare le vostre idee per il layout della home page su carta. Caricare le immagini che si desidera utilizzare per il tuo sito sul computer. salvarli tutti nella stessa cartella.

2 Aprire Photoshop. Selezionare "File" dal menu e scegliere "Nuovo". Nella finestra di dialogo che appare, la larghezza e altezza in pixel ciò che si desidera per la vostra pagina del sito. Nome l ' "indice". Documento La maggior parte dei gestori di spazio web riconoscono il nome del file "indice" come homepage. Fai clic su "OK".

3 Utilizzare gli strumenti di "Shape" impostato su "Shape Layer" per creare le forme per il vostro sito, come ad esempio i pulsanti di bandiera e di navigazione.

4 Aprire le immagini che si desidera includere in homepage e utilizzare la funzione "Copia" e la funzione "Incolla" sotto "Modifica" per metterli nel documento "indice". Ridimensionare l'immagine per misura il vostro disegno.

5 Utilizzare lo strumento "Tipo" per aggiungere testo al i pulsanti di navigazione banner e, così come aggiungere la dichiarazioni introduttive, la proprietà e il testo giuridico per la parte inferiore della pagina.

6 Selezionare lo strumento "Slice" e utilizzarlo per dividere la pagina in sezioni in base alla funzione. Ad esempio, creare una sezione intorno al i pulsanti di navigazione banner e, dal momento che questi dovranno essere click-grado.

7 Pulsante destro del mouse su ogni fetta e selezionare "Proprietà". Nome le fette, e, per le fette che saranno click-in grado, aggiungere l'indirizzo URL della pagina la fetta si collega a. Selezionare "File" e scegliere "Salva". Questo lo salva come un documento di Photoshop nel caso in cui si desidera apportare modifiche in seguito.

8 Selezionare "File" dal menu e scegliere "Salva per Web e dispositivi." Nella finestra di dialogo che appare, scegliere GIF come tipo di file. Quindi fare clic su "Salva". Photoshop salverà le fette in una cartella con la pagina HTML "indice".

9 Ripetere questa procedura per creare tutte le altre pagine del tuo sito web. Poi pubblicarli sul tuo host tramite FTP.