L'immobile più prezioso in una pagina Web è "sopra"il rotolo. Che è il contenuto che un visitatore vede prima di lei scorre verso il basso. L'ottanta per cento del tempo di visione è trascorso "sopra la pergamena," così che è dove devi mettere i vostri sforzi migliori se si desidera mantenere i bulbi oculari nella tua pagina. L'uso corretto degli elementi inline, elementi di blocco e "il box model" aiuto nel comprendere l'ordine che browser il rendering di codice per la visualizzazione. Prendere pochi minuti per capire il flusso di codice HTML e design pagherà dividendi.

Istruzioni

1

Aprire lo strumento di dimensione del Browser di Google. Inserisci il tuo indirizzo Web nella casella URL e clicca su "Vai" per visualizzare il sito. Utilizzare questo strumento per determinare quali dimensioni di schermo browser il tuo sito è attualmente ottimizzato per e dove il "scorrimento" o "fold" è sulle tue pagine.

2

Schizzo il design del tuo sito Web su un pezzo di carta utilizzando il modello a scatola. Tracciare una linea orizzontale attraverso la tua pagina per illustrare la pergamena. Disegnare frecce da una casella alla successiva, in sequenza, per indicare il flusso del codice. Utilizzare questo sketch per individuare la posizione nel codice HTML dove è possibile inserire codice in modo che appaia sopra la pergamena.

3

Modificare codice HTML in modo che il codice che si desidera venga visualizzato sopra il rotolo lo fa.

4

Caricare la nuova pagina al server utilizzando un client FTP o cPanel. Mostra pagina revisionata in un browser con lo strumento di dimensione del Browser di Google, per confermare che il codice è che compaiono sopra il rotolo e nella posizione desiderata.

Consigli & Avvertenze

• Utilizzare un editor HTML WYSIWYG (quello che vedete è che cosa ottenete) se il codice non viene visualizzato nella posizione desiderata.
• Convalidare il codice HTML utilizzando il validatore HTML w3. org.
• Eseguire il backup di tutte le pagine Web prima della modifica.