Web Mastering e Design. Web Design. Programma CONTROLLO DOCUMENTO

Transcript

1 Web Design Programma CONTROLLO DOCUMENTO TITOLO: Corso di Web Design Programma VERSIONE: 1.1 AUTORI: Daniele De Benedictis, Francesca Morgana REVISIONATO DA: Fabio Rebecchi DATA: 01/06/2011 NOME FILE: Corso di Web Design.pdf

2 Sommario 1 INTRODUZIONE Scopo del documento Acronimi Glossario OBIETTIVI E MODALITA DI FRIUZIONE E VALUTAZIONE Obiettivo e modalità di fruizione Strutturazione del corso Destinatari e modalità di valutazione PROGRAMMA Modulo uno Web Design ed usabilità Prima unità didattica Introduzione al web Seconda unità didattica - Web Design Terza unità didattica Usabilità Modulo due HTML Prima unità didattica - Concetti sullo standard w3c Seconda unità didattica Il linguaggio HTML Terza unità didattica L HTML e i fogli di stile Quarta unità didattica Accessibilità Modulo 3 - Fogli di stile e CSS Prima unità didattica CSS Cascading Style Sheets Seconda unità didattica CSS Cascading Style Sheets Modulo 4 Javascript Prima unità didattica Il linguaggio Javascript Seconda unità didattica - Uso di Javascript per il World Wide Web Modulo 5 Realizzare un sito Web Prima unità didattica Layout Design con Dreamweaver CS Seconda unità didattica Grafica Web con Photoshop CS Terza unità didattica Animazioni interattive con Adobe Flash CS Quarta unità didattica Creare siti con Joomla Quinta unità didattica Pubblicare un sito web Modulo 6 Siti Web avanzati con PHP... 11

3 3.6.1 Prima unità didattica Introduzione a PHP Seconda unità didattica Basi di dati ed SQL Terza unità didattica Sviluppo Web Modulo 7 Web Marketing e SEO Prima unità didattica Introduzione al Web Marketing Seconda unità didattica SEO Terza unità didattica Google Analytics...12

4 1 INTRODUZIONE 1.1 Scopo del documento Il presente documento contiene il programma di massima del corso online di. 1.2 Acronimi N.D. 1.3 Glossario N.D.

5 2 OBIETTIVI E MODALITA DI FRUIZIONE E VALUTAZIONE 2.1 Obiettivo e modalità di fruizione L obiettivo 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 dell apprendimento. Attraverso strumenti di web collaboration come skype, assistenza remota sul proprio pc e mail gli studenti potranno usufruire dell attività 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 sette moduli: Web Design e Usabilità, HTML 5.0, Fogli di stile e CSS, Il linguaggio Javascript, Realizzare un sito web base, Realizzare un sito Web avanzato e Web Marketing e SEO. 2.3 Destinatari e modalità di valutazione I destinatari del corso sono laureati, diplomati e under 18 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.

6 3 PROGRAMMA 3.1 Modulo uno Web Design ed usabilità 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à 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 Terza unità didattica Usabilità L ultima unità didattica di questo modulo affronta il tema dell usabilità 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 l analisi dell usabilità è possibile soddisfare questo aspetto. 3.2 Modulo due HTML 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.

7 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 un approfondita conoscenza dell HTML, verranno pertanto fornite tutte le informazioni riguardanti i comandi per formattare testi, inserire immagini, collegamenti, tabelle, moduli per una completa progettazione di siti web Terza unità didattica L HTML 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 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.

8 3.3 Modulo 3 - Fogli di stile e CSS 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 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 l HTML. 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.

9 3.4 Modulo 4 Javascript 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 Seconda unità didattica - Uso di Javascript per il World Wide Web In questa unità didattica di studierà l integrazione del linguaggio Javascript con l HTML, difatti quest ultimo prevede appositi tag che consentono la definizione di codice Javascript al suo interno. 3.5 Modulo 5 Realizzare un sito Web 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 semplicemente del testo, inserendo immagini e collegamenti ipertestuali. Il programma aiuta 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 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.

10 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 Terza unità didattica Animazioni interattive con Adobe Flash CS5 Adobe Flash è un software per uso prevalentemente grafico che consente di creare animazioni. All interno 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 Quarta unità didattica Creare siti con Joomla 1.5, Drupal e Wordpress Joomla, Drupal e Wordpress sono dei CSM (Content Management System) molto diffusi per la creazione di siti web. Punto di forza di questi CMS è il 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. Impareremo a capire quando e come utilizzare ciascuno di questi CMS, ognuno dotato dei propri vantaggi e svantaggi Quinta unità didattica Pubblicare un sito web I

11 3.6 Modulo 6 Siti web avanzati con Php Prima unità didattica Introduzione a Php In questa unità introdurremo i concetti di programmazione e le basi dello sviluppo in Php, presentando la sintassi, le istruzioni condizionali, le istruzioni iterative, le basi della programmazione procedurale e a oggetti Seconda unità didattica Basi di dati ed SQL In questa unità presenteremo il concetto di database e le interrogazioni del database nel linguaggio SQL attraverso Php Terza unità didattica Sviluppo Web In questa unità presenteremo lo sviluppo di applicazioni web complesse nel linguaggio Php, come la realizzazione di form e pagine interattive con la possibilità di gestire sessioni e scambiare dati con database e altre applicazioni.

12 3.7 Modulo 7 Web Marketing e SEO 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 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 Terza unità didattica Google Analytics Google Analytics è una soluzione di analisi dei dati web che consente di tenere monitorato l andamento del proprio sito, analizzando i dati di traffico e valutando l efficacia 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 utili per il miglioramento del ritorno sull investimento (ROI), per l aumento delle conversioni e per l incremento dei guadagni derivanti dal web.