Web Mastering e Design

Corso Web Mastering e Design
Corso Web Mastering e Design
Programma
Corso Web Mastering e Design
1 OBIETTIVI E MODALITA’ DI FRIUZIONE E VALUTAZIONE
1.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. gli
studenti potranno usufruire dell’attività di tutoraggio del proprio percorso didattico.
1.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 pa-gine 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.
1.3 Destinatari e modalità di valutazione
I destinatari del corso sono laureati, diplomati e under 18 che vogli-ono 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.
Corso Web Mastering e Design
2 PROGRAMMA
2.1 Modulo uno – Web Design ed usabilità
2.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à.
2.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.
2.1.3 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.
2.2 Modulo due – HTML 5.0
2.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.
2.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.
Corso Web Mastering e Design
2.2.3 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.
2.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.
2.3 Modulo 3 - Fogli di stile e CSS
2.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.
2.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 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.
Corso Web Mastering e Design
2.4 Modulo 4 – Javascript
2.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.
2.4.2 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.
2.5 Modulo 5 – Realizzare un sito Web
2.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 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.
2.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. 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.
2.5.3 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.
Corso Web Mastering e Design
Durante il corso di Flash CS5, verranno studiati gli strumenti principali, si imparerà a creare
animazioni nel modo tradizionale.
2.5.4 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.
2.5.5 Quinta unità didattica – Pubblicare un sito web
2.6 Modulo 6 – Siti web avanzati con Php
2.6.1 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.
2.6.2 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.
2.6.3 Terza unità didattica – Sviluppo Web
2.7 Modulo 7 – Web Marketing e SEO
2.7.1 Prima unità didattica – Introduzione al Web Marketing
ll 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
Corso Web Mastering e Design
clienti, fidelizzare quelli acquisiti, pubblicizzare prodotti e servizi. Le azioni tipiche del Web
marketing sono il posizionamento sui motori di ricerca.
3.7.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 visib-ilità e massimizzando il ritorno dell'investimento.
3.7.3 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: inform-azioni utili per il
miglioramento del ritorno sull’investimento (ROI), per l’aumento delle conversioni e per
l’incremento dei guadagni derivanti dal web.