I Siti Web Sito web: definizione Un sito web è una collezione di pagine web che fanno riferimento ad un’unica pagina iniziale detta home page: Generalmente l’home page ha nome index.htm : questo consente di accedere velocemente al sito senza specificare una pagina particolare Dalla home page si deve poter accedere a tutte le altre pagine del sito I link Per spostarsi da una pagina all’altra del sito (oppure ad un altro sito) sono necessari i collegamenti ipertestuali, i cosiddetti link: Senza link un sito, che dunque è costituito da una sola pagina, perde la sua ipertestualità Tipi di sito Possiamo distinguere tra due tipi di siti web: Siti statici: sono quelli privi di possibili interazione con il visitatore. Siti dinamici: sono siti dove il visitatore può ottenere una personalizzazione delle pagine, interagendo con esse. Siti statici I siti statici sono i classici siti puramente informativi: Forniscono informazioni Danno la possibilità di scaricare documenti, immagini, … Sono siti dove il visitatore non può interagire con la pagina, che risulta uguale per tutti Sono scritti in puro HTML Siti dinamici Sono tipicamente i siti che forniscono informazioni personalizzate (es: i motori di ricerca): L’utente può inoltrare delle richieste alla pagina La pagina non è uguale per tutti, ma viene personalizzata ad hoc Sono siti scritti in HTML con l’aggiunta di Java Script, Applet, CGI … Come scrivere in HTML Salvare un file HTML I documenti HTML vengono salvato come testo in standard ASCII: È sufficiente un qualsiasi editor di testo (es: Blocco Note) per scrivere il codice Per salvare il codice HTML come un file visualizzabile sul browser: Salva con nome Scegliere di salvare come Tutti i file Scrivere il nome seguito da .htm oppure .html Editor HTML Anche se è sufficiente un Blocco Note per scrivere codice HTML, per renderne più veloce l’implementazione esistono due tipi di editor HTML: Editor testuali Editor WYSIWYG Editor testuali Si tratta di programmi che consentono di scrivere il codice: Evidenziando i tag Utilizzando pulsanti per inserire porzioni di codice standard Per utilizzarli è necessario sapere l’HTML: la funzione è solo quella di rendere la programmazione più agevole Editor WYSIWYG Sono dei generatori di pagine web che consentono di vedere direttamente quello che si otterrà nella pagina web: WYSIWYG= What You See Is What You Get Per utilizzarli non serve sapere nulla di HTML: li si usa come un normale Word Processor Software freeware per HTML 1st Page 2000 Editor testuale di cui si può trovare anche una guida completamente in italiano all’indirizzo http://www.html.it/1stpage/ Netscape Composer http://home.netscape.com/ http://www.evrsoft.com/ Editor Wysiwyg incluso nel browser Netscape Amaya http://www.w3.org/Amaya/ Editor Wysiwyg distribuito dal consorzio WWW. La grande utilità di questo tool risiede soprattutto nelle funzioni di debugging, ossia quegli strumenti che permettono di rilevare tutti gli errori nella scrittura del codice.