|
Una '''pagina web''' è il modo in cui vengono rese disponibili all'utente finale le informazioni del [[World Wide Web]] della rete [[Internet]] tramite un [[web browser]]. Un insieme di pagine web, tra loro relazionate secondo una gerarchica e una struttura [[ipertesto|ipertestuale]] e riferibili, di norma, ad un unico [[web server]], costituiscono un [[sito web]].
==Descrizione==
Informalmente e logicamente una pagina web si può suddividere in una parte relativa ai contenuti ed una parte di [[formattazione (testo)|formattazione]] ([[layout]]), presentazione grafica o organizzazione dei contenuti stessi all'utente ([[testo]] e/o [[immagine digitale|immagini digitali]]). La pagina web principale e iniziale di un sito web è la cosiddetta [[home page]], da cui dipartono tramite collegamenti o [[Collegamento ipertestuale|link]] interni (''ancore''), spesso riuniti in [[menù (informatica)|menù]] e [[widget]], verso pagine secondarie del sito.
===Tipologie===
Esistono due tipologie di pagine web che identificano rispettivamente due diversi paradigmi di [[programmazione Web]]:
*[[pagina web statica]] afferente al paradigma del cosiddetto [[Web statico]];
*[[pagina web dinamica]] afferente al paradigma del cosiddetto [[Web dinamico]];
Nel primo caso le informazioni, con la loro descrizione, sono di solito contenute in [[ipertesto|ipertesti]] in formato [[HTML]] o [[XHTML]] che consentono di accedere ad altre pagine web o altri contenuti informativi tramite [[collegamento ipertestuale|collegamenti ipertestuali]] (''link'' o rimandi). Nel secondo caso si fa invece uso di [[linguaggio di scripting|linguaggi di scripting]].
A seconda della tecnologia impiegata, le pagine web possono contenere elementi [[grafica|grafici]] o [[multimedialità|multimediali]] e elementi [[pagina web dinamica|interattivi e dinamici]].
=== URL ===
Di solito una pagina web ha uno o più [[URL]] (''Universal Resource Locator''), un link permanente che ne permette il deep linking; qualche volta ha solo un URL temporaneo che si riferisce ad un'area [[web cache|cache]].
Questo è ad esempio il caso di quando una pagina è il risultato di uno zoom o di uno spostamento di una mappa oppure una pagina può essere il risultato dovuto a qualche azione.
Una pagina di questo tipo, come una pagina con un [[form]] riempito, non potrebbe essere precisamente chiamata una pagina web, in quanto non è nel web ma creata da qualcosa che è nel web.
L'URL digitato nel web browser dell'utente è convertito dal [[DNS]] in [[indirizzo IP]] necessario per l'[[instradamento]] della comunicazione tra web server e [[client]] nei [[nodo (informatica)|nodi]] interni di [[commutazione]] ([[router]]).
=== Grafica ===
{{vedi anche|Elementi HTML}}
Il formato [[file]] della [[grafica]] in una pagina web è di solito [[JPEG]] per fotografie e [[Graphics Interchange Format|GIF]] o [[Portable Network Graphics|PNG]] per altre immagini (come diagrammi, disegni, grafici, etc.). Gli ultimi due formati possono essere utilizzati per foto, ma non sono convenienti per lo scopo come JPEG, che è un formato a perdita d'informazione, ma a maggior livello di [[compressione dati|compressione]], mentre GIF e PNG non lo sono, cioè meno performanti a livello di compressione. GIF è utilizzata per animazioni, GIF e PNG per immagini con pixel trasparenti, PNG per immagini con [[pixel]] parzialmente trasparenti (anche se [[Internet Explorer]] 6 non supporta le trasparenze del formato PNG).
Tutti questi formati appartengono alla grafica ''[[raster]]''. I modi più comuni di impiegare [[grafica vettoriale]] nelle pagine web sono tre:
*utilizzando il moderno formato [[Scalable Vector Graphics|SVG]] (non ancora supportato da molti browser);
*inserendo dei file [[Portable Document Format|PDF]], visualizzabili con un [[plugin (informatica)|plug-in]] del browser o con un programma separato;
*inserendo dei file di [[Macromedia Flash|Flash]], che permette l'animazione degli elementi e l'utilizzo di [[musica]] ed effetti sonori.
Ad esempio, per creare una mappa, può essere utile una combinazione di livelli a grafica vettoriale e testo, possibilmente con un livello di grafica raster. Questo fornisce migliori risultati nello [[zoom]] rispetto ad un'immagine GIF o PNG (JPEG dovrebbe dar luogo a risultati peggiori dovuti agli [[artefatti di compressione]]).
== Creare una pagina web ==
Per creare una pagina web statica, c'è bisogno di un generico [[web editor]], testuale direttamente in HTML oppure visuale (es. i cosiddetti [[WYSIWYG]]) (o anche un semplice convertitore in formato HTML come consente di fare, ad esempio, [[Microsoft Word]] in fase di salvataggio di un pagina o documento), e un programma [[File Transfer Protocol|FTP]] per effettuare l'[[upload]] della pagina verso il [[Web server|server web]] che ospiterà ([[hosting]]) la pagina web. Si può utilizzare anche il [[browser]] web per effettuare l'invio delle pagine web al server, ma non è consigliabile.
Si può utilizzare anche un modello web già pronto. I modelli web sono pagine html già fatte pronte all'uso. I creatori di pagine web devono solo inserire il titolo ed i contenuti. Inoltre questi modelli sono riusabili.
[[Wiki]] è invece un modo particolare di creare o modificare e inviare una pagina web senza utilizzare un programma FTP ed effettuare l'upload del file, riempiendo solamente un modulo di testo in una pagina web. [[Wikipedia]] è un esempio di applicazione della tecnologia wiki.
Per creare una pagina web dinamica occorre invece conoscere almeno un [[linguaggio di scripting]] per [[programmazione Web]] ed utilizzare i relativi editor.
=== Standard per pagine web ===
Dal punto di vista tecnologico i vari aspetti caratteristici di una pagina vengono realizzati utilizzando i seguenti standard:
* l'[[HTML]], che è il linguaggio di descrizione dei documenti Web;
* l'[[XHTML]], che è l'evoluzione dell'HTML, e si poggia sulla tecnologia [[XML]];
* i [[Foglio di stile|fogli di stile]] (CSS), che sono utilizzati per controllare la presentazione delle pagine su diverse tipologie di dispositivi (testuali, grafici, di stampa, ecc.)
* linguaggi di scripting come [[JavaScript]], [[PHP]], [[Application service provider|ASP]], [[.NET]], [[Python]] ecc... per pagine web dinamiche.
La "normalizzazione" dell'output da parte del Browser web può ovviamente variare in funzione della correttezza semantica del linguaggio di programmazione usato. Al fine di uniformare la rasterizzazione della pagina web esiste un "organo competente" che si pone l'obiettivo di determinare quando il codice sia compilato in maniera da rendersi identico su tutti i vari browser, stiamo parlando del [[W3C]].
Tramite un semplice processo di validazione del codice tramie invio dell'url che si intende controllare siamo cosi in graado di capire se l'output [[html]], [[xhtml]], [[css]] etc.. sia "valido" ovvero uguale su tutti i browser.
== Visualizzare una pagina web ==
{{Vedi anche|Browser}}
Siccome la maggior parte delle pagine web sono composte solamente da testo, possono essere visualizzate in qualsiasi applicazione che possa leggere i documenti di testo. Comunque, per vedere una pagina web nel vero senso, cioè come [[ipertesto]], c'è bisogno di un tipo di software chiamato ''user agent'' o meglio ancora ''web browser'', che è destinato proprio alla visualizzazione di pagine web.
Ci sono differenti tipi di browser per il web disponibili con differenti caratteristiche e su un gran numero di [[Piattaforma_(informatica)|piattaforme]].
Nel caso di pagine web statiche il browser [[interprete (informatica)|interpreta]] il codice HTML e CSS restituendo all'utente il contenuto informativo nella veste grafica predefinita.
Nel caso di pagine web dinamiche il [[server]] oppure il [[client]] elaborano lo [[script]] (a seconda se l'applicazione è [[server-side]] o [[lato client|client-side]]) restituendo codice HTML e CSS poi usualmente interpretato dal web browser per visualizzare la pagina sul terminale dell'utente.
== Salvare una pagina web ==
Quando si salva una copia locale di una pagina WEB, il browser web di solito permette la scelta tra:
*salvare il testo senza formattazione o immagini senza mantenere i link e la loro destinazione;
*salvare il file HTML senza modifiche ma senza immagini (salva il [[codice sorgente]]);
*salva il file HTML modificando i link relativi in assoluti, senza immagini;
*anche salvando le immagini e correggendo i riferimenti ad esse; sia nel caso si crei una cartella separata (IE, Mozilla) o che sia la stessa utilizzata dal file HTML (Opera);
[[Internet Explorer]] può anche salvare la pagina includendo le immagini in un solo file MHT, similmente a Apple Safari che permette la stessa operazione salvando la pagina (anche animazioni e applet) in un archivio web (.webarchive).
I web ''[[browser]]'' più comuni, come [[Mozilla]], [[Mozilla Firefox]] e Internet Explorer, permettono anche di stampare la pagina web correntemente visualizzata e opzionalmente "stamparla" su un file che successivamente può essere visualizzato o stampato.</br>
Generalmente, il browser crea due file, uno per il testo e uno per tutti gli altri tipi di oggetti (immagini, ''link'', ecc.) per ogni pagina web salvata. Internet Explorer supporta il formato .mht che permette di salvare tutto il contenuto di una pagina web in solo file.
Per una breve pagina un'altra possibilità è salvare un'[[Screenshot|istantanea dello schermo]] (utile in alcuni casi particolari): vengono visualizzati i collegamenti ma non la loro destinazione.
== Voci correlate ==
*[[Home page]]
*[[Pagina web dinamica]]
*[[Form]]
*[[Web Template]]
*[[Sitemap]]
*[[Sito web]]
*[[Ipertesto]]
*[[Browser]]
*[[Editor web]]
*[[Collegamento ipertestuale]]
*[[Foglio di stile]]
*[[Fusker]]
*[[HTML]]
*[[Nome di dominio]]
{{Portale|Web}}
[[Categoria:Sito web]]
[[am:ድረ ገጽ]]
[[an:Pachina web]]
[[ar:صفحة ويب]]
[[az:Veb-səhifə]]
[[bar:Webseitn]]
[[be:Вэб-старонка]]
[[be-x-old:Вэб-старонка]]
[[bg:Уебстраница]]
[[ca:Pàgina web]]
[[ckb:پەڕەی وێب]]
[[cs:Webová stránka]]
[[de:Webseite]]
[[el:Ιστοσελίδα]]
[[en:Web page]]
[[eo:TTT-paĝo]]
[[es:Página web]]
[[et:Veebileht]]
[[eu:Web orrialde]]
[[fa:صفحه وب]]
[[fi:Verkkosivu]]
[[fr:Page web]]
[[fy:Webstee]]
[[gl:Páxina web]]
[[he:דף אינטרנט]]
[[hi:जालपृष्ठ]]
[[hr:Web stranice]]
[[hu:Weblap]]
[[hy:Կայքէջ]]
[[ia:Pagina web]]
[[is:Vefsíða]]
[[ja:ウェブページ]]
[[ka:ვებ-გვერდი]]
[[km:គេហទំព័រ]]
[[ko:웹 페이지]]
[[lt:Tinklalapis]]
[[lv:Tīmekļa lappuse]]
[[mhr:Web-лаштык]]
[[ml:വെബ് താൾ]]
[[mn:Цахим хуудас]]
[[nl:Webpagina]]
[[no:Nettside]]
[[pl:Strona internetowa]]
[[pt:Página web]]
[[ro:Pagină web]]
[[ru:Веб-страница]]
[[simple:Webpage]]
[[sk:Web page]]
[[sl:Spletna stran]]
[[sv:Webbsida]]
[[ta:வலைப் பக்கம்]]
[[th:เว็บเพจ]]
[[tl:Pahinang Web]]
[[tr:Web sayfası]]
[[uk:Веб-сторінка]]
[[wo:Xëtu web]]
[[zh:網頁]]
[[zh-min-nan:Bāng-ia̍h]]
| 