Come creare una pagina Web Dummy

February 12

Come creare una pagina Web Dummy


Prima di aggiungere il contenuto di una pagina web, è importante pianificare il layout e verificare i link di navigazione. Una volta che questa pagina Web, conosciuta come una pagina "fittizio", funzioni correttamente, aggiungendo il testo e le immagini corretta avrà molto meno tempo. La pagina fittizia vi aiuterà anche a catturare gli errori o link programma per risolvere. Dopo che il contenuto è sul sito, diventa più difficile per risolvere il codice. Se il sito ha un grande errore, potrebbe essere necessario ricominciare tutto da capo. La pagina fittizia vi aiuterà a prevenire gli errori in termini di tempo.

istruzione

1 Digita il codice HTML per creare la struttura per il tuo sito in un editor di testo, come Blocco note o Notepad ++. In conformità con gli standard web XHTML, il codice HTML dovrebbe fornire le ossa nude del tuo sito e deve definire ogni elemento, non come dovrebbe apparire. Ad esempio, utilizzare tag di titolo per i titoli e tag di paragrafo per i paragrafi. Non utilizzare un tag di intestazione non-intestazione di testo semplicemente per rendere il testo più grande.

2 Inserire div nel documento di suddividerlo in sezioni. Intestazione, corpo, barre di navigazione e il piè di pagina sono parti comuni che si trovano su una pagina web tipica. Assegnare selettori di classe e ID alle diverse parti del codice HTML per la formattazione in seguito.

3 Aprire un nuovo documento in un editor di testo e salvarlo come un foglio di stile CSS. pagine HTML finiscono nel ".htm" o estensione ".html", mentre i fogli di stile finiscono nelle estensioni ".css".

4 Digita le regole di stile per il corpo del sito web, e quindi digitare regole di stile specifiche per le classi e ID di impostato nel documento HTML. Per la vostra pagina web fittizio, inserire immagini segnaposto e testo fittizio al posto di paragrafi. immagini segnaposto può essere semplicemente una scatola vuota in cui l'immagine andrà, o una fotografia a caso circa la dimensione di ciò che come si desidera che l'immagine finale. Per testo fittizio, utilizzare un generatore di testo fittizio, come quello trovato alla Lipsum.com. Copiare e incollare il testo creato dal generatore, quindi inserirlo come paragrafi nel codice HTML.

5 Carica le tue pagine fittizie a un server, o semplicemente aprirli dal tuo computer in un browser Internet. Visualizzare le pagine in diversi browser diversi per vedere come si guardano. Ridimensionare la finestra del browser tenendo premuto il mouse in un angolo della finestra fino a quando non si trasforma in una freccia a due punte, quindi fare clic e trascinare per vedere come apparirà il tuo sito su schermi di computer più piccoli.

Consigli e avvertenze

  • Se si dispone di un software, come Microsoft Expression Web o Adobe Dreamweaver, è possibile il layout elementi della pagina inserendoli dal menu "Inserisci", senza dover scrivere alcun codice. Una volta che hai organizzato il testo, immagini e link di navigazione sulla tua pagina, tutto quello che dovete fare è visualizzare in un browser Web o caricarlo su un server per vedere come appare e per testare i collegamenti.