6, WAS – Web Designer

Figura professionale

Il WAS Web Designer (WAS WD) è la figura professionale che si occupa dello sviluppo dell’impostazione grafica di presentazione dei contenuti (layout) in modo che questa sia accessibile ad una vasta categoria di utenti. L’attività del WAS WD è legata allo sviluppo di modelli (template) accessibili per sistemi di gestione contenuti (CMS) nonché allo sviluppo di layout di siti web dinamici o basati sull’utilizzo di normali editor visuali. Assieme al WAS CM, è una delle figure più importanti per garantire l’accessibilità agli utenti nello sviluppo di un sito web.

Obiettivi

Il corso intende offrire la possibilità di apprendere tutte le tecniche necessarie alla realizzazione di siti web accessibili e conformi agli standard.  Il corso copre ogni aspetto riguardante il web design accessibile: dall’impaginazione ai contenuti, dalla tipografia al multimedia fino agli strumenti di validazione e testing. L’approccio di carattere tecnico-pratico permetterà all’allievo di realizzare progetti web conformi alle normative in tema di accessibilità dei siti web, agli standard ed allo stesso tempo efficaci in termini di visual e content design.

Destinatari

Web designer, web graphic designer, web master di siti di pubbliche amministrazioni, reti civiche, aziende ed organizzazioni no-profit.

Modalità formative

Il percorso formativo è suddiviso in unità formative di durata precisata e delle quali viene indicata la propedeuticità.

Ad ogni unità formativa possono corrispondere dei corsi eClasses necessari a raggiungere le medesime competenze del percorso d’aula. Alcuni corsi eClasses sono obbligatori per il raggiungimento della certificazione WAS – WD, altri sono consigliati solamente a coloro che non possiedono tali competenze derivate da autoformazione o dalla frequentazione di altri corsi.

In questo modo il percorso formativo può essere suddiviso in corsi indipendenti e permette all’allievo raggiungere la certificazione frequentando l’intero percorso in aula, interamente a distanza o di svolgere alcuni corsi in aula ed altri in modalità a distanza.

Per i percorsi in aula sono previste sessioni di navigazione e testing con tecnologie assistive effettuate da utenti disabili.

Prerequisiti

Prerequisiti fondamentali sono una solida conoscenza dei linguaggi HTML, XHTML, dei CSS e delle tematiche relative all’accessibilità dei siti web o la frequentazione delle attività formative IWA/HWG identificate come

  • ‘Accessibilità dei contenuti per il Web’, vale a dire una giornata formativa di analisi delle linee guida per l’accessibilità dei contenuti per il web 1.0 (WCAG 1.0).
  • WAS – Web Operator

La partecipazione ad entrambe le suddette attività formative è sostitutiva al test di valutazione iniziale.

Contenuti

CSS 2.x avanzato

  • Richiami del modulo Css 2.x base
  • L’ereditarietà
  • Il posizionamento
  • Il posizionamento
  • Generazione di layout complessi
  • Elementi di CrossBrowsing

Corsi eClasses equivalenti: Cascading Style Sheets – Level 2 (H161)

Introduzione al web design

  • Il processo di pianificazione del sito
  • Generi di siti, strutture e storyboard
  • La progettazione di un sito web
  • Definire l’architettura del sito
  • Introduzione al web design
  • Gli elementi del buon design web
  • Formati e stili della grafica per il web
  • Organizzare l’informazione
  • Differenti tecniche di navigazione
  • L’architettura funzionale del sito
  • Elementi di net semiology
  • Il colore nel web
  • La tipografia web
  • I microcontenuti

Corsi eClasses equivalenti: Introduction to web design (D311) – Design concepts (D300)

Web authoring

  • L’interfaccia ed i comandi
  • La formattazione del testo
  • La gestione della grafica
  • Aggiungere pulsanti e animazioni
  • Definire un sito in locale
  • Gli strumenti per l’accessibilità
  • Creare link e ancore
  • Le mappe immagine
  • Inserire e personalizzare le tabelle
  • La gestione dei fogli di stile interni ed esterni
  • Inserire codice Javascript
  • Creare form e farli funzionare tramite script CGI

Corsi eClasses equivalenti: Introduction to Dreamweaver (A131)

