Adobe Photoshop è uno strumento ideale per la creazione di un layout di sito web ed è lo strumento standard di settore per l'editing di foto e creazione di immagini bitmap . Creazione di un layout in Adobe Photoshop consente al progettista la possibilità di apportare cambiamenti rapidi senza la necessità di regolare qualsiasi codice . Una volta che il look and feel del sito sono finiti , Adobe Photoshop rende molto semplice per tagliare e ottimizzare le immagini per il web . Cose che ti serviranno
Adobe Photoshop CS3
codice compilatore o web design programma
Show More Istruzioni
1

Piano del sito su carta . Avvicinatevi al computer con un piano chiaro e la conoscenza di ciò che il sito avrà bisogno di soddisfare le aspettative di progetto. Trova idee per i colori e gli stili a cui attingere. Il più pianificazione e l'organizzazione che si verifica in questa fase , le scelte progettuali meno difficili saranno una volta lavorando in Adobe Photoshop .
2

Apri Adobe Photoshop CS3 e iniziare un nuovo documento . Impostare l'altezza del documento di 800 pixel e la larghezza di 600 pixel . Questo è un formato standard per la progettazione di layout web e farà in modo che la pagina possa essere visualizzata da una varietà di risoluzioni dello schermo.
3

Impostare la risoluzione del documento a 72 pixel per pollice ( PPI ) . Verificare che la modalità colore del documento è impostata su RGB . Accendere le unità di misura visualizzate sul righello per pixel per misurazioni accurate .
4

costruire il quadro della pagina utilizzando le guide . I limiti verticali creeranno parametri per la larghezza del sito e le guide orizzontali sarà spazio gli elementi del sito. Definire le aree per un colpo di testa , barra di navigazione e l'area del contenuto . Lasciare un margine consistente , di solito intorno a 10 pixel , tra gli elementi da aggiungere spazio estetico al sito .
5

Aggiungi le immagini e il testo che comprenderà lo stile della pagina . Per le immagini complesse , come ad esempio l'intestazione del sito , la progettazione di un'immagine prima in un altro file e incolla nella posizione desiderata nel file di layout . Tenere tutti gli elementi di layout su livelli separati per garantire la facilità nel montaggio . Assegnare ogni strato dopo l'elemento corrispondente .
6

Fai un immagine di sfondo . Un modello semplice in una 100 pixel x 100 pixel quadrato può essere piastrellato ed è più veloce da caricare di una più grande immagine .
7

Tagliate il documento in pezzi da codificare nel sito web. Utilizzare lo strumento " Slice" per definire le aree che verranno salvati come file di immagini singole .
8

Scegli una fetta di essere salvato utilizzando " Selezione sezioni . " Selezionare File > Salva per Web e dispositivi per ottimizzare l'immagine per il web . Le immagini e lo stile della pagina fette comprenderanno l'aspetto grafico del sito web .