La sezione seguente illustra l'importanza di una pagina delle impostazioni considerazioni dimensione dello schermo, la lunghezza della pagina e layout di pagina per controllare come le pagine saranno in un browser web.
Considerazioni sulla dimensione dello schermo
La maggior parte degli utenti di computer sono usati per scorrere su e giù per visualizzare le pagine che si prolungano oltre l'altezza dello schermo. Ma alcuni utenti, come per scorrere verso sinistra e verso destra per visualizzare le pagine che sono troppo larghi. Per evitare lo scorrimento orizzontale, progettare le pagine in modo che si inseriscono all'interno della larghezza dello schermo. Se si desidera target gli utenti che pubblicano i propri computer con 800 x 600 risoluzione dello schermo (che rappresenta quasi tutti gli utenti, ora che da 15 pollici e monitor più grandi sono all'ordine del giorno), sparare per 780 in larghezza massima pagina. Se le pagine sono costituite esclusivamente da testo, non dovete preoccuparvi di dimensioni dello schermo, perché il browser Web dell'utente regola automaticamente le righe di testo alla larghezza dello schermo. L'unica volta che si deve preoccupare di larghezza della pagina è quando si sta creando una pagina che include gli elementi che hanno una larghezza fissa, ad esempio tabelle, immagini o fotogrammi. L'elenco che segue spiega come regolare la larghezza di questi tre elementi:
--Tabelle: Impostare la larghezza complessiva di una tabella utilizzando l'attributo WIDTH nella
--Immagini: La dimensione dell'immagine determina la larghezza l'immagine viene visualizzata sulla pagina. Se l'immagine è troppo larga, è possibile modificare la larghezza utilizzando l'attributo WIDTH nella tag:
--Frames: Impostare la larghezza di side-by-side frame utilizzando le colonne (cols) attributo
Page lunghezza
Anche se la maggior parte degli utenti non mente scorrendo verso il basso per vedere le pagine che si prolungano oltre l'altezza dello schermo, si dovrebbe comunque limitare la lunghezza delle tue pagine. Come regola generale, cercate di limitare le tue pagine a due o tre volte l'altezza dello schermo circa la stessa quantità di informazioni che possono essere stampate su un singolo foglio di carta 81/2-x-11-inch.
Layout di pagina
Il modo migliore per creare un design efficace per le vostre pagine Web è quello di creare una griglia di base di elementi comuni che apparirà nel medesimo o in un accordo simile in tutte le pagine. L'elenco che segue indica alcuni degli elementi che potrebbe essere necessario includere in un reticolo di Web design. (A seconda del contenuto del sito, non si potrebbe essere necessario fornire tutti questi elementi.)
--Header area: L'area di intestazione viene visualizzata nella parte superiore di ogni pagina, indicando il titolo del sito, il titolo della pagina, il nome della società, pulsanti di navigazione del sito, e qualsiasi altro elemento che si desidera inserire nella parte superiore di ogni pagina.
--Footer area: Il piè di pagina viene visualizzata nella parte inferiore di ogni pagina, possibilmente includendo informazioni di contatto, una nota di copyright, e di pulsanti di navigazione.
--Dell'area di testo principale: Questa zona contiene il testo principale e illustrazioni per ciascuna pagina.
--Sidebar area: Una barra laterale occupa una banda verticale nella parte sinistra o destra di ogni pagina. Questa area può contenere elementi quali una tabella di contenuti o il menu per il sito.
Lavorare con Sfondi
Durante la creazione di pagine Web, non fare l'errore di usare una immagine di sfondo sgargiante che rende la tua pagina quasi impossibile da leggere. Se si desidera utilizzare un'immagine di sfondo per le pagine, scegliere un'immagine che non interferisca con il testo e altri elementi della pagina.
Impostare il colore di sfondo
Per impostare il colore di sfondo della pagina Web, attenersi alla seguente procedura:
1. Aggiungere il colore di sfondo (BGCOLOR) Attribuiscono al tag.
2. Digitare il nome del colore per la BGCOLOR attributo. Ad esempio:
Per ulteriori informazioni sull'utilizzo di colori, vedere "colori", in precedenza in questo articolo.
L'utilizzo di un'immagine di sfondo
Per usare un'immagine di sfondo per una pagina Web, attenersi alla seguente procedura:
1. Aggiungere il BACKGROUND attributo al tag.
2. Digitare il nome del file immagine che si desidera utilizzare per lo sfondo come BACKGROUND valore di attributo, come questo:
L'immagine di sfondo si ripete tante volte quanto necessario per riempire la pagina. Come risultato, il file immagine di sfondo non deve essere molto grande.
Aggiunta Links
I link sono parte integrante di qualsiasi pagina web. Links lasciate che il vostro viaggio lettore in un percorso diverso, che può essere una parte del documento HTML stesso, una pagina diversa posizione sul tuo sito web o una pagina da un sito Web diverso si trovano altrove su Internet. L'utente deve fare per essere trasportati a una pagina diversa è fare clic sul link.
Usando i link di testo
Un testo del link è una porzione di testo che qualcuno la visualizzazione della pagina può cliccare per passare a un'altra posizione. Per creare un link di testo, attenersi alla seguente procedura:
1. Determinare l'indirizzo della pagina che si desidera che il link per saltare.
2. Digitare un tag in cui si desidera che compaia il link sulla pagina.Nel tag, utilizzare un attributo HREF di indicare l'indirizzo della pagina che si desidera collegare. Ad esempio:
3. Dopo la , tag digitare il testo che si desidera visualizzare nel documento come un link e aggiungere una chiusura tag, in questo modo:
The Official Per Google Web Page
Il testo che compare tra e si chiama ancoraggio. L'indirizzo Web visualizzato nella HREF si chiama obiettivo. Il testo di ancoraggio viene visualizzato nella pagina Web in un colore speciale (di solito blu) ed è sottolineato in modo che la persona che lo visualizza la pagina sa che il testo è un link. Se l'obiettivo si riferisce a un'altra pagina nel sito Web stesso la pagina Il collegamento appare, è possibile utilizzare solo il nome del file come bersaglio. Sempre racchiudere il nome del file o l'URL tra virgolette. Ad esempio:
Vedere la procedura guidata
Quando un utente fa clic sul link Vedere la procedura guidata, il file HTML emerald7.html nome appare sullo schermo.
Usando i link grafici
Un immagine link è un'immagine grafica che un utente può fare clic per passare a un'altra pagina o una diversa posizione nella pagina corrente. Per creare un link d'immagine, seguire la procedura descritta nella sezione precedente, "Utilizzo di collegamenti di testo." Ma nel passaggio 3, invece di digitare il testo per il collegamento, digitare un tag che contiene un attributo SRC che identifica il file di immagine da utilizzare per il collegamento. Ad esempio:
In questo esempio, l'immagine grafica file denominato emerald.gif appare sullo schermo. Se un utente fa clic su di esso, il browser visualizza la pagina emerald7.html.
Collegamento all'interno della stessa pagina
Per creare un collegamento che si sposta semplicemente l'utente a un'altra posizione sulla stessa pagina, attenersi alla seguente procedura:
1. Assegnare un nome alla sezione che si desidera collegare con l'aggiunta di uno tag con il NOME attribuiscono alla riga di HTML prima di quella sezione. Immediatamente dopo il tag con un end tag.
2. Creare un link di testo o grafica a quella sezione, digitando il nome di sezione preceduto dal simbolo # in HREF attributo.Ecco un esempio di un tag che assegna un nome a una posizione in un documento:
Ecco un frammento di codice HTML che crea un link che salta il percorso denominato "Here":
Vai là!
