May 2
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 pagina web da file PSD. Con i modelli di Photoshop, è possibile creare disegni non è possibile ottenere con l'HTML da solo.
1 Aprire un file di immagine in bianco. Una volta completato, il file immagine diventerà il vostro Photoshop modello di pagina web. Un nome al file e impostare le proprietà per specificare l'altezza dell'immagine, larghezza e risoluzione.
2 Selezionare un colore di sfondo e applicarlo al file template PSD.
3 Trascinare un'immagine digitale nella posizione desiderata sul file PSD Template. Ridimensionare l'immagine digitale, se lo desideri.
4 Aggiungere altri elementi di design di scelta. Designare la posizione dei pulsanti di navigazione utilizzando il Marquee strumento 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 Visualizza il tuo modello di come un gruppo di rettangoli.
6 Tagliate il vostro modello di pagina web psd in rettangoli utilizzando lo strumento fetta di Photoshop. Strumento selezione sezioni e il punto in un 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 selezione sezioni strumento e punto in una fetta. Fare clic destro del mouse in modo che la finestra delle proprietà si aprirà. Si tratterà ogni fetta come immagine separata dopo aver convertito il file PSD in un modello, quindi è importante che si nome ogni fetta in un modo che si facilmente riconoscere quando si modifica il codice HTML. Se si intende la fetta di diventare un pulsante di navigazione, specificare l'URL della pagina Web a cui si collegherà questo pulsante.
8 Esportare il file PSD a ImageReady. Ottimizzare i file per la velocità di caricamento veloce. Salva colori solidi come file GIF o PNG per il tempo di caricamento veloce. Salvare le foto digitali come file JPEG per la nitidezza.
9 Salvare il PSD ottimizzato come html. Quando si seleziona "Salva ottimizzato come," una scatola pop-up che consente di salvare il modello HTML sul computer. Se si preferisce, è possibile scegliere "Vai a" e passare direttamente a FrontPage per la modifica e il salvataggio al tuo sito web.