Web Mastering e Design

Rev. 1.0 Stato: Approvato Web Mastering e Design

Web Design
Programma

CONTROLLO DOCUMENTO

TITOLO: VERSIONE: AUTORI: REVISIONATO DA: DATA: NOME FILE:

Corso di Web Design Programma 1.1 Daniele De Benedictis, Francesca Morgana Fabio Rebecchi 01/06/2011 Corso di Web Design.pdf

Web Mastering e Design

Rev. 1.0 Stato: Approvato Web Mastering e Design

Sommario
1 INTRODUZIONE .................................................................................. 4
1.1 1.2 1.3 Scopo del documento ....................................................................................................................... 4 Acronimi ........................................................................................................................................... 4 Glossario ........................................................................................................................................... 4

2 OBIETTIVI E MODALITA DI FRIUZIONE E VALUTAZIONE ..................... 5

2.1 2.2 2.3 Obiettivo e modalit di fruizione ...................................................................................................... 5 Strutturazione del corso ................................................................................................................... 5 Destinatari e modalit di valutazione ............................................................................................... 5

3 PROGRAMMA .................................................................................... 6
3.1 Modulo uno Web Design ed usabilit ............................................................................................ 6 Prima unit didattica Introduzione al web ............................................................................. 6 Seconda unit didattica - Web Design ...................................................................................... 6 Terza unit didattica Usabilit ............................................................................................... 6 3.1.1 3.1.2 3.1.3 3.2

Modulo due HTML 5.0 ................................................................................................................... 6 Prima unit didattica - Concetti sullo standard w3c ................................................................. 6 Seconda unit didattica Il linguaggio HTML 5.0 ..................................................................... 7 Terza unit didattica LHTML e i fogli di stile.......................................................................... 7 Quarta unit didattica Accessibilit ....................................................................................... 7

3.2.1 3.2.2 3.2.3 3.2.4 3.3

Modulo 3 - Fogli di stile e CSS ........................................................................................................... 8 Prima unit didattica CSS Cascading Style Sheets 1 ............................................................... 8 Seconda unit didattica CSS Cascading Style Sheets 2 ........................................................... 8

3.3.1 3.3.2 3.4

Modulo 4 Javascript ....................................................................................................................... 9 Prima unit didattica Il linguaggio Javascript ......................................................................... 9 Seconda unit didattica - Uso di Javascript per il World Wide Web ......................................... 9

3.4.1 3.4.2 3.5

Modulo 5 Realizzare un sito Web .................................................................................................. 9 Prima unit didattica Layout Design con Dreamweaver CS5 ................................................. 9 Seconda unit didattica Grafica Web con Photoshop CS5 ..................................................... 9 Terza unit didattica Animazioni interattive con Adobe Flash CS5 ...................................... 10 Quarta unit didattica Creare siti con Joomla 1.5 ................................................................ 10 Quinta unit didattica Pubblicare un sito web ..................................................................... 10

3.5.1 3.5.2 3.5.3 3.5.4 3.5.5 3.6

Modulo 6 Web Marketing e SEO.................................................................................................. 11

Web Mastering e Design

3.6.1 3.6.2 3.6.3

Rev. 1.0 Stato: Approvato Web Mastering e Design

Prima unit didattica Introduzione al Web Marketing ......................................................... 11 Seconda unit didattica SEO ................................................................................................ 11 Terza unit didattica Google Analytics ................................................................................. 11

Web Mastering e Design

1 INTRODUZIONE 1.1 Scopo del documento

Rev. 1.0 Stato: Approvato Web Mastering e Design

Il presente documento contiene il programma di massima del corso online di Web Mastering e Design. 1.2 Acronimi N.D. 1.3 Glossario N.D.

Web Mastering e Design

Rev. 1.0 Stato: Approvato Web Mastering e Design

2 OBIETTIVI E MODALITA DI FRUIZIONE E VALUTAZIONE 2.1 Obiettivo e modalit di fruizione Lobiettivo del corso di fornire tecniche e metodologie per svolgere la professione di Web Designer e Web Master. Il corso sar fruito online su una piattaforma di FAD, comprensiva di materiali didattici, esercitazioni con codici sorgenti e test di verifica dellapprendimento. Attraverso strumenti di web collaboration come chat, forum e mail gli studenti potranno usufruire dellattivit di tutoraggio del proprio percorso didattico. 2.2 Strutturazione del corso Il programma del corso verter sulle tecnologie e linguaggi web pi richiesti dal mercato pubblico e privato, indispensabili per poter creare pagine web tra le quali HTML, CSS e Javascript. Il Corso distinto in sei moduli: Web Design e Usabilit, HTML 5.0, Fogli di stile e CSS, Il linguaggio Javascript, Realizzare un sito web e Web Marketing e SEO. 2.3 Destinatari e modalit di valutazione I destinatari del corso sono diplomati e laureati che vogliono arricchire le proprie competenze o intraprendere da zero una carriera di Web Designer e Web Master nel mondo ITC. La valutazione dei discenti verr effettuata attraverso test di

