1.1. Come funzionano le pagine Web.

Transcript

1 Se tu hai voglia di creare il tuo sito web in HTML, oppure stai semplicemente cercando un supporto aggiuntivo perché pensi che le lezioni di HTML che ricevi all università non sono abbastanza chiare e sufficenti allora questo e il posto giusto. Se invece usi l HTML per il lavoro, anche in questo caso il corso e strutturato in modo da aiutarti a mantenere aggiornate le tue conoscenze o usarlo come riferimento con varie esercitazioni di laboratorio ed esempi pratici. In questo corso cerchero di riddurre quanto possibile i livelli di astrazione al fine di agevolare l auto-apprendimento. Se pensi invece di avere una solida base in HTML e cerchi un approfondimento, ti invito a seguire direttamente il Corso HTML Livello Avanzato In questo corso imparerai a usare L HTML 5 e il CSS3 che sono alla base di ogni siti web. Ma scusa cosa centra il CSS3 quando volevo solo studiarmi l HTML5? Non ti preoccupare. I CSS o fogli di stile permettono di definire separatamente le caratteristiche grafiche o stili di una pagina, e ne riparleremo ampiamente. I prerequisiti per questo corso sono: Demistificare la programmazione; Avere la volontà di portare a termine gli obbiettivi. (tutte le volte che cominci a studiare e lasci a meta e uno spreco perche poi, dimentichi tutto e riparti da zero con probabilità alta di abbandonare) mentalità aperta; dimestichezza nell uso del computer; 1.1. Come funzionano le pagine Web. Quando apri un sito web con il tuo browser, devi sapere che ci sono molti meccanismi di nascosto che si attivano per permetterti di vedere a video il contenuto della pagina nel formato desiderato. Il computer si basa quindi su ciò che gli e stato spiegato in HTML e in CSS per sapere cosa stampare, a quale posizione dello schermo. Quindi per poter creare una pagina web devo dare le istruzioni al computer, per fare ciò, non basta solo inserire il testo che verra stampato ma devo specificare dove, come, e con quale font e in che colore verra stampato quel testo, devo indicare come verranno visualizzate le immagini, gestire l audio fare dei link su altre pagine ecc.. Per questo motivo l HTML viene definito come un linguaggio di makeup o di marcatura. Tutto il codice scritto viene tradotto da un browser.

2 L HTML e il CSS sono la chiave del funzionamento di tutti i siti web, in particolare il linguaggio HTML e stato creato dal creatore stesso della World Wide Web Consortium (W3C) il sig. Tim Berners-Lee nel E sin dalla seconda versione dell HTML, e compito della W3C che seguire e definire nuove versioni di linguaggi più usati del web Importanza dei browsers Un Browser o Navigatore web e un programma che installato su di un computer permette di visualizzare i siti web. E compito del browser interpretare i codici HTML e CSS e stampare a video il risultato. Per esempio posso definire nel foglio CSS che tutti i miei titoli saranno sempre il blu, o definire il font di un paragrafo ecc.. Il browser e un programma estremamente complesso, e i vari browsers, solitamente non interpretano le cose esattamente nello stesso modo, quindi e compito tuo di verificare che il tuo codice funzioni

3 correttamente nei vari browser esistenti all occorrenza di Chrome, Explorer, Safari, Opera, Firefox, etc codice sorgente di una pagina web. supponiamo di volere vedere il codice sorgente di una pagina, apri google chrome, vai per esempio su dalla home page fai clic destro e dal menu a tendina scegli codice sorgente pagina

4 Con questo esempio vedi che qualunque sia la complessità di un sito, il codice che sta sotto e comunque l html, google chrome ha tradotto il codice sopra nella home page di Yahoo! Definizioni HTML (HyperText Markup Language) : Fu usato per la prima volta nel 1991, Contemporaneamente al lancio del Web, il suo ruolo e di gestire i contenuti, definire tutto quello che verra visualizzato sulla pagina, link, testo, immagini, definire la disposizione relativa degli elementi ecc.. Potresti per esempio definire che questo sara il mio titolo, quello il mio menu ecc HTML1: Primissima Versione dell HTML creata nel 1991.

5 HTML2: Seconda versione dell HTML dal 94 al 96, questa versione con cambiamenti maggiori fissa le basi per le successive versioni dell HTML, e stato compito della W3C definire le regole in questa versione HTML3: Versione introdotta nel 1996 con L apparizione di nuove funzionalità, quali per esempio uso di script HTML4: Nata nel 98, e molto usata nel 2000, propone l uso di frames, tabelle complesse, miglioramento di formulari e consente di usufruire dei fogli di tile CSS. HTML5: ultima versione usata fino ad oggi, tieni presente che non e una riformulazione delle versioni precedenti, bensì, include tutti gli elementi validi in quelle ultime, e integra anche l XHTML 1.0, porta con se molti miglioramenti, nuove gestione dei formulari, Gestione dei video, ed e molto più espressivo con l aggiunta degli elementi quali article, footer, section header. e la possibilità di usare gli API JavaScript. nelle lezioni successive vedremo insieme tutte le novità dell HTML5 rispetto ad altre versioni che comunque la conoscenza e necessaria. CSS (Cascading Style Sheets) come già accennato permette di definire gli stili, anche il CSS così come l HTML e evoluto nel tempo passando dalla prima versione CSS 1 al lancio nel 1996 al CSS3 di oggi che e pieno di numerosi funzionalità che andremo a scoprire. XML: naturalmente l HTML non e unico linguaggio di makeup, esiste anche l XML, e l XHTML (XML + HTML) che sono tutt oggi poco usati rispetto all HTML Conclusione/riassunto Per costruire un sito Web hai bisogno di scrivere un codice in HTML e CSS, di un browser per testare il tuo sito, quindi ti serve un editor di testo. nella prossima lezione ti diro quali sono i migliori editor presenti e realizzerai finalmente il tuo primo sito web Come funzionano le pagine Web Importanza dei browsers codice sorgente di una pagina web Definizioni 1.4. Conclusione/riassunto