Web graphic design

  • Le immagini bitmap
  • I formati dei files: gif, jpg, bmp e tiff.
  • Tecniche di digitalizzazione
  • Tasti di ausilio e scelta rapida
  • Modifica e gestione delle selezioni
  • Strumenti per il fotoritocco
  • Filtri per il fotoritocco
  • Modifica e gestione di toni e colori
  • Livelli, canali, maschere
  • Uso dei righelli e delle linee guida
  • Uso del colore
  • Operazioni con il testo
  • Strumenti di trasformazione degli oggetti
  • Stili di colore, riempimento e contorno oggetti
  • Ottimizzare e selezionare la compressione corretta per la grafica;
  • Creare animazioni GIF;
  • Gestire i colori sicuri per il Web;
  • Incorporare contenuti dinamici in un sito;
  • Progettare elementi per lo spostamento;
  • La grafica vettoriale
  • Elementi di disegno fondamentali.
  • Caratteristiche dei tracciati e dei punti;
  • Fondamenti dell’illustrazione vettoriale;
  • Raggruppare gli oggetti;
  • Importazione di file in altri formati;
  • L’uso dei livelli;
  • Operazioni con le fusioni;
  • Uso degli strumenti di trasformazione;
  • Uso dei colori; creazione dei colori;
  • Applicazioni di un tratto e di un riempimento agli oggetti;
  • Operazioni del testo e tracciati;
  • Gestione degli oggetti di testo: applicazione del colore a testo o ad oggetti di blocco di testo; conversione del testo in tracciati;

Corsi eClasses equivalenti: Macromedia Fireworks 4/MX/MX2004 (A222) - Photoshop Level 1 (G301) – Adobe Illustrator Level 1 (G401)

Web animation

  • Caratteristiche dell’immagine
  • Le immagini vettoriali e bitmap
  • Gli strumenti di disegno
  • Le caratteristiche del filmato
  • Tipi di animazioni
  • Elementi costitutivi del filmato: i simboli, i livelli e i fotogrammi, i livelli guida, i livelli maschera, i filmati clip, i pulsanti
  • Importazione del suono e delle immagini
  • Introduzione al linguaggio di ActionScript
  • Creazione di Script con ActionScript
  • Azioni generate dagli eventi del Mouse
  • Utilizzo di Condizioni, Variabili e Cicli
  • Assegnare azioni a pulsanti
  • Creazione di simboli animati
  • Connessioni a sorgenti esterne
  • Il contenuto accessibile dei filmati Flash

Corsi eClasses equivalenti: Web Animation with Flash MX/MX 2004 (A231) – Intermediate Flash MX/MX 2004 (A233) – Advanced Macromedia Flash MX/MX2004 (A222)

Web usability

  • L’usabilità dei siti web
  • La progettazione per l’utente finale
  • Usabilità e metodi
  • Indagini e interviste
  • Analisi e test
  • Il design usabile
  • L’architettura dell’informazione

Corsi eClasses equivalenti: nessuno

Accessibile web design

  • Barriere, tecnologie assistive e strategie alternative di accesso alle informazioni
  • Il W3C e le norme WAI
  • Le WCAG
  • Usabilità e accessibilità
  • Normative nazionali in materia di accessibilità del web (se nella nazione è presente una normativa in materia di accessibilità del web)
  • Editor visuali e tool sull’accessibilità
  • Tecniche di design accessibile
  • Content design accessibile
  • Multimedialità e accessibilità
  • La valutazione dell’accessibilità
  • Accessibile web design workshop

Corsi eClasses equivalenti: Accessible web design (D201) – Web Accessibility Techniques (D202)

Durata

La durata complessiva suggerita del corso in modalità d’aula è di 170 ore, così suddivise nelle singole unità formative:

  • Introduzione al web design : 20 ore
  • Web authoring : 22 ore
  • Web graphic design; 24 ore
  • Web animation: 24 ore
  • Web usability: 20 ore
  • CSS 2.0 avanzato: 20 ore
  • Accessibile web design: 40 ore

Valutazioni

Per i percorsi d’aula al termine di ogni unità formativa agli allievi sarà somministrato un test contenente domande a risposta chiuse ed aperte sui contenuti della singola unità ed una prova pratica strutturata al fine di valutare le competenze teorico-pratiche acquisite da ogni singolo allievo. Nell’ambito dell’ “Accessibile design workshop” verrà inoltre proposto lo sviluppo ed il testing di un progetto completo che integri le competenze acquisite nel corso di tutte le unità formative del percorso. I percorsi eClasses prevedono delle prove di valutazione proprie. Il progetto, in questo caso verrà sviluppato nel corso “Web Accessibility Techniques (D202)”.

