WEB Master

Settore di riferimento: ^*

Informatica (11)

Figura professionale di riferimento:^*

Denominazione:

tecnico della programmazione e dello sviluppo di siti internet e pagine web

Codice Figura

177

Indicazione della ADA/UC di riferimento:

Denominazione ADA

Studio delle specifiche

Codice UC

855

Elencare le Capacità e/o Conoscenze attese in uscita dal percorso:

1.      Comprendere le specifiche definite in sede di progettazione del sito Web

2.      Convertire le specifiche di progetto delle varie procedure in diagrammi di flusso dei programmi da sviluppare

3.      Definire con il progettista del sito o con il webmaster eventuali modifiche delle specifiche, in relazione a possibili ottimizzazioni delle tecniche di programmazione o alla riduzione dei tempi di sviluppo

4.      Interagire con il progettista del sito o il webmaster per l'eliminazione di eventuali errori, carenze o ambiguità nelle specifiche definite in sede di progetto

5.      Architettura e funzionalità del sistema operativo, per comprendere le specifiche delle procedure da sviluppare che fanno riferimento al software di base

6.      Caratteristiche e funzionalità dei browser Internet, per ottimizzare le procedure di accesso e l'interfaccia con l'utente del sito Web

7.      Concetti di base relativi alla gestione di basi di dati, per comprendere in maniera ottimale l'architettura e la struttura delle basi di dati su cui opererà il sito Web

8.      Concetti ed architettura di Internet (protocolli, domini, indirizzi, ecc...), per ottimizzare l'implementazione del sito Web

9.      Concetti relativi ad architetture distribuite e client-server, per ottimizzare la struttura dei processi e delle procedure da sviluppare

10.    Sicurezza delle reti informatiche e dei siti Internet, per comprendere ed implementare le misure atte ad assicurare un adeguato livello di sicurezza del sito Web

Denominazione ADA

Sviluppo del sito Web

Codice UC

856

Elencare le Capacità e/o Conoscenze attese in uscita dal percorso**:

1.      Creare e gestire connessioni a basi di dati ed archivi

2.      Creare e pubblicare su web documenti Xml

3.      Creare file multimediali di differenti tipologie, per inserire nel sito immagini, filmati, suoni, musica, animazioni, ecc...

4.      Creare form per la raccolta di informazioni all'interno del sito Web

5.      Creare marchi, icone, loghi, banner ed altri elementi grafici in grado di caratterizzare la grafica del sito per renderlo attraente senza penalizzarne le prestazioni in termini di navigabilità

6.      Documentare in maniera completa e comprensibile le procedure inserendo note e commenti all'interno del codice e stendendo la necessaria documentazione relativa al loro sviluppo

7.      Implementare gli scripting previsti, tanto dal lato server, che dal lato client, utilizzando i linguaggi più adatti in maniera efficiente e corretta

8.      Leggere e comprendere la documentazione e la manualistica di supporto redatta in lingua inglese

9.      Realizzare le pagine Web del sito utilizzando il linguaggio HTML in maniera rapida ed efficiente

10.    Caratteristiche e funzionalità dei linguaggi di scripting, per utilizzarne al meglio le potenzialità in fase di sviluppo delle procedure del sito Web

11     Caratteristiche, strutture di controllo ed istruzioni del linguaggio Html, per utilizzarlo in maniera evoluta nella definizione delle pagine Web

12     Concetti relativi allo sviluppo di un sito web mediante strumenti applicativi dedicati, per ridurre costi e tempi di sviluppo

13     Linguaggio xml: caratteristiche e funzionalità

14     Programmi di creazione e gestione di file multimediali, per l'inserimento di musica, filmati, animazioni, ecc... nel sito Web

15     Programmi di elaborazione grafica delle pagine Web per definire una forma di presentazione gradevole ed efficace dei contenuti del sito Web

N. U.F.

Titolo U.F

Contenuti

1) Ore 8

Web Design

e usabilita' dei siti

L'estetica ed Internet. ; L'estetica e la navigazione. ;L'estetica e l'ergonomia. ; Lo stile e la progettazione. ; Il campo di attenzione. ; La pianificazione delle interfacce. ; L'accessibilità. ; Il Content Design. ; I percorsi di lettura. ; Le funzioni della grafica. ; Le aree del layout ed i gruppi visivi. ; L'architettura dell'informazione. ; La posizione degli elementi strutturali. ; La visibilità e lo studio dei colori. ; Utilizzo delle font. ; Il "problema" delle animazioni. ; Lo stile del testo.

2) Ore 8

Studio della Grafica e accessibilita'

Progettazione Grafica. ; Studio della Comunicazione Visiva. ; Studio dei colori. ; Studio dell'immagine coordinata. ; Fotoritocco di un'immagine. ; Creazione di Marchi e Logotipi ; Studio dei caratteri. ; Bilanciamento dei colori. ; Gestione della stampa. ; Studio dell'impaginazione. ; Analisi e critica delle immagini. ; Ottimizzazione del formato grafico (JPEG, GIF, TIFF, BMP).

