PROGRAMMA DEL CORSO WEB DESIGN

Transcript

1 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. Stage: Solo per questo corso, e solo in alcune fasi dell'anno, è prevista la possibilità di frequentare uno stage gratuito direttamente presso la sede milanese di SinerVis, per tutti gli studenti che ne faranno richiesta e che supereranno i colloqui di selezione che avverranno, su appuntamento, successivamente alla fine del corso. 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 su diverse piattaforme, 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 Data Rev. 01/08/12 Motivo rev.: prima emissione REV. N.: 0 ED. N.: 0 Pag. 1 di 5

2 modalità colore: CMYK e RGB creazione e modifica dei colori Unità didattica 4 - Creazione e gestione dei testi La palette carattere Formattazione dei testi 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 CON ADOBE DREAMWEAVER CS5 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, Adobe Dreamweaver CS5 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 Modalità di visualizzazione dei documenti di lavoro in Dreamweaver Definizione attributi e panoramica attributi principali del HTML Caricare i file su un server remoto: il protocollo ftp Impostare un sito in locale e in remoto con Dreamweaver Data Rev. 01/08/12 Motivo rev.: prima emissione REV. N.: 0 ED. N.: 0 Pag. 2 di 5

3 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 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 Realizzazione di un semplice sito, struttura HTML e veste grafica Messa online del sito Creazione di modelli in Dreamweaver e i vantaggi del loro uso Creazione aree modificabili Associare i modelli alle pagine HTML Data Rev. 01/08/12 Motivo rev.: prima emissione REV. N.: 0 ED. N.: 0 Pag. 3 di 5

4 MODULO WEB MARKETING E USABILITà Unità didattica 1 - I motori di ricerca Breve introduzione ai motori di ricerca La SERP e il posizionamento sui motori di ricerca Cos'è e come funziona l'indicizzazione Metodi efficaci di indicizzazione Fattori che limitano l'indicizzazione Aumentare la popolarità del proprio dominio: Le directory, Article Marketing. Comunicati, Stampa RSS... Unità didattica 2 - SEO e Social Network Twitter (ottimizzare il profilo e i contenuti, link popularity via twitter) YouTube (ottimizzare il canale e i video, creare una comunità) Facebook (ottimizzare il profilo, le pagine i fan e un occhio le statistiche) LinkedIn (creazione e gestione del profilo, aziende e gruppi) SlideShare Errori da evitare e penalizzazioni: contenuti duplicati, cloaking e doorway Unità didattica 3 - Gli strumenti del Web Marketing Introduzione ad Analytics: analizzare il comportamento degli utenti del proprio sito Web Master Tool: a caccia degli errori commessi Adword: comprare pubblicità online in modo efficace ed efficiente Adsense: come vendere pubblicità sul proprio sito Altri strumenti di analisi del traffico (cenni) Unità Didattica 4 - Cos'è l'usabilità Definizione (norma ISO 9241) Interazione uomo-macchina Introduzione agli standard A chi e a cosa serve l usabilità: scopi e metodi Usabilità e accessibilità Usabilità e architettura delle informazioni Unità Didattica 5 - Il progetto Identificazione di scopi e target del sito: analisi di mercato Lo scheletro del sito Home page (dove sono? Dove posso andare?) La barra di navigazione Pagine interne Link Data Rev. 01/08/12 Motivo rev.: prima emissione REV. N.: 0 ED. N.: 0 Pag. 4 di 5

5 Utilizzo di convenzioni Unità Didattica 6 - Il contenuto e le tecnologie Scrivere per il Web: quantità, qualità, pertinenza e chiarezza Disposizione e stile del testo Archivio e motore interno: la ricerca delle informazioni Espedienti visivi Compatibilità: browser, hardware, piattaforme, plug-in Motori di ricerca esterni e indicizzazione Flash: uso e abuso Mantenimento e ottimizzazione del progetto Unità Didattica 7 - L esperienza dell utente Percorso del designer VS percorso dell utente Il web del visitatore : luogo di sorprese e compromessi Sfogliare le pagine, non leggerl Data Rev. 01/08/12 Motivo rev.: prima emissione REV. N.: 0 ED. N.: 0 Pag. 5 di 5