W02 - Corso di web design Il corso di Web Design vi insegna a programmare nel linguaggio con cui è fatto il web. Sarete in grado di realizzare siti internet professionali per il vostro uso privato, come servizio per i vostri clienti, o come intranet per la vostra azienda. Durante il corso si apprenderà il linguaggio HTML e l'utilizzo dei programmi più diffusi di Web Editing. Alla conclusione del corso verrà rilasciato un ATTESTATO FINALE DI FREQUENZA. Programma del corso Il programma del corso Web Design affronta tutti gli aspetti inerenti la realizzazione di un sito Web, partendo da concetti di base per arrivare a tecniche più complesse. Introduzione Definizioni e ruoli del Webdesigner Le reti informatihe: - Internet e protocolli di comunicazione - Protocolli Http e FTP - Concetti di Client e Server Introduzione alla sintassi HTML Elementi, tag e attributi HTML Creare Frame Creare Form (moduli on line) Creare Table Creare pagine con HTML Gerarchia di un sito Web 1/4 W02 - Corso di web design Gestire i web content: immagini, media, testi Definizione della root Percorsi relativi ed assoluti degli elementi L’estensione dei file Struttura dei documenti HTML Il tag <HTML> Il tag <HEAD> Il tag <TITLE> Il tag <BODY> Impostare i margini della pagina I moduli: tag Form Passaggio di dati tra client e server Il tag <FORM> Il tag <INPUT> Il tag <TEXTAREA> Il tag <SELECT> Moduli di richiesta dati all’utente CSS (fogli di stile) CSS - Cosa sono i Cascading Style Sheet CSS level 2 CSS e compatibilità con i browser Differenti dichiarazioni di fogli di stile Struttura di un foglio di stile Regole e commenti nei CSS Applicare i CSS in una pagina HTML CSS - Fogli di stile in linea, interni ed esterni al documento I selettori Formattare elementi di una pagina con le classi L’attributo class Differenza tra classe e ID Dichiarare un ID Formattare i contenuti testuali Proprietà di base del testo Impostare il colore degli elementi Gestire lo stile degli elenchi puntati e numerati Convertire documenti HTML in XHTML 2/4 W02 - Corso di web design Definire un sito in Dreamweaver L'interfaccia utente del programma Layout Mode : Le tabelle Gestire i CSS I Moduli in Dreamweaver Applicare i behavior ad una pagina html Applicare i behavior ad una pagina html I Rollover Rollover Disgiunti I controlli sui form Siti web senza tabelle : separare layout e contenuti Inserire lo script all’interno di un documento Richiamare uno script esterno alla pagina Javascript Event Handler La sintassi del linguaggio Variabili Tipi di dati Espressioni e operatori Javascript e HTML Finestre e Frame Form Usare Dreamweaver e i Behavior Javascript Introduzione all'Usabilità Usabilità dei siti Web Interfaccia grafica Creare layout Tabelle di compatibilità Test e validazione della sintassi CSS Validazione e Pubblicazione Validare il codice I validatori del W3 Gestione del sito Locale e Remoto Impostare i parametri FTP Pubblicare il sito internet sul web server 3/4 W02 - Corso di web design 4/4