First Published: Mon, 1 Nov 2004 10:00:00 GMT

ATTENZIONE! Il contenuto di questa documentazione è IN COSTRUZIONE.

Vista la complessità della materia il suo scopo principale sarà quello di dare uno sguardo alla evoluzione generale tenendo d’occhio gli sviluppi futuri e rimandando alle fonti adeguate per una trattazione più approfondita della materia.

Tutte le fonti, quando presenti, vengono riportate in fondo, nei paragrafi: Link Esterni e Riferimenti.

Internet è un mezzo che raccoglie il meglio ed il peggio della società umana. È un giornale od una rivista, ma inoltre è interattivo, ascoltabile dai non vedenti, visibile dai non vedentie con molteplici ed, oramai, indispensabili funzioni di ricerca. È molto più di una semplice telescrivente che batte le ultime notizie…

Una pagina web web page o webpage è un contenitore di informazioni disponibili per il World Wide Web e accessibili da un browser web. Possono essere realizzate in diversi formati e contenere diverse informazioni come la formattazione degli elementi che le compongono, i collegamenti ipertestuali che ne permettono la navigazione da ed ad altre pagine, siti o punti diversi presenti nella stessa pagina, immagini, sia come elementi a se stanti (fotobook, gallerie, slideshow, visulizzatori di immagini) sia come elementi grafici per la realizzazione grafica delle pagine stesse), linee di codice in diversi linguaggi o oggetti applicativi o multimediali.

Le pagine web risiedono o vengono generate su un server web che, a sua volta, sarà in esecuzione su un computer locale o remoto. Il server web può essere ad uso esclusivamente privato come nel caso di un network di una Intranet aziendale, o di pubblico dominio sul World Wide Web. Le pagine web vengono richieste e servite dai server web mediante il protocollo di trasmissione HTTP (HyperText Transfer Protocol).

Le pagine web possono essere suddivise in due categorie principali: statiche (con contenuti statici) o dinamiche contenenti le istruzioni su come il server web le deve costruire (X)HTML.

Le pagine web statiche hanno, usualmente ,l’estensione .htm o .html, ma anche .xhtml, .xht e .xml; quelle dinamiche prendono l’estensione del reletivo linguaggio utilizzato come, ad esempio, .asp per le pagine nel linguaggio ASP e .aspx per ASP.NET, .php per le pagine nel linguaggio PHP, .pl per le pagine nel linguaggio PERL, .jsp per le pagine JavaServer, .shtml per le pagine Server Side HTML. Il server web deve essere configurato per il riconoscimento e l’esecuzione (lato server) di questi liguaggi. I browser web riceveranno un formato HTML o XHTML generato dal server web.

[index|default].[htm|html|asp|php|shtm|wml]
Le pagine web contengono le istruzioni sulla formattazione dei testi, sui colori utilizzati per i testi o gli sfondi, immagini, oggetti e altri media che in esse possono essere inclusi.
 
Dalla versione 4 dell’HTML tutte le informazioni riguardanti il layout, le formattazioni tipografiche, quelle di visualizzazione sui vari media, gli schemi dei colori e altro ancora è raccomandato che venganno definite mediante Cascading Style Sheet (CSS; Fogli di Stile). Queste informazioni possono essere presenti sia nel codice HTML delle pagine web stesse che in file separati. Questa seconda soluzione è particolarmente indicata quando più pagine ne fanno riferimento.
Immagini, suoni e altri elementi multimediali sono sui server web come file separati che, tramite il protocollo HTTP, vengono inviati alla richiesta contenuta nel codice delle pagine stesse dal browser. Un server web HTTP 1.1 mantiene una connessione con il browser fino a quando tutte le risorse richieste vengano restituite. La renderizzazione delle immagini e di tutte le formattazioni presenti nel codice delle pagine e nei fogli di stile dipendono principalmente dal browser web, dal sistema operativo, dalla risoluzione grafica e dalla profondità di colore.

Media come suoni o video possono essere inclusi nelle pagine web sia come parte delle pagine stesse che via hyperlink. Giochi, animazioni ed altro materiale generato tramite software possono essere presenti nelle pagine web come, ad esempio, Applet Java o Adobe Flash. Tutto questo materiale sarà reso disponibile all’utente a seconda che il browser che utilizza per visualizzarle sia in grado di interpretarle e che non abbia configurazioni restrittive (spesso dovute ai sistemi di sicurezza) riguardo alla loro renderizzazione.

Linguaggi di scripting lato client come, ad esempio, JavaScript o linee di codice che implementino tecniche di programmazione Ajax possono essere sia contenute nelle pagine web che richiamate dalle pagine stesse da file separati. Questi linguaggi di scripting vengono eseguiti dal browser direttamente sul computer client se questi linguaggi sono da esso supportati ed abilitati.