3 ) Ore 8

Uso appropriato di testi, colori e layout

Analisi dei metodi di percezione del colore: Sintesi additiva e sintesi sottrattiva. ; Uso del colore come strumento di comunicazione. ; Creazioni di palette efficaci di colori in base ai messaggi che si vogliono divulgare. ; Il layout e la differenza tra presentazione e contenuto. ; L’importanza dell’equilibrio tra i diversi elementi di un layout. ; Politiche di branding (diffusione del marchio). ; Pilotare le scelte del visitatore disegnando layout efficaci. ; Perché scrivere per il web è così diverso da scrivere per qualsiasi altro supporto. ; Tecniche di scrittura creativa ed efficaci campagne di e-mail marketing. ; Curriculum Vitae. Regole d’oro per non farlo cestinare.

4) Ore 24

Linguaggio HTML

Cos'è Word Wide Web. Il significato di ipertesto e le sue funzioni. ; L'Hyper Text Markup Language. ; Gli strumenti di navigazione: i browser e le principali piattaforme. ; Strutturazione, definizione e navigabilità di un sito web. ; La struttura di un documento HTML ; Studio dei TAG e delle loro funzioni. ; Inserimento di immagini di sfondo. ; Inserimento di colori di sfondo. ; Inserimento, formattazione e allineamento di un testo. ; Modifica del colore del testo. ; Inserimento e allineamento di immagini. ; Collegamenti ipertestuali. ; I TAG speciali.

5) Ore 24

Adobe Fireworks CS3 (Grafica vettoriale e fotoritocco)

Uso di Fireworks:

Selezione e trasformazione di oggetti:

Operazioni con gli oggetti vettoriali:

Operazioni con le bitmap:

Uso del testo:

Applicazione di colori, tratti e riempimenti:

Applicazione di un Effetto dal vivo:

ALivelli e maschere:

Uso dei simboli:

Porzioni, rollover e punti attivi:

Creazione di pulsanti e menu a comparsa:

Creazione di animazioni:

Ottimizzazione ed esportazione:

6) Ore 24

Adobe Dreamweaver CS3 (Editor HTML)

L'interfaccia di Dreamweaver.

Gestione del sito:

La progettazione:

I CSS:

Gestione delle immagini:

Interattività e comportamenti:

7) Ore 24

Animazione Cartoon in Flash

L’area di lavoro. ; La palette degli strumenti. ; Gli strumenti di disegno. ; Gli strumenti di riempimento. ;Gli strumenti di controllo ossatura. ; Gli strumenti di controllo dei livelli. ; Gli strumenti di visualizzazione. ; Le selezioni. ; Traslare gli oggetti. ; Scalare gli oggetti. ; Ruotare gli oggetti. ; Addizionere i punti. ; Cancellare i punti. ; L’oggetto cerchio. ; L’oggetto rettangolo. ; Strumento Smusso. ; Strumento Disturbo. ; Scalatura e distorsione. ; Strumento disegno a mano libera. ; Inserimento del testo. ; Riempimenti e Tracce. ; Le Maschere. ; Il pannello Stili. ; Riempimenti sfumati. ; Riempimenti ombreggiati. ; Riempimenti morbidi. ; Riempimenti luminosi. ; Riempimenti con aloni. ; Riempimenti con texture. ; Addizionare un’ossatura. ; Scalare un’ossatura. ; Ruotare un’ossatura. ; Le catene cinematiche dell’ossatura. ; Le gerarchie. ; Vincolare un livello ad un’ossatura. ; Manipolare le ossature. ; Importare un immagine di sfondo. ; Importare un disegno vettoriale. ; Inserire un oggetto. ; Manipolare i livelli. ; Modificare i livelli. ; Lavorare con le camere. ; I livelli Vettoriali. ; I livelli dei Gruppi. ; I livelli Ossatura. ; I livelli Immagini. ; I livelli dei Dialoghi, gli Switch Layer. ; Importare un dialogo da un file di testo. ; I livelli degli Effetti Particellari. ; Creazione di effetti Atmosferici. ; Le funzioni dei Cicli. ; Importazione di un file Audio per il Lip Sinc. ; Lavorare con le “Scene”. ; Le animazioni. ; La Timeline. ; I controlli temporali. ; I canali di animazione. ; Lavorare con i Fotogrammi Chiave. ; Lavorare nella modalità Grafico. ; I settaggi del progetto. ; Gli effetti di compositing. ; Effetto Movimento. ; Animare le ombre. ; Animare l’opacità. ; Il Rendering. ; Esportazione per Adobe Flash. ; Creazione di filmati QuickTime o Avi.

ITIS Meucci, Via del Filarete, 17 - Firenze

Persone adulte, anche extracomunitarie in regola con il permesso di soggiorno e fortemente motivate a seguire il corso sino alla fine.