PROGRAMMA DEL CORSO WEB DESIGN Durante il corso di Web Design potrai apprendere le tematiche inerenti la progettazione, la realizzazione grafica, il montaggio, e le attività di promozione online, con un occhio sempre attento a quegli aspetti della comunicazione e delle tecnologie che costituiscono un arricchimento fondamentale per i professionisti della Rete. Prerequisiti Nessun prerequisito particolare, a parte una buona dimestichezza con Internet e l'utilizzo dei browser più diffusi. Obiettivi Il corso ha l'obiettivo di fornire una formazione istituzionale nell'ambito del web design.Al termine del corso lo studente sarà in grado di progettare, realizzare e gestire siti web di piccole dimensioni, avvalendosi degli strumenti e delle metodologie di analisi più di frequente utilizzati dai professionisti del settore. MODULO ADOBE PHOTOSHOP CS5 Unità didattica 1 - Grafica bitmap ed introduzione all’utilizzo di photoshop Concetti fondamentali di Photoshop Immagini bitmap e grafica vettoriale Dimensioni e risoluzione delle immagini Unità didattica 2 - Uso degli strumenti Uso delle palette principali modificare le dimensioni e la risoluzione di un’immagine metodi modelli di colore e conversioni tra i metodi di colore uso degli strumenti di selezione i tracciati di ritaglio la modalità maschera veloce Unità didattica 3 - La gestione del colore Colori singoli e quadricromia modalità colore: CMYK e RGB creazione e modifica dei colori Unità didattica 4 - Creazione e gestione dei testi La palette carattere Formattazione dei testi Data Rev. 01/08/12 Motivo rev.: prima emissione REV. N.: 0 ED. N.: 0 Pag. 1 di 3 Azienda con sistema di gestione per la qualità certificata secondo le norme UNI EN ISO 9001:2000 Impaginare un testo Creare effetti sui testi Unità didattica 5 - Uso dei livelli I livelli e le loro proprietà La gestione dei livelli Modificare i livelli Le maschere di livello Gli stili di livello Unità didattica 6 - La trasparenza Applicare le impostazioni di trasparenza Modificare l’opacità agli oggetti grafici Applicare un contorno sfocato Creazione di un’ombra esterna MODULO HTML/CSS Unità Didattica 1 - Introduzione al web Come funziona il web? Modello client/server Differenze tra linguaggi di markup e linguaggi di programmazione Unità didattica 2 - Elementi di HTML HTML, dalla nascita al HTML5 Editor HTML Pannelli e barra delle proprietà in Dreamweaver Struttura di base del HTML, elementi di blocco e inline Tag principali in HTML: html, head, body ecc.. Creazione di una pagina HTML Definizione attributi e panoramica attributi principali del HTML Caricare i file su un server remoto: il protocollo ftp Caricare, cancellare e spostare file in remoto e locale Unità didattica 3 - Inserire contenuti Come creare collegamenti ipertestuali, il tag a (link, ancore e mailto ) Differenze tra collegamenti assoluti e relativi Inserire le immagini, il tag img Creazione di liste, i tag ul, ol e li I formati immagine per il web Data Rev. 01/08/12 Motivo rev.: prima emissione REV. N.: 0 ED. N.: 0 Pag. 2 di 3 Azienda con sistema di gestione per la qualità certificata secondo le norme UNI EN ISO 9001:2000 Costruzione di una tabella, i tag table, tr,td Frame e iframe, incorporare una pagina HTML dentro l'altra Unità didattica 4 - I metadati e l'indicizzazione Definizione metadati Il Doctype, definizione e utilizzo Il tag head Inserire Title, description e keywords nelle pagine il tag meta Unità didattica 5 - I CSS e la formattazione delle pagine HTML Introduzione ai CSS e regole principali per la formattazione del testo Inserire CSS in linea Classi e id CSS interni alla pagina (tag style e selettori) I fogli di stile esterni, vantaggi e limitazioni Associare un foglio di stile esterno ad una pagina HTML Le pseudoclassi, in particolare :link, :visited, :hover Formattare i link tramite le pseudoclassi Unità didattica 6 - Impaginare in HTML Metodi superati di impaginazione (tabelle, frame) Il box model (padding, bordi e margini) Le regole float e clear. Realizzare un layout tramite css e i tag div Unità didattica 7 - Realizzazione e manutenzione di un sito Progettare il lavoro a partire da un layout grafico Realizzazione di un semplice sito, struttura HTML e veste grafica Messa online del sito Data Rev. 01/08/12 Motivo rev.: prima emissione REV. N.: 0 ED. N.: 0 Pag. 3 di 3 Azienda con sistema di gestione per la qualità certificata secondo le norme UNI EN ISO 9001:2000