La struttura di una pagina può essere creata utilizzando un qualsiasi editor di testo, ad esempio il notepad oppure il più completo notepad++, per scrivere il codice necessario.
La prima cosa da inserire è una direttiva che serve a specificare il
<!DOCTYPE> che stiamo utilizzando, ossia una modalità di interpretazione del codice prevista dai browser più recenti. Una specie di dichiarazione di conformità del contenuto della pagina alle specifiche definite dal consorzio per gli standard del web, W3C.
La riga ha una struttura simile alla seguente:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">oppure
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">Non intendo entrare nei dettagli, ma chi volesse approfondire potrebbe trovare agevolmente molti documenti a riguardo direttamente su intenet.
Successivamente alla definizione del DOCTYPE, si inserisce il tag
<HTML> di apertura della pagina vera e propria che indica al browser di interpretare il contenuto della pagina come una pagina web.
l' HTML (HyperText Markup Language) è definito come un linguaggio per ipertesti di tipo markup, ovvero in cui le regole che descrivono i meccanismi di rappresentazione sono definite mediante marcatori (tag), iniziale e finale. L'intera pagina web viene definita all'interno dei due marcatori (tag)
<HTML>....</HTML>, all'interno dei quali vengono create due aree per la parte dichiarativa e per il corpo vero e proprio della pagina, rispettivamente
<HEAD>...</HEAD> e
<BODY>...</BODY>L'intero documento avrà una struttura simile alla seguente:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Esempio Web</title>
<meta name="Description" content="Esempio" />
<meta name="Keywords" content="php, html, javascript" />
...
</head>
<body>
...
</body>
</html>I tag (HTML, HEAD, BODY etc etc ) dovrebbero essere scritti con caratteri minuscoli per evitare l'introduzione di errori di validazione W3C, ma i browser sono in grado di interpretarli correttamente anche se scritti in maiuscolo. In riga 4 ho dichiarato l'uso del SET (insieme) di caratteri utf-8 (unicode) che mi garantisce la possibilità di utilizzare la tabella di caratteri estesa e quindi in grado di visualizzare correttamente anche i caratteri di altre nazioni.
Sezione <HEAD>...</HEAD>E' la parte del codice in cui inseriamo le dichiarazioni, i tag META, gli stili personalizzati ed altro.
Utilizzando website, che si occupa di inserire le informazioni essenziali, è possibile aggiungere codice personalizzato a questa sezione mediante i due pannelli seguenti, il primo per l'intero sito web ed il secondo per ciascuna pagina:
[ Guests cannot view attachments ]
[ Guests cannot view attachments ]
In questa sezione, solitamente, viene dichiarato l'uso di eventuali script esterni, ad esempio con la riga:
<script type="text/javascript" src="/files/script_1.js"></script>con cui dichiariamo l'uso di un file script in js chiamato script_1.js che si trova nella cartella /files
Sezione <BODY>...</BODY>E' la sezione in cui viene inserito il codice relativo al contenuto vero e proprio della pagina: caselle di testo, immagini, gallerie, oggetti html etc etc.
Utilizzando website, oltre alla normale modalità per inserire gli oggetti nelle pagine, vi sono delle opzioni specifiche mostrate dalle seguenti due immagini, anche qui, nella prima in relazione all'intero sito web e nella seconda per le singole pagine:
[ Guests cannot view attachments ] [ Guests cannot view attachments ]
