Perché l'intestazione è la prima cosa che un utente vede quando passa in rassegna il vostro sito web, si deve riflettere lo stile e il contenuto del tuo sito. Un titolo è anche utile per ricordare agli utenti di ciò che stanno vedendo. Ad esempio, se il sito è di viaggio tradizionali, l'intestazione può includere una mappa antica, così come il titolo conservativo stile "Classic Traveler".

istruzione

Creare l'immagine

1 Utilizzando il programma di immagine, aprire un nuovo file alle dimensioni dell'intestazione a 72 punti per pollice (dpi). Questo è il DPI da utilizzare per le immagini web. Questo esempio utilizza Photoshop per creare una finestra "Header" che è di 750 pixel per 150 pixel di altezza.

2

Aprire l'immagine da utilizzare come immagine di sfondo.

3 Premere i tasti "Ctrl" e "A" per selezionare tutta l'immagine.

4 Premere i tasti "C" "Ctrl" e per copiare l'immagine.

5 Attivare la finestra di intestazione facendo clic su di esso. Incollare l'immagine copiata premendo i tasti "V" "Ctrl" e.

6

Regolare l'immagine come necessario per adattarsi all'interno dell'intestazione. Questo esempio ingrandisce l'immagine del 125 per cento e la centra nella finestra "Header".

Creare il titolo

7


Aggiungere testo alla intestazione in base alle esigenze, cliccando sulla funzione "Testo" e quindi facendo clic nel centro dell'immagine. Digitare il nuovo testo. Questo esempio utilizza "Traveler Classic".

8


Regolare il carattere del testo e il colore come necessario per abbinare lo stile del tuo sito web. Questo esempio seleziona il testo e poi applica un tipo di carattere in grassetto Bookman Old Style a 84 punti con un colore "più scuro arancione rosso" (rosso: 123, verdi: 46, Blu: 0).

9


Applicare effetti speciali al testo in base alle esigenze. Questo esempio si applica un'ombra esterna "bianco" con una distanza di 5, 7 diffusione, 6 dimensioni, il 75 per cento di opacità, e l'angolo di 120 gradi.

Risparmio per il web

10 Trasformare il file in un formato utilizzabile sul web, come JPG. Per questo esempio, fare clic sul menu "File" e poi l'opzione "Salva per Web" per visualizzare la finestra di dialogo "Salva per Web".

11 Regolare la dimensione del formato di file per il caricamento rapido. Questo esempio utilizza una qualità di 60 per ridurre la dimensione del file a 60K.

12 Salvare il file in formato. In questo caso, fare clic sul pulsante "Salva" e quindi immettere un nome di file di "TravelHeader" nel "Salva ottimizzato come" finestra di dialogo. Fare clic sul pulsante "OK" per salvare l'intestazione web in formato JPG.

13 Salvare il file di origine nel caso in cui si desidera modificare l'intestazione in futuro. Questo esempio salva la fonte Photshop come "Header.PSD."

14 Apri il tuo sito web con un programma di web design, e importare il file formattato come l'intestazione grafica. In questo caso, "TravelHeader.JPG" diventa l'intestazione.