Il superamento con profitto di tutte le prove è requisito fondamentale per il conseguimento della certificazione IWA WAS – Web designer.

Ambienti formativi e logistica

Le strutture che intendono candidarsi ad erogare i percorsi WAS dovranno possedere i requisiti minimi previsti per i WAS – Certified Training Center (vedi paragrafo 8)

 

Potrebbero interessarti anche i seguenti articoli

  • 5. WAS – Content Manager5. WAS – Content Manager Figura professionale Il WAS Content Manager (WAS CM) è la figura professionale che si occupa della produzione e della gestione di contenuti di un sito web con […]
  • 4. WAS – Web Operator4. WAS – Web Operator Figura professionale Il WAS Operator (WAS WO) è la figura professionale che riassume i requisiti basilari indispensabili per poter svolgere mansioni operative […]
  • 8. WAS – Certified Trainer8. WAS – Certified Trainer Una sessione formativa prevede - in qualsiasi caso ed in qualsivoglia tipologia di corso – un’interazione profonda ed intensa fra le due entità […]
  • 1. Introduzione1. Introduzione La creazione di siti e applicazioni Web accessibili nel pieno rispetto dell'attuale normativa italiana e degli standard internazionali, è un processo composito e […]
  • 7. WAS – Application Developer7. WAS – Application Developer Figura professionale Il WAS Application Developer (WAS AD) è la figura professionale che si occupa dello sviluppo di applicazioni in modo che siano accessibili […]
Condividi:

Informazioni sull'autore

Roberto Castaldo
Roberto Castaldo
Sono nato e vivo a Napoli, ed opero professionalmente nel mondo dell'informatica da più di vent'anni. In realtà l'informatica, insieme alla musica e ad altre poche cose, è stato da sempre un mio chiodo fisso, e la buona sorte mi ha aiutato a trasformarlo in un mestiere. Sin dalle mie primissime esperienze lavorative - insegnavo dattilografia ed i primi rudimenti di informatica in una scuola privata - mi sono trovato a mio agio nel settore della formazione e della divulgazione, certamente aiutato dai miei studi classici. Nel 1987 ho iniziato la mia attività come insegnante d'informatica in un Istituto Professionale Statale - per circa due anni sono stato il più giovane insegnante di ruolo d'Italia. Ho avuto svariate esperienze anche nel settore privato come sviluppatore (TPascal - lo ricordate? - VB, ASP e, più di recente VB.NET ed ASP.NET), ma soprattutto come docente e come divulgatore. Ho effettuato attività di formazione presso le più grandi realtà imprenditoriali italiane (IBM, Omnitel, Telecom Italia, TIM, Unicredito, Ekip, BNL, SSGRR), ma anche all'estero in qualità di docente e/o progettista di percorsi formativi; gli argomenti spaziano dal mondo Office fino al multimedia ed alla programmazione avanzata ASP ed ASP.NET. Ho collaborato con l'Istituto Italiano per gli Studi Filosofici di Napoli, ho redatto articoli/tutorial per un'importante rivista informatica (Win98 Magazine), ed ho partecipato allo sviluppo di CD-Rom Multimediali (IBM, Selfin, BNL) curando personalmente la registrazione dei commenti audio ed il montaggio delle musiche (CoolEdit), l'eventuale connessione a database remoti, l'assemblaggio degli elementi testuali, grafici e multimediali (Director 8) fino alla creazione del master definitivo. Negli anni 1998-2000 ho collaborato con la Gazzetta dello Sport Online curando, in occasione dei più importanti avvenimenti sportivi (Mondiali ed Europei di calcio, Giro d'Italia, Campionato di Serie A) le pagine contenenti la traduzione in inglese e francese degli articoli in italiano. Il mio compito consisteva nell'inviare ai miei traduttori la cronaca in italiano, riceverne la traduzione, creare le pagine inglesi e francesi del sito www.gazzetta.it e pubblicarle sul server, il tutto entro 90 minuti dalla fine dell'evento. Nel frattempo, mi avvicinavo in maniera sempre più approfondita alle problematiche legate all'accessibilità di siti web, progettando percorsi di formazione ad hoc, ed aderendo entusiasticamente al progetto webaccessibile.org. Sono stato per diversi mesi membro del XML Protocol Working Group del W3C, ed attualmente partecipo ai lavoro del WAI Web Content Accessibility Guidelines (WCAG) Working Group e del E&O Education ad Outreach Working Group.

Commenti

Nessun commento

    Rispondi

    Link e informazioni