valutazione online ed un esame finale anch' esso online.

Web Mastering e Design

3 PROGRAMMA

Rev. 1.0 Stato: Approvato Web Mastering e Design

3.1 Modulo uno Web Design ed usabilit 3.1.1 Prima unit didattica Introduzione al web In questa unit didattica verranno introdotti dei concetti generali riguardanti il mondo del web, ovvero i principi basilari attraverso i quali si costruiscono pagine web come: struttura, presentazione, navigabilit e comprensibilit. 3.1.2 Seconda unit didattica - Web Design In questa unit didattica verranno analizzate le caratteristiche principali del Web Design come: i principi di navigazione e di progettazione analizzando anche quali sono gli errori pi comuni che si commettono in fase di progettazione di pagine web. 3.1.3 Terza unit didattica Usabilit Lultima unit didattica di questo modulo affronta il tema dellusabilit di un sito web; la continua evoluzione della tecnologia contribuisce alla trasformazione del web e offre nuove potenzialit, ma non rende un sito automaticamente facile da usare, attraverso lanalisi dellusabilit possibile soddisfare questo aspetto. 3.2 Modulo due HTML 5.0 3.2.1 Prima unit didattica - Concetti sullo standard w3c Il w3c crea gli standard Web. Il suo scopo portare il Web al suo massimo potenziale, mediante lo sviluppo di tecnologie (specifiche, linee guida, software e tools) che possano creare un forum per informazioni, commercio, ispirazioni, pensiero indipendente e comprensione collettiva.

Web Mastering e Design

Rev. 1.0 Stato: Approvato Web Mastering e Design

3.2.2 Seconda unit didattica Il linguaggio HTML 5.0 In questa unit didattica verr studiato il linguaggio HTML il linguaggio di descrizione delle pagine che ha reso possibile l'esistenza del Web come lo conosciamo oggi. La realizzazione di siti web professionali, prevede di base unapprofondita conoscenza dellHTML, verranno pertanto fornite tutte le informazioni riguardanti i comandi per formattare testi, inserire immagini, collegamenti, tabelle, moduli per una completa progettazione di siti web. 3.2.3 Terza unit didattica LHTML e i fogli di stile I CSS (Cascading Style Sheet) hanno rivoluzionato il Web separando definitivamente struttura logica e contenuto della presentazione, sono uno dei fondamentali linguaggi standard del w3c. I CSS svolgono un ruolo determinante nella standardizzazione degli stili, del design e dei layout, assicurano maggior controllo sulla presentazione e consentono di gestire pi documenti contemporaneamente. Inoltre creano pagine pi leggere e facili da modificare, garantiscono una pi elevata accessibilit e permettono di progettare pagine adatte a diversi dispositivi. 3.2.4 Quarta unit didattica Accessibilit Accessibilit del Web significa che il Web disegnato cos che le persone con disabilit possano percepire, capire, navigare ed interagire con esso in modo concreto. Al momento la maggior parte dei siti Web ha barriere di accessibilit che rendono difficile o impossibile a molte persone con disabilit di usare i siti. Tuttavia, se i siti Web fossero resi accessibili, le persone con disabilit potrebbero usare il Web in pieno.

Web Mastering e Design

3.3 Modulo 3 - Fogli di stile e CSS

Rev. 1.0 Stato: Approvato Web Mastering e Design

3.3.1 Prima unit didattica CSS Cascading Style Sheets 1 Questa unit didattica affronta il livello 1 della tecnica dei Fogli di Stile a Cascata. CSS1 una semplice tecnica di foglio stile che permette ad autori e utenti di applicare stili (per es. font, colori e spaziature) ai documenti HTML. Il linguaggio CSS1 leggibile e scrivibile dall'uomo, ed esprime lo stile nella comune terminologia del desktop publishing. Una delle fondamentali caratteristiche dei CSS che i fogli di stile scendono, cadono a cascata; gli autori possono applicare un foglio stile preferito, mentre l'utente pu avere un foglio stile personale da modificare per handicap personali o tecnologici. Le regole per risolvere conflitti fra differenti fogli di stile sono definiti in questa specifica. 3.3.2 Seconda unit didattica CSS Cascading Style Sheets 2 CSS2 un linguaggio per fogli stile che consente ad autori ed utenti di collegare degli stili (p.es. tipi di caratteri, spaziatura e caratteristiche acustiche) a documenti strutturati come lHTML. Separando lo stile di presentazione dei documenti dal contenuto dei documenti, i CSS2 semplificano lo sviluppo per il Web e la gestione dei siti. I CSS2 sono costruiti sui CSS1 e, con pochissime eccezioni, tutti i fogli di stile CSS1 validi sono fogli di stile CSS2 validi. I CSS2 supportano fogli di stile specifici per il mezzo, cos da permettere agli autori di costruire su misura la presentazione dei loro documenti per browser.

