Corso: Web Designer Benevento

Introduzione al webdesign
Chi è il Web Designer – Il lavoro del Web designer; Creatività e comunicazione sul web; Differenze tra la comunicazione web e la stampa; Web master e web graphic

Progettare
Prima pensa e poi progetta
Le fasi: brief, idea, progettazione, pianificazione Organizzare i contenuti; L’interfaccia :definizione, tipi, efficacia; La definizione del dialogo con l’utente – interattività/usabilità; L’identità visiva: Stile, colori, carattere, foto;

Organizzare la struttura : l’architettura della pagina e le regole d’impaginazione;

Il target di riferimento/cliente/brand; Sistemi di accesso al web – gli strumenti della comunicazione web Nuove tendenze e tipologie d'informazione.

I social network, i blog, storia di un sito web

Disegnare
Il carattere; I caratteri e loro classificazione. Le famiglie di caratteri.

Struttura del carattere. Apertura. Crenatura. Allineamenti. Dimensioni. Peso. Proporzionalità. Interlinea. Esempi di lettering. Analisi e studio del lettering. La textures e gli sfondi Il marchio/Il logo/Il payoff Le immagini La risoluzione delle immagini Importanza del peso di un immagine


Modulo 2 (vettoriale)

Adobe Illustrator

Adobe Illustrator consente di creare originale grafica vettoriale per qualsiasi progetto. Sfruttate la precisione e l'efficienza di strumenti di disegno professionali, pennelli dal tocco espressivo naturale e una vasta gamma di funzioni ad alta produttività. (fonte adobe.com)

Adobe Photoshop
E' il software di elaborazione di immagini n° 1 al mondo. Permette di creare grafiche per web, ottimizzare i file affinché non siano pesanti da caricare sulle pagine web e creare gif animate che possono alternarsi in qualche caso ai file animati di flash quando si necessita di banner o immagini in movimento.

Dall’analisi dell’immagine digitale, si impara a conoscere e utilizzare gli strumenti fondamentali di Photoshop, si arriva ad ottenere il massimo dal processo di post-produzione ed elaborazione delle immagini.

Standard per il Web
Il W3C; Cosa significa Web Standard; Benefici dell'approccio agli standard del Web; L'XML che conquista il mondo; I validatori di codice; I browser e gli standard; Risparmiare tempo e costi con la progettazione con Web Standard

Adobe Dreamweaver
Dreamweaver è il software professionale per la progettazione visiva e per la creazione di siti Web e applicazioni Internet. Le potenti funzioni di Dreamweaver consentono di automatizzare la produzione e di migliorare l'efficienza dei siti web. Può essere personalizzato utilizzando HTML, JavaScript e XML per lo sviluppo avanzato di siti Web. Consente di creare siti Web migliori e applicazioni Internet più velocemente. Pianificazione e configurazione del sito; Organizzazione e gestione dei file di un sito; Definizione del layout delle pagine Web; Creare e gestire i file; Creazione e apertura dei documenti; Gestione di file e cartelle; Nozioni sui fogli di stile CSS; Creazione e gestione dei CSS; Creazione del layout delle pagine con i CSS; Creazione di layout di pagina in HTML; Le tabelle e i Frame; Aggiunta del contenuto alle pagine; Formattazione di testo; Aggiunta e modifica di immagini; Aggiunta di altri oggetti multimediali; Collegamenti; Anteprima delle pagine nei browser; Integrazione tra applicazioni diverse;

La teoria sul Web Design
L'anatomia di una pagina web; I browser Internet ; La risoluzione video ; La tavola dei colori WebSafe; Gli esadecimali ; I Processi nel Web Desing

User Experience
Cosa si intende per siti Web antropomorfi ; Il concetto di User Experience ; Il Web 2.0 ; Le informazioni semplici da raggiungere; Interfacce grafiche studiate per l'utente ; L'importanza del "Dove siamo" ; La legge dei 3 click ; Da evitare: il tasto Back e i vicoli ciechi

Progettare siti web senza tabelle
Perché non si usano le tabelle per impaginare i siti web

Cosa si intende per CSS Positioning
Benefici del design table-less
Compatibilità con i browser
Cosa cambia per un Web designer
Creare un layout di un sito Web senza l'uso di tabelle


Usabilità dei siti Internet
Definizione di usabilità; Concetti di usabilità
Analisi di siti web
Il concetto di usabilità all'interno della Legge sull'Accessibilità
Gli errori più comuni; Studiare il comportamento degli utenti
Tool per lo studio dell'usabilità

Progettare i contenuti : usabilità nel web
Cosa significa scrivere per Internet
La semplicità premia sempre
Separare e suddividere i testi in sezioni
La semantica nel web
La tipografia nel web

Adobe Flash
Flash è l'ambiente di authoring leader di settore per la creazione e distribuzione di contenuti interattivi di grande impatto. Create esperienze coinvolgenti che si presentano uniformemente su qualsiasi dispositivo, dai desktop agli smartphone, ai tablet e ai televisori

Modulo didattico, erogato in laboratorio multimediale.

Accenni Tecnologici
PHP panoramica sui DB
Java scripts
Ajax
Web 2.0 e prospettive future
CMS (joomla, drupal, wordpress…)
E-commerce e sistemi di pagamento online


MODULO PRATICO FINALE:
Esercitazione individuale e creazione sito web di ultima generazione


STAGE
A completamento del percorso, ogni studente arricchirà le proprie capacità tecniche e operative, ma anche mettere alla prova la propria creatività attraverso la partecipazione a stage aziendali, fondamentali nella strategia educativa della “Scuola la tecnica”.


RIENTRO PER FULL IMMERSION PREPARAZIONE ESAME FINALE