September 1
XHTML è una versione più robusta del linguaggio di markup web rispetto alle precedenti versioni del linguaggio di markup di testo iper (HTML). Questo rende le pagine Web costruite in XHTML più affidabile e accessibile a una più ampia varietà di utenti che navigano sul Web. Per usare XHTML, in modo che il markup è valido e ben formato, come le specifiche sono severe e meno tollerante di quello che può essere utilizzato per. Piuttosto che costruire pagine Web che lavorano e cercano nel modo desiderato, utilizzando XHTML significa un impegno a mantenere un elevato standard all'interno delle vostre strutture di pagina.
1 Separare il contenuto del sito dalla sua formattazione. Capire che cosa il contenuto delle pagine del sito sta per essere. Questo può includere testo, dati e diversi media come immagini e video, ma non dovrebbe comprendere come si desidera apparire questi elementi. Quando si crea pagine XHTML, le strutture utilizzate sarà lì per tenere i contenuti e quindi è necessario avere una chiara idea del contenuto. Elencare gli elementi di contenuto tra cui intendete sul sito web e prepararlo per andare online.
2 Creare un progetto per il sito web. Utilizzando il software o schizzi su carta, messo a punto un progetto per il vostro sito web, ma di massima o dettagliato che ti piace. Questo dovrebbe riflettere l'aspetto che si desidera che il sito di conformarsi a quando la gente visualizzare in un browser Web. Assicurarsi che tutto il contenuto che si desidera visualizzare può essere contenuto in modo efficace all'interno del progetto. Tenete a mente ciò che si desidera che gli utenti siano in grado di farlo utilizzando le pagine del sito e garantire che questo sarà possibile all'interno del vostro design dell'interfaccia.
3 Creare uno o più file ".html" in un editor di testo per contenere le strutture XHTML e visualizzare il contenuto del tuo sito. Uno alla volta, creare le strutture all'interno delle pagine XHTML, secondo il seguente schema:
<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<Html>
<Head>
<Title> Il mio titolo della pagina </ title>
</ Head>
<Body>
<Div> Ecco il mio contenuto della pagina. </ Div>
</ Body>
</ Html>
Ci sono alcune regole che vengono richiesti da XHTML e i documenti devono avere una valida Document Type Definition (DTD) incluso. Assicurarsi che il markup della pagina contiene solo elementi validi e che questi sono tutti chiusi correttamente, utilizzando casi citati attributi solo inferiori come in questo esempio:
<P class = "principale"> Alcuni testo di un paragrafo. </ P>
4 Verifica codice XHTML. Utilizzando gli strumenti di validazione online, verificare markup è validato XHTML. Non preoccupatevi se ci sono un sacco di errori quando si primo controllo, in quanto questo è perfettamente normale. Guardare attraverso l'elenco degli errori e correggere ogni errore a sua volta. Ogni volta che si correggere un errore, convalidare nuovamente il documento, dal momento che un singolo errore può spesso causare più errori successivi, rendendo il markup apparire molto peggio di quello che è (vedi Risorse).
5 Implementare il layout utilizzando le regole di stile. Utilizzare Cascading Style Sheet (CSS) le norme in modo da riflettere il layout desiderato e l'aspetto per le pagine XHTML, come nel seguente esempio:
div
{Width: 50%;}
p.main
{Color: # FF0000;}
E 'preferibile mantenere dichiarazioni CSS separano dalla principale markup XHTML, in un file salvato con estensione "css" e legata alla nella testa della pagina utilizzando la seguente sintassi:
<Link rel = "stylesheet" type = "text / css" href = "miostile.css" />
Cercate di includere tutti di design e di layout regole all'interno del CSS, piuttosto che in XHTML, in quanto questo è la chiave per la creazione di contenuti Web accessibili.