Web Mastering e Design

3.4 Modulo 4 Javascript

Rev. 1.0 Stato: Approvato Web Mastering e Design

3.4.1 Prima unit didattica Il linguaggio Javascript JavaScript un linguaggio di programmazione orientato agli oggetti comunemente usato nei siti web per inserire contenuti dinamici. In questa unit didattica verranno studiate le strutture principali del linguaggio. 3.4.2 Seconda unit didattica - Uso di Javascript per il World Wide Web In questa unit didattica di studier lintegrazione del linguaggio Javascript con lHTML, difatti questultimo prevede appositi tag che consentono la definizione di codice Javascript al suo interno. 3.5 Modulo 5 Realizzare un sito Web 3.5.1 Prima unit didattica Layout Design con Dreamweaver CS5 Dreamweaver uno strumento di sviluppo web che utilizza un'interfaccia visuale, con esso si possono realizzare pagine web, scrivendo Il semplicemente programma aiuta del testo, inserendo immagini e collegamenti ipertestuali. l'utente dando suggerimenti mentre vengono scritti i tag e gli attributi, inoltre presenta anche molte funzioni utili per gli sviluppatori, agevolando il lavoro con i linguaggi come Javascript. 3.5.2 Seconda unit didattica Grafica Web con Photoshop CS5 Photoshop un programma che si usa principalmente nel settore della grafica editoriale, nel settore della grafica web e per il fotoritocco.

Web Mastering e Design

Rev. 1.0 Stato: Approvato Web Mastering e Design

Le novit di Photoshop CS5 si estendono praticamente ad ogni aspetto dell'applicazione: modifica e l'ottimizzazione delle immagini, strumenti di pittura e disegno, composizione, ritocco fotografico, controllo di colore e tonalit, video e animazioni, produttivit e gestione dell'interfaccia, flusso di lavoro, analisi delle immagini. 3.5.3 Terza unit didattica Animazioni interattive con Adobe Flash CS5 Adobe Flash un software per uso prevalentemente grafico che consente di creare animazioni. Allinterno del nostro corso verr studiato il Flash ad uso prettamente per la creazione di animazioni web. La nuova versione del programma consente un'integrazione ottimale con gli altri software della Creative Suite 5, offrendo la possibilit trasferire immagini da Photoshop. Durante il corso di Flash CS5, verranno studiati gli strumenti principali, si imparer a creare animazioni nel modo tradizionale. 3.5.4 Quarta unit didattica Creare siti con Joomla 1.5 Joomla un CSM (Content Management System) molto diffuso per la creazione di siti web. Un punto di forza di questo CMS il suo pannello di amministrazione, o backend, semplice ma ricco di funzioni. Una volta installato e in esecuzione, possibile per qualsiasi utente aggiungere e modificare contenuti, caricare immagini e gestire dati. 3.5.5 Quinta unit didattica Pubblicare un sito web In questa unit didattica approfonditi tutti i passi del procedimento della messa online di un sito web.

Web Mastering e Design

3.6 Modulo 6 Web Marketing e SEO

Rev. 1.0 Stato: Approvato Web Mastering e Design

3.6.1 Prima unit didattica Introduzione al Web Marketing l Web Marketing l'insieme di tutte le azioni di marketing che hanno come mezzo di attuazione il Web, serve a dare risalto a un sito, ad una promozione, ad una marca; permette di trovare nuovi clienti, fidelizzare quelli acquisiti, pubblicizzare prodotti e servizi. Le azioni tipiche del Web marketing sono il posizionamento sui motori di ricerca. 3.6.2 Seconda unit didattica SEO La Search Engine Optimization l'insieme degli strumenti e delle tecniche che rendono il tuo sito web accessibile e ottimizzato per assicurare che venga rinvenuto nelle ricerche prima dei siti dei tuoi concorrenti. Una valida attivit di SEO aumenta il numero di visitatori al tuo sito provenienti dai motori di ricerca, incrementandone la visibilit e massimizzando il ritorno dell'investimento. 3.6.3 Terza unit didattica Google Analytics Google Analytics una soluzione di analisi dei dati web che consente di tenere monitorato landamento del proprio sito, analizzando i dati di traffico e valutando lefficacia delle campagne di marketing. Determina in che modo gli utenti arrivano al sito, le loro modalit di navigazione e come possibile migliorare ulteriormente il servizio offerto: informazioni (ROI), utili per per il miglioramento delle del ritorno e per sullinvestimento laumento conversioni

lincremento dei guadagni derivanti dal web.