II LINGUAGGIO HTML...1

Transcript

1 Indice 1 II LINGUAGGIO HTML INTRODUZIONE AL IL DOCUMENTO HTML Elementi Attributi Riferimenti a caratteri Commenti STRUTTURA GLOBALE DI UN DOCUMENTO HTML Informazioni sulla versione di HTML L elemento HTML L intestazione del documento L elemento HEAD L elemento TITLE L elemento META META e intestazioni HTTP META e motori di ricerca META e informazioni predefinite Il corpo del documento L elemento BODY Elementi a livello di blocco e in riga Intestazioni: gli elementi H1, H2, H3, H4, H5, H Raggruppare gli elementi: gli elementi DIV e SPAN IL TESTO Spazio bianco Testo strutturato Elementi della frase: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR e ACRONYM Citazioni: gli elementi BLOCKQUOTE e Q Pedici e apici: gli elementi SUB e SUP Righe e paragrafi Paragrafi: l elemento P Controllare le interruzioni di riga Forzare un interruzione di riga: l elemento BR Impedire un interruzione di riga Testo preformattato: l elemento PRE ELENCHI Elenchi non ordinati(ul), elenchi ordinati (OL) e voci di elenco (LI) Elenchi di definizioni gli elementi DL, DT e DD Riproduzione visuale di elenchi TABELLE Elementi per costruire tabelle L elemento TABLE Didascalie delle tabelle: l elemento CAPTION Raggruppamenti di righe: gli elementi THEAD, TFOOT e TBODY Raggruppamenti di colonne: gli elementi COLGROUP e COL L elemento COLGROUP L elemento COL Calcolare la larghezza delle colonne Righe di tabella: l elemento TR Celle di tabella: gli elementi TH e TD Celle che si estendono su più righe o colonne: gli attributi rowspan e colspan... 23

2 1.6.2 Formattazione di tabelle da parte di browser visuali Bordi e filetti Allineamento orizzontale e verticale Una tabella di esempio COLLEGAMENTI E ANCORE Visitare una risorsa collegata Altre relazioni di collegamento Specificare ancore e collegamenti Titoli dei collegamenti L elemento A Sintassi dei nomi di ancora Ancore con l attributo id Relazioni tra documenti: l elemento LINK Collegamenti in avanti e all indietro Collegamenti e fogli di stile esterni Collegamenti e motori di ricerca Informazioni sul percorso: l elemento BASE OGGETTI, IMMAGINI E APPLET Inserire un immagine: l elemento IMG L inclusione generica: l elemento OBJECT Inizializzazione di oggetti: l elemento PARAM Schemi globali per la denominazione di oggetti Dichiarazioni e istanzazioni di oggetti Includere un applet: l elemento APPLET Note sui documenti incorporati Mappe immagine lato client: gli elementi MAP e AREA Mappe immagine sul lato server Presentazione visuale di immagini, oggetti e applet Larghezza e altezza Spazio bianco intorno a immagini e oggetti Bordi Allineamento Come specificare un testo alternativo ALLINEAMENTO, STILE DEI CARATTERI E LINEE ORIZZONTALI Colore di sfondo Allineamento Oggetti fluttuanti Far scorrere del testo intorno ad un oggetto Caratteri Elementi di stile dei caratteri: gli elementi TT, I, B, BIG, SMALL, STRIKE, Elementi modificatori dei caratteri: FONT e BASEFONT Linee: l elemento HR FRAME Organizzazione dei frame L elemento FRAMESET L elemento FRAME Impostare il contenuto iniziale di un frame Riproduzione visuale di un frame Specificare informazioni sul frame di destinazione Impostare la destinazione predefinita per i collegamenti Semantica della destinazione Contenuto alternativo: l elemento NOFRAMES Descrizioni lunghe di frame Frame incorporati: l elemento IFRAME...69 ii