Un browser web può avere una interfaccia utente di tipo grafico come, ad esempio, Internet Explorer, Mozilla Firefox, Opera o Konqueror o di tipo testuale come, ad esempio Lynx, il browser più veloce del mondi. Ci sono browser web specifici per i disabili. Ad esempio i non vedenti utilizzanno lettori dello schermo e browser vocali. In questo modo, questa tipologia di utenti possono beneficiare di tutti i contenuti testuali delle pagine e delle eventuali descrizioni, testi alternativi e titoli presentati al posto delle immagini o di altri contenuti multimediali e non.
Un utente può configurare il suo browser per non utilizzare immagini o altri media, magari per risparmiare tempo, larghezza della banda utilizzata o delle risorse del sistema, i tipi di font e la loro dimensione e può utilizzare suoi fogli di stile. In questi casi l’utente avrà quasi sempre una sua visione personalizzata delle pagine.
Il W3C (World Wide Web Consortium) con la WAI (Web Accessibility Initiative) raccomanda che tutte le pagine web siano concepite e realizzate con in mente tutte queste considerazioni.

Un sito web può avere dei contenuti che possono essere visti o uditi dall’utente finale. Tra gli elementi che possono essere presenti ci sono:

• Elementi HTML
• Testo
• Hyperlinks
• Grafica, solitamente nei formati GIF, JPEG o PNG
• Audio, solitamente nei formati MIDI o WAV, e, dall'HTML 5, OGG e/o MP3 (dipende dal browser)
• Video, dall'HTML 5, nei formati OGG, MP4 e/o WEBM (dipende dal browser)
• Applet Java
• Macromedia Shockwave Flash ora Adobe Flash
• SVG (Scalable Vector Graphics)

Un sito web può anche contenere elementi che vengono interpretati e renderizzati a seconda del browser utilizzato e della sua configuazione, e che, spesso, non vengono mostrati all’utente finale. Tra gli elementi di questo genere che possono essere presenti ci sono:

• Scripts, solitamente JavaScript
• Meta Tags
• CSS (Cascading Style Sheets)
• Commenti, testi alternativi e descrizioni

Le pagine web, nella maggior parte dei casi, richiedono uno spazio dello schermo superiore alla risoluzione dello schermo utilizzato o della finestra utilizzata nel browser stesso. I browser, in questi casi, utilizzano le scrollbar che, in questo modo, permettono di visualizzarne tutto il contenuto. Lo scroll orizzontale viene utilizzato meno di quello verticale, non soltanto perché in questi casi le pagine potrebbero non venire stampate correttamente, ma e soprattutto perché causano maggiore fastidio per l’utente che quella verticale. Le pagine web possono utilizzare page widening per diversi scopi.
La finestra principale di un browser web grafico per la visualizzazione di un sito web può essere formata da uno o più frame che contengono diverse pagine. Frame multipli possono, quando realizzati in maniera non adeguata, creare problemi con la navigazione, la stampa e i motori di ricerca.^[1] Generalmente questi problemi possono occorrere con le vecchie versioni dei browser e quando il codice non è corretto od adeguato al suo scopo. Il loro utilizzo primario è quello di avere determinati contenuti statici e/o dinamici dove porre intestazioni, barre o menù di navigazione ed informazioni sul copyright. Vengono solitamente posizionati nelle parti superiore, inferiore e laterali della finestra principale, lasciando la parte centrale e più grande ai contenuti delle varie pagine presentate nel sito. Un’altro fattore a favore dell’utilizzazione dei frame è che, per la maggior parte delle volte, soltanto la parte dei contenuti viene richiamata.^[2] I frame vengono renderizzati in maniera differente a seconda del browser utilizzato e, anche per questo motivo, la loro utilizzazione non è ben vista da alcuni sviluppatori professionali perché richiedono un lavoro più complesso per la loro corretta realizzazione.^[3] Con l’avvento di alcune tecnologie di design come i CSS è possibile realizzare effeti simili a quelli realizzati mediante i frame. Ad esempio, utilizzando gli elementi HTML layer e variandone, tramite JavaScript le loro visibilità e/o posizioni.
Nota: <FRAMESET>, <FRAME>, e <NOFRAMES> non sono supportati dall'HTML 5.  
Quando le pagine web risiedono in una directory comune di un server web si parla di sito web. Un sito web, generalmente, contiene un gruppo di pagine che sono collegate direttamente tra di loro o con altri metodi atti alla loro navigazione. La pagina principale di un sito web è la index page. Il suo nome e la sua estensione dipendono da come è configurato il server web che lo ospita. I più frequentemente utilizzati sono index.htm e index.html. Quando un browser visita la home page di un sito web o ogni URL (Uniform Resource Locator) che punti a una directory e non a un file specifico, il server web fornirà la index page. Se questa non è presente o non è definita nella configurazione del server web viene mostrato o un messaggio di errore o il contenuto della directory.

Quando si realizza una pagina web è molto importante che questa sia conforme agli standard per HTML, CSS, XML ed altri definiti dal World Wide Web Consortium (W3C). Gli standard proposti e raccomadati dal W3C servono ad assicurare che qualsiasi browser, conforme a questi standard stessi, possa mostrare allo stesso modo i contenuti senza alcuna speciale considerazione su eventuali specifiche tecniche proprietarie di rendering. Una pagina codificata in manirea appropriata sarà accessibile da tutti i brower vecchi o nuovi che siano, così come, da tutti gli utenti con problemi uditivi o di vista.

