WEB DESIGNER

FIGURA PROFESSIONALE Il web designer si occupa dell’aspetto visivo di siti Web, valorizzando l’identità del marchio, sfruttandone i punti di forza, conoscendo le possibilità offerte dalla tecnologia. Collabora con il gruppo di lavoro e con i clienti per realizzare siti che siano accattivanti dal punto di vista grafico, abbiano un buon impatto visivo, siano semplice da navigare, compatibili con le esigenze dei visitatori e accessibili utilizzando browser e componenti diversi.

A lui spetta il compito di coniugare design e navigazione mediante l’utilizzo delle tecnologie disponibili. Le sue funzioni si articolano in diversi compiti, svolti in collaborazione con un team di lavoro. Il Web Designer è in grado di:

• Comprendere la tecnologia da usare;
• Tradurre le esigenze, i contenuti e il marchio del cliente in concetti strutturati adatti a un sito web;
• Trasformare gli elementi di progettazione realizzati con software grafici (Photoshop e Illustrator) in componenti utilizzabili e modificabili su un sito Web;
• Preparare il layout delle pagine del sito utilizzando l’HTML e altri linguaggi di programmazione (JavaScript, Css, Jquery) ;
• Decidere lo stile delle pagine web a livello di grafica, layout, tipografia, colori, etc...;
• Preparare e presentare i contenuti in modo che risultino ben leggibili e ben strutturati;
• Gestire il mantenimento del sito, apportare le modifiche grafiche e di codice necessarie, aggiornando e curando il sito.

PROGRAMMA DIDATTICO MODULO I - INTRODUZIONE Il Mercato del Lavoro nel web - Figure professionali – Il web designer e le Web Agency - Concetti Fondamentali del Web – Analisi di un Sito Web – Tipologie di Siti Web (Vetrina, Portale, E-commerce, etc...) - Web App – Il Web ed il Mobile;

MODULO II – ELEMENTI DI PROGRAMMAZIONE WEB

HTML: Principali tag e attributi – Struttura base – Sintassi – Proprietà di pagina – Html5; CSS: Il foglio di stile – I livelli – Collegamento del CSS ad una pagina HTML; JAVASCRIPT: Principali TAG – Variabili – Oggetti – Funzioni - Plug-in – Applet – Inserimento di un Js in una pagina Html; Framework Jquery - Oggetto/funzione $ - Principali Funzioni, selettori, attributi (size, each, get(), index(), etc..); PHP: Il db MySql – Php MyAdmin - Modulo Registrazione/Login – Php ed i CMS;

MODULO III – PROGETTAZIONE GRAFICA

Analisi del Brand – Grafica orientata al Web - Le immagini, i pixel, l'rgb, la quadricromia (cmyk), il ppi - Grafica Vettoriale e Raster – Realizzazione di Loghi e Banner - Tecniche di progettazione grafica: gli allineamenti, i colori, i font - Photoshop - Il Formato PSD – Pannello degli Strumenti – I livelli - Storyboard - Sviluppo Layout;

MODULO IV – SVILUPPO SITO WEB

Progettazione di un mini sito web – Simulazione di una Commessa - Analisi del Brief - Definizione del concept del sito ed i suoi obiettivi – Bozza grafica - Sviluppo del Layout con Photoshop – Da PSD ad Html – Sviluppo del Mini sito - Hosting – Web-server - Server Linux e Windows: differenze - FTP - Pubblicazione sito online con Dreamweaver; Wordpress – Php MyAdmin - Creare il DB - Installare e configurazione Wordpress - Progettazione e realizzazione di un sito web con Wordpress - I template - Photoshop/Illustrator per creazione elementi grafici: icone, immagini, pulsanti, etc.. - Modificare pagine del template con Dreamweaver – Panoramica altri CMS (Joomla!, etc...);