3 1.11 MODULI Controlli L'elemento FORM L'elemento INPUT Tipi di controllo creati con INPUT Esempi di moduli contenenti controlli di INPUT L'elemento BUTTON Gli elementi SELECT, OPTGROUP e OPTION L'elemento TEXTAREA Etichette: l'elemento LABEL Aggiungere struttura ai moduli: gli elementi FIELDSET e LEGEND Dare il fuoco ad un elemento Navigazione tramite selettori Tasti di accesso Controlli disabilitati e di sola lettura Controlli disabilitati Controlli di sola lettura Inoltro di moduli Metodo d'inoltro dei moduli Controlli con esito positivo Elaborazione dei dati di un modulo CSS INTRODUZIONE AI FOGLI DI STILE A COSA SERVONO I CSS FOGLI DI STILE E DOCUMENTI HTML Fogli di stile interni Fogli di stile esterni Considerazioni STRUTTURA AD ALBERO ED EREDITARIETÀ FOGLI DI STILE IN CASCATA STILI DIPENDENTI DAL MEZZO REGOLE E COMMENTI I SELETTORI Selettori per gli elementi Raggruppamento di selettori Selettore universale Selettori di classe Selettori ID Pseudo-Classi e Pseudo-Elementi Selettori, struttura ad albero e attributi COLORI E SFONDI Il colore di primo piano: "color" "background-color" "background-image" "background-repeat" "background-attachment" "background-position" Proprietà aggregata "background" UNITÀ DI MISURA PER LE DIMENSIONI FORMATTAZIONE DEL TESTO Allineamento: "text-align" Indentazione: "text-indent" iii

4 Decorazione: "text-decoration" Capitalizzazione: "text-transform" "letter-spacing" "word-spacing" "white-space" STILE DEI CARATTERI "font-family" "font-size" "font-style" "font-weight" "font-variant" "font-stretch "line-height" Proprietà aggregata "font" IL BOX MODEL "padding" "border-width" "border-color" "border-style" "border" "margin" PROPRIETÀ: DIMENSIONI E POSIZIONE Le dimensioni: "width" ed "height" "position" "left", "right", "top" e "bottom" "z-index" ELEMENTI FLOTTANTI "float" "clear" ALTRE PROPRIETÀ "visibility" "overflow" "cursor" "display" ESEMPIO DI APPLICAZIONE DEI CSS: CREARE UNA HOMEPAGE La struttura di base Completiamo la pagina IL LINGUAGGIO JAVASCRIPT INTRODUZIONE Cos è uno Script JavaScript COME INCLUDERE UNO SCRIPT QUANDO VIENE ESEGUITO UNO SCRIPT FONDAMENTI E SINTASSI I commenti Le variabili Le funzioni Funzioni predefinite Document.write() e output Tipi fondamentali di dato iv

5 3.4.7 I literals Strutture di controllo Espressioni e operatori OGGETTI IN JAVASCRIPT Caratteristiche fondamentali di un oggetto Creare un oggetto Istanziare un oggetto Estensione dinamica delle proprietà di un oggetto Gerarchia degli oggetti JavaScript Oggetti incorporati nel linguaggio Oggetto Array Oggetto String Oggetto Math Oggetto Boolean Oggetto Date Oggetto Number Oggetto Function Oggetto RegExp Oggetti lato client Oggetto Window Oggetto Navigator Oggetto Screen Oggetto Document Oggetto Frame Oggetto History Oggetto Location Oggetto Anchor Oggetto Area Oggetto Applet Oggetto Form Oggetto Image Oggetto Link HTML DINAMICO IL DOCUMENT OBJECT MODEL (DOM) Aggiungere e rimuovere elementi in un documento Leggere e settare gli attributi degli elementi GLI EVENTI Principali eventi Oggetto Event Eventi timer Gestione Eventi associati all oggetto FORM EFFETTI DINAMICI Rollover Transizione di immagini Testo scorrevole Modifica graduale del colore di sfondo del documento Gestione dei livelli Validazione dei dati inseriti in una FORM Introduzione ad AJAX IL LINGUAGGIO PHP INTRODUZIONE v

6 5.2 SINTASSI DI BASE DI PHP Inclusione di PHP in una pagina HTML Separatori delle istruzioni Commenti TIPI E VARIABILI Stringhe Array Funzioni sulle stringhe Funzioni sugli array Conversioni di tipo Variabili statiche e globali Variabili predefinite OPERATORI FUNZIONI DEFINITE DALL'UTENTE STATEMENTS DIRETTIVE DI INCLUSIONE ACQUISIZIONE DEI DATI DALLE FORM HTML USO DEI COOKIES USO DELLE SESSIONI PRINCIPALI FUNZIONI MATEMATICHE PREDEFINITE FUNZIONI SUI FILE ESPRESSIONI REGOLARI ALTRE FUNZIONI OGGETTI CLASSE PHP E MYSQL Connessione e Disconnessione Selezionare un database Inviare una query Visualizzare il risultato di una query Una semplice applicazione INDICE ANALITICO vi