Le pagine web stanno diventando sempre più dinamiche. Una pagina web dinamica viene creata lato server quando viene richiesta e quindi inviata al browser dell’utente finale. Questo tipo di pagine non sempre hanno un link permanente o una URL statica ad esse associata (forum; blog; negozi per la vendita online; banche online o porzioni di esse; banche dati online; …). Questo tipo di pagine è concepito per ridurre il numero di pagine statiche presenti in un sito prendendo porzioni di codice e di contenuti da file esterni o database. Pensiamo ad esempio ad un catalogo di prodotti dove la pagina per la visualizzazione delle specifiche o quella per la visualizzazione del prodotto può essere sempre la stessa, con i contenuti che variano al variare del prodotto, leggendo gli adeguati valori corrispondenti al prodotto stesso da un database. I motori di ricerca trovano ancora molte difficoltà ad indicizzare questo tipo di pagine od a farlo nella maniera corretta.

Per visualizzare una pagina web è necessario un browser web. Queso è un tipo di applicazione in grado di ricevere e, quindi, mostrare una pagina web. Risiedono sul computer dell’utente e possono essere di diverso tipo: grafici o, più esattamente, GUI (Graphical User Interface) come Internet Explorer, Mozilla Firefox, Opera o Konqueror, di tipo testuale come Lynx, lettori dello schermo e browser vocali.

Per creare una pagina web si può utilizzare un editor di testo o delle applicazioni specifiche dette HTML editor come Apple iWeb, Microsoft FrontPage, un tempo Macromedia ora Adobe Dreamweaver o Mozilla Composer. Queste applicazioni sono conosciute come WYSIWYG (What You See Is What You Get / ottieni quanto vedi).
Per inviare i file delle pagine web su un server web si utilizza una applicazione detta FTP client. Ci sono alcuni tool forniti insieme ai diversi sistemi operativi che sono in grado di eseguire questa operazione.
Il design di una pagina web è fortemente personale e viene determinato dai propri gusti e preferenze. Ci sono pagine pre confezionate dette web template (modelli). Anche quando non si usano dei template per la realizzazione di nuove pagine è sempre consigliabile crearne uno per il nuovo sito o uno per ogni nuovo tipo di pagina utilizzata in modo tale da poter realizzare le successive senza curare troppo le parti riguardanti la grafica ed i contenuti generali (intestazioni, collegamenti, barre di navigazione, menù, …).
Un’altro modo per realizzare le pagine web è quello di utilizzare dei software specifici come Wiki, CMS, o forum che permettono di realizzare facilmente e velocemente interi siti web o nuove pagine solitamente di tipo dinamico. La Wikipedia italiana, WordPress, e Invision Power Board sono degli esempi delle tre modalità precedentemente descritte.
 
Il costo per la creazione di un sito web è un elemento che può essere calcolato solo dopo una analisi delle specifiche esigenze del committente. Esso può variare sensibilmente, da poche centinaia di Euro per un sito personale composto da poche pagine a molti milioni di Euro per siti istituzionali, e-commerce, e-banking, portali, siti aziendali collegati alla Intranet, telelavoro e quant’altro la tecnologia ed il futuro ci riserveranno.
 
Normalmente si crea una bozza di progetto che viene revisionata dal committente e a questo punto si può formulare una stima precisa dei costi per la realizzazione del sito.

Una copia locale di una pagina web risiede su un proprio computer, e, in questo caso, nessuna legge sui diritti d’autore (copyright) viene violata. Molti browser GUI (Graphical User Interface) hanno diverse opzioni per salvare una pagina web. Di seguito una breve lista indicativa su tali possibilità:

• Salvataggio del testo renderizzato senza formattazioni e immagini - Gli hyperlink non vengono identificati ma vengono mostrati come plain text.
• Salvataggio del file HTML come viene ricevuto - Tutta la struttura viene preservata, ma, in genere, alcuni link potrebbero non funzionare (vengono rotti).
• Salvataggio del file HTML cambiando i link da relativi ad assoluti - Gli hyperlink vengono preservati.
• Salavataggio dell’intera pagina web - Tutte le immagini vengono salvate e i link vengono trasformati in quelli assoluti.
• Salvataggio del file HTML includendo tutte le immagini, i fogli di stile e e gli scripts in un signolo file MHTML. - Questa funzionalità è supportata da Internet Explorer, Mozilla e Mozilla Firefox. Mozilla e Mozilla Firefox la supportano solo se è stato installato il plugin MAF. Un file MHTML è basato sullo standard MHTML.

I browser più utilizzati come Mozilla, Mozilla Firefox e Internet Explorer hanno la possibilità di stampare una pagina web su una stampante, ma anche su un file che può essere così visualizzato o stampato successivamente.

• Computer
• Grafica
• Internet
• Pubblicità online
• Dead link
• Domain name
• Guestbook
• Home page
• HTML element
• Web template