Per una pagina web graficamente piacevole , molti designer trovano più facile per creare un disegno utilizzando Photoshop e poi convertire il disegno in html per FrontPage . Photoshop CS3 o superiore ha le funzionalità necessarie per creare modelli di pagine web da file PSD . Con i modelli di Photoshop , è possibile creare disegni non si possono ottenere con solo html . Cose che ti serviranno
Photoshop CS3 o superiore versione il software FrontPage software
Show More Istruzioni
1
Aprire un file di immagine in bianco. Al termine, il file immagine diventerà il vostro modello di pagina web Photoshop . Assegnare le proprietà di file e impostare per specificare altezza dell'immagine , larghezza e risoluzione.
2
Selezionare un colore di sfondo e di applicarlo al file di template PSD .
3 < p > Trascinare un'immagine digitale nella posizione desiderata sul vostro file PSD template . Ridimensionare l' immagine digitale come desiderato .
4
Aggiungi altri elementi di design di scelta . Designare la posizione dei pulsanti di navigazione utilizzando la strumento Selezione rettangolare . Fare clic sullo strumento , quindi posizionare l'utensile nella posizione desiderata sull'immagine. Fare clic e trascinare fino ad ottenere la dimensione desiderata . Aggiungere intestazioni e piè di pagina , se lo si desidera , nella stessa maniera .
5
Visualizzate il vostro modello di come un gruppo di rettangoli .
6
Slice vostro modello di pagina web psd in rettangoli utilizzando lo strumento Sezione Photoshop. Strumento Selezione sezioni e punto nell'angolo del primo rettangolo che si desidera creare . Fare clic e trascinare fino a delineare la sezione desiderata . Continuare in questo modo fino a quando tutte le parti del modello di sito web sono state fatte in sezioni.
7
Clicca su strumento selezione sezioni e punto in una fetta . Tasto destro del mouse in modo che il dialogo delle proprietà si aprirà . Potrai trattare ogni fetta come immagine separata dopo aver convertito il file psd in un modello, quindi è importante che si nome ogni fetta in modo che si sarà facilmente riconoscere quando si modifica il codice HTML . Se si intende la porzione di diventare un pulsante di navigazione , specificare l'URL della pagina Web a cui si collegare questo pulsante .
8
esportare il file PSD di ImageReady . Ottimizzare i file per la velocità di caricamento veloce. Salva colori solidi come file GIF o PNG per il tempo di caricamento rapido . Salvare foto digitali come file JPEG per la nitidezza .
9
Salva il tuo psd ottimizzato come html . Quando si seleziona " Salva ottimizzato come , " una finestra pop-up che consente di salvare il vostro template html sul tuo computer . Se si preferisce , è possibile scegliere " Vai a " e passare direttamente a FrontPage per la modifica e il salvataggio per il vostro sito web .