Inizia una nuova immagine PSD di Photoshop con le dimensioni che si desidera per la vostra pagina web , in questo modo: Fare clic su "File" sulla barra dei menu e scegliere " Nuovo" per visualizzare la finestra di dialogo Nuovo . Digitare la larghezza della pagina ( in pixel) nel campo " Larghezza" e l'altezza ( in pixel ) nel campo "Altezza" .
2
tipo " 96" nel campo " Risoluzione" e fare clic su "OK . " Questo crea una tela bianca per la tua pagina web.
3
creare la grafica banner e pulsanti nella parte superiore della pagina . È possibile importare immagini esistenti e metterli dove vuoi o utilizza grafica di Photoshop e gli strumenti di testo per creare il banner e il layout .
4
Seleziona lo strumento " Slice" ( quinto pulsante da cima a Casella degli strumenti ) . Se non è visualizzato lo strumento sezione , fare clic e tenere premuto il pulsante e scegliere " Slice Tool " dal fly- out .
5
Trascina il cursore del mouse in giro per il primo pulsante o area nel banner dove si desidera creare un collegamento . Photoshop crea una scatola , o " slice ", intorno all'oggetto e lo inserisce in una tabella. Quando si esporta la pagina , le sezioni vengono visualizzati come oggetti separati in singole tabelle HTML .
6
pulsante destro del mouse la fetta e scegliere " Modifica Opzioni sezione " dal menu a comparsa per aprire le opzioni di Slice finestra di dialogo. Utilizzare questa finestra di dialogo per definire le proprietà del pulsante . Ad esempio , digitare l' URL di collegamento nel campo " URL" . Inserire la pagina di destinazione del browser , i tag alternative , e così via . Fare clic su " OK ".
7
Ripetere questi passaggi per la creazione di pulsanti e modificare le opzioni di sezione per ogni area che si desidera rendere cliccabile .
8
Utilizzare lo strumento Sezione per definire una zona della pagina in cui si desidera inserire una casella di testo . Fare clic con la fetta e scegliere " Modifica Opzioni sezione " dal menu a comparsa .
9
Fare clic sul "Tipo Slice" a discesa e scegliere " Nessuna immagine ". Viene visualizzato il " testo visualizzato nella cella" campo . È possibile digitare il testo in questo campo o copiare e incollare da un word processor . Al termine, fai clic su " OK . '
10
Fare clic sul " Tipo Slice " a discesa e scegliere" Nessuna immagine . Viene visualizzato " Il " testo visualizzato nel campo delle cellule . " È possibile digitare il testo in questo campo o copiare e incollare da un word processor Quando hai finito, fai clic su " OK '
Nota : . . questo campo supporta i tag più HTML. Ad esempio, per fare alcuni dei corsivo testo , è sufficiente posizionare il testo tra il " il tuo testo " tag . Usare "
" per creare interruzioni di paragrafo , e così via .
Nota anche che il testo in questa tabella non viene visualizzata all'interno di Photoshop --- non si può vedere fino a quando si esporta la pagina.
11
continuare ad aggiungere e definire le fette per il testo , le immagini , la grafica , e così via , fino al completamento del layout .
12
Fare clic su " File" nella barra dei menu e scegliere "Salva per Web e dispositivi. " Si apre la finestra di dialogo Salva per Web e dispositivi . Utilizzare questa finestra di dialogo per controllare il colore di sfondo , la compressione delle immagini e la qualità , e così via .
13
Fare clic sul pulsante "Salva" per nominare ed esportare la pagina web .
software © www.354353.com