Table Of Content

ProQrdmmCJre: p e r Il vve:-b L A T O CLl~N~ bvGoogle oigitized PROGRAMMARE PER IL WEB lato client Quest'opera è distribuita con licenza Creative Commons Attribuzione - Non commerciale - Condividi allo stesso modo 3.0 Alessandro Stella (http://www.alessandrostella.it/) Italia. Googl e oigitized by Sinossi Il libro illustra come sia possibile realizzare una completa applicazione web scrivendo codice valido su qualsiasi browser. Scrivere codice per il browser comporta la conoscenza di molteplici linguaggi, ognuno con determinate caratteristiche. Il libro fornisce una visione di insieme di tali linguaggi soffermandosi in modo dettagliato su quelli che sono assolutamente necessari: HTML, CSS e JavaScript. La prima parte del libro è dedicata completamente alle tecnologie necessarie per produrre pagine web fruibili da chiunque e su qualunque dispositivo: HTML e CSS. Le due tecnologie vengono trattate in modo specifico sia nelle versioni attuali (HTML 4 e CSS 2) sia nelle versioni in fase di definizione (HTML 5 e CSS 3) con numerosi esempi e spiegazioni. Gli esempi sono tutti visionabili e scaricabili online. Nella parte centrale vengono prese in considerazione tutte le tecnologie alternative o suppletive a HTML e CSS: flash, javafx e silverlight. Questa parte del libro mostra un approccio di tipo puramente teorico senza entrare nello specifico pratico delle singole tecnologie. L'obiettivo è quello di mettere il lettore a conoscenza dell'esistenza di tali tecnologie e delle motivazioni che ne hanno spinto la nascita e la diffusione. L'ultima parte del libro si concentra sui linguaggi di scripting, con particolare attenzione riservata a javascript, alle sue tante librerie e ai suoi diversi utilizzi come jquery e ajax. Insomma, un cammino totale nel mondo della programmazione web lato client! Googl e oigitized by Ringraziamenti Un doveroso e sentito ringraziamento a: • Claudio De Sio Cesari per l'impegno e il tempo che mi ha dedicato. • Barbara Panico per l'attenta opera di lettura e correzione degli errori semantici e sintattici. Googl e oigitized by bvGoogle oigitized Indice generale INTRODUZIONE 1 ORGANIZZAZIONE DELL'OPERA 2 A CHI SI RIVOLGE Il LIBRO 3 PREREQUISITI 3 STRUMENTI UTILIZZATI 3 1 RETI E PROGRAMMAZIONE WEB 6 COSA SIGNIFICA PROGRAMMARE PER Il WEB? 6 IL BROWSER 12 2 IL COSA E IL COME: HTML E CSS 14 LA LEGGE: IL w3c 17 GLI STRUMENTI DI LAVORO 18 3 HTML 21 COSA È? 21 I TAG HTML 24 OOCTYPE, <HTML>, <HEAD>, <BODY> 24 <HN> 26 <P> 28 <A> 30 <IMG> 32 <TABLE> 33 <UL>, <OL>, <LI> 36 <FORM> E I SUOI FIGLI 37 <SCRIPT> 41 <STYLE> 42 GLI ELEMENTI HTML 43 Googl e oigitized by GLI ATTRIBUTI HTML 43 I COMMENTI 44 ELEMENTI BLOCK ED ELEMENTI INLINE 44 GLI ELEMENTI REPLACED 46 HTMLLAYOUT 47 so HTMLDOM 52 I NODI PROPRIETÀ E METODI 53 4 CSS2 56 COSA SONO? 57 COME SI USANO? 57 LA PROPRIETÀ DISPLAY 60 LA SINTASSI 63 I SELETTORI 63 69 PROPRIETÀ E RISPETTIVI VALORI ILBOX MODEL 70 IL POSIZIONAMENTO DEGLI ELEMENTI 79 LA PROPRIETÀ FLOAT 80 82 LA PROPRIETÀ CLEAR 84 LA PROPRIETÀ POSITION EREDITARIETÀ E CONFLITTI 86 EREDITARIETÀ 86 87 PESO E ORIGINE SPECIFICITÀ 88 IL CONCETTO DI CASCADE 89 LA PAROLA CHIAVE llMPORTANT 90 5 HTML4 E CSS2 ALL'OPERA 91 CREARE UN SITO SUL DISCO FISSO 91 CENTRARE UN BOX NELLA PAGINA 92 94 CENTRARE UN BOX A LARGHEZZA FISSA 95 CENTRARE UN BOX FLUIDO LAVOUT A 2 COLONNE 97 102 DUE COLONNE A LARGHEZZA FISSA CENTRATE 104 DUE COLONNE A LARGHEZZA FLUIDA CENTRATE 2 104 LAYOUT COMPLETO A COLONNE FISSE CENTRATE IL MENÙ DI NAVIGAZIONE TRAMITE CSS 109 109 MENÙ CSS VERTICALE 111 MENÙ CSS ORIZZONTALE Googl e oigitized by LE GESTIONE DEI CONTENUTI 118 GLI STRUMENTI DI CONTROLLO 119 GLI ERRORI COMMESSI 121 LAYOUT A 2 COLONNE: UN CASO PARTICOLARE 127 6 HTML5 131 IL DISEGNO E LA MATEMATICA 132 HTML 4: ELEMENTI IN PENSIONE 135 LA NUOVA SEMANTICA 136 I NUOVI ELEMENTI 138 I NUOVI ATTRIBUTI 141 IL CONTENT MODEL E LE CATEGORIE 143 IL PRIMO DOCUMENTO HTML5 144 7 CSS3 151 CSS COLOR LEVEL 3 153 LA PROPRIETÀ COLOR 153 LA PROPRIETÀ OPACITY 154 CSS SELECTORS LEVEL 3 156 I SELETTORI SEMPLICI 158 GLI PSEUDO-ELEMENTI 178 I COMBINATORI 180 CSS MEDIA QUERIES 184 LA SINTASSI 185 I TIPI DI DISPOSITIVI 187 LE CARATTERISTICHE DEI DISPOSITIVI 188 CSS BACKGROUNDS ANO BORDERS MODULE LEV. 3 195 LA GESTIONE DELLO SFONDO 195 LA GESTIONE DEI BORDI 200 LA GESTIONE DEGLI ANGOLI 201 USARE IMMAGINI NEI BORDI DEL BOX 205 DECORAZIONI E OMBRE 211 CSS IMAGE VALUES ANO REPLACED CONTENT 216 LA FUNZIONE IMAGE() 216 I GRADIENTI 217 DIMENSIONI E ORIENTAMENTO DELLE IMMAGINI 218 8 HTML5 E CSS3 ALL'OPERA 219 DA HTML4A HTML5 221 Googl e oigitized by 9 FLASH, SILVERLIGHT E JAVAFX 232 ADOBE FLASH 233 AMBIENTI E TOOL DI SVILUPPO 234 MICROSOFT SILVERLIGHT 236 AMBIENTI E TOOL DI SVILUPPO 237 0RACLE JAVAFX 238 AMBIENTI E TOOL DI SVILUPPO 239 lOVBSCRIPT 241 COME SI USA 241 LE VARIABILI 242 DICHIARARE E ASSEGNARE UN VALORE ALLE VARIABILI 243 LA DURATA DELLE VARIABILI 243 GLI ARRAY 243 PROCEDURE E FUNZIONI 244 RICHIAMARE UNA PROCEDURA O UNA FUNZIONE 246 GESTIRE LE CONDIZIONI 246 I CICLI 247 11 JAVASCRIPT 250 COME SI USA 251 MODIFICARE GLI ELEMENTI HTML 252 IL LINGUAGGIO 253 LA VARIABILI 254 GLI OPERATORI 255 I CONFRONTI 257 LE CONDIZIONI 258 I CICLI 260 LE FUNZIONI 261 LA GESTIONE DEGLI ERRORI 264 GLI OGGETII DI JAVASCRIPT 265 CARATIERI SPECIALI CON JAVASCRIPT 275 JAVASCRIPT ALL'OPERA 276 OOM: UNO SGUARDO PIÙ APPROFONDITO 281 DOM NODE 283 DOM DOCUMENT 285 DOM ELEMENT 285 DOM EVENT 287 JAVASCRIPT E IL DOM 287 Googl e oigitized by

Description:

sia nelle versioni in fase di definizione (HTML 5 e CSS 3) con numerosi riservata a javascript, alle sue tante librerie e ai suoi diversi utilizzi come .. Il protocollo HTTP viene usato a livello application nel modello OSI e ciò ci .. package (si decomprime il file zip e si lancia direttamente l