June 28
Al suo livello più fondamentale, la struttura di un sito web è costituito da due soli elementi: una sezione "testa" e una sezione "body". La prima contiene le istruzioni di markup (nascosto dal vostro pubblico) utilizzato per il nome del sito, individuare il sito ai motori di ricerca, e link ad un file esterno che contiene le istruzioni di formattazione. Quest'ultimo contiene il contenuto visibile che si vuole trasmettere al tuo pubblico. E 'meglio delineare il layout del tuo sito web su un pezzo di carta. Etichettare ogni blocco per identificare il suo scopo, come ad esempio "banner", "nav" e "contenuto". Potrai tradurre queste etichette blocco in codice con tag "DIV" di HTML. Questa strategia crea una struttura efficace per un sito web a pagina singola. Per un sito web con più pagine, si aggiungerà un meccanismo chiamato una "mappa del sito", che lega insieme le pagine Web individuali all'interno del vostro sito web.
1 Avviare l'editor di testo (come "notepad" su un PC o "TextEdit" su un Mac).
2 Aggiungere il tag del file HTML di apertura.
<Html>
3 Aggiungere il codice di "testa".
<Head> <title> My Web pagina </ title> </ head>
4 Aggiungere il codice "corpo".
<Body> <div id = "banner"> ... </ div> <div id = "nav"> ... </ div> <div id = "content"> ... </ div> </ body>
5 Aggiungere il tag del file HTML di chiusura.
</ Html>
6 Nome e salvare il file con estensione file "html".
7 Creare un nuovo file HTML per la tua sitemap
8 Aggiungere un paragrafo descrittivo per ciascuna pagina Web nel sito web.
9 Formattare ogni paragrafo come un collegamento ipertestuale.
<Html> <head> <title> Il mio Mappa del sito </ title> </ head>
<Body> <ul>
<Li> <a href="file1.html"> pagina Web 1 </a> </ li>
<Li> <a href="file2.html"> pagina Web 2 </a> </ li>
<Li> <a href="file3.html"> pagina Web 3 </a> </ li>
</ Ul> </ body> </ html>
10 Nome e salvare il file con estensione file "html".