Master in Web Architect Certificato Adobe®

Moduli Didattici:

	Web Master Base		Design e Usabilità dei siti
	40 ore		20 ore
	Vai al programma		Vai al programma
	Flash Base
	24 ore
	Vai al programma

Programma Didattico Completo

WEB MASTER BASE
Introduzione   Definizione di Web Master La storia di Internet Il linguaggio HTML La struttura base di un documento I Tag principali   L'interfaccia grafica di Dreamweaver La barra della pulsantiera La barra degli strumenti Menù di scelta rapida Il pannello oggetti Finestra ispezioni proprietà Pannelli mobili agganciabili Le viste: • codice • codice struttura • struttura   Concetti base   Definizione del sito Inserimento del testo Formattazione carattere • Formato • Carattere predefinito • Dimensione • Colore La tavola dei colori WebSafe Gli esadecimali • Elenchi puntati e numerati • I caratteri speciali • I caratteri compatibili Creazione e salvataggio di una pagina HTML   Le proprietà della pagina   • Titolo • Sfondo • Testo Link relativi e assoluti Collegare le pagine di un sito   Inserire immagini e video   Inserimento di un'immagine Tipologie: • immagine • immagini rollover Inserimento di un'immagine come sfondo • immagine di ricalco Mappe immagine Inserire un'animazione Flash Inserire un video   I link   Collegamenti ipertestuali Collegamenti a file pdf - word - zip Destinazione: • _blank • _parent • _self Ancoraggi   Le tabelle   Creazione Modifica Tipologie: • normali • estese Impaginazione con tabelle   Il Sito web   Definizione di sito locale Gerarchia di un sito web Modifica di un sito esistente   I modelli di Dreamweaver   Vantaggi nell'utilizzo dei modelli Creare un Modello Definire le aree modificabili Salvare e associare modelli alle pagine Staccare le pagine dal modello   I frame   Utilizzo e funzionamento Creazione di pagine basate sui frame Salvataggio IFRAME Utilizzo di IFRAME di terze parti (es. Mappe Google, plug-in Facebook)   I DIV   DIV relativi e assoluti (PA)   Il linguaggio CSS   Concetto di foglio di stile Fogli di stile interni - esterni Css per classe, per ID, per tag e avanzati Impaginazione tramite fogli di stile   Le form   Definizione Creazione I CGI Gli oggetti form: • campo di testo • pulsante • casella di controllo • pulsante di scelta • elenco/menù • campo nascosto   Introduzione a Java e Javascript   Definizione di Applet Java Modifica e inserimento Definizione di Javascript Modifica e inserimento Comportamenti Javascript di Dreamweaver (es. messaggi pop-up) Creare una barra di navigazione Spray widgets   Applicazioni correlate   Photoshop • Ridimensionare un'immagine • Ottimizzare un'immagine • Creare un'immagine rollover • Creare e modificare gif animate   I meta tag   Inserimento Tipologie: • parole chiave • descrizione • refresh   Pubblicazione e gestione del sito web   Gli spazi web: • Spazio gratuito • Spazio a pagamento • Servizio di Hosting • Servizio di Housing Il protocollo FTP Verifica • funzionalità • compatibilità con i browser • dimensioni • tempi di scaricamento Anteprima nel browser Impostazione dei parametri FTP Pubblicazione Gestione del sito Aggiornamenti Inserimento dell'URL sui pricipali motori di ricerca per indicizzazione   HTML 5   Cos'è HTML 5 L'impostazione di base della pagina Cenni alle funzionalità del nuovo linguaggio
DESIGN e USABILITA' DEI SITI
Introduzione
	L'importanza dei domini Scelta di un target finale L'incompatibilità dei browser
I processi da seguire
	Definizione: udel sito locale udi un layout strategico udella grafica Pianificare il lavoro Ricercare materiale grafico Tracciare la struttura del sito Creare una bozza grafica Creare i contenuti Organizzare le informazioni
Usabilità dei siti Web
	Introduzione e definizione di usabilità I principali attributi: • utilità • facilità di apprendimento • efficienza • facilità di ricordo • quantità di errori • soddisfazione
La grafica Web con Photoshop
	Introduzione al programma La grafica vettoriale La grafica bitmap Il peso e la risoluzione di un immagine ottimizzazione (salva per il web) I formati: • Gif • Jpeg • Tiff L'interfaccia grafica e le palette Creare documenti L'area di lavoro I livelli I canali La grafica per il web
La grafica Web con Fireworks
	Introduzione al programma Importare immagini di Photoshop Utilizzare la finestra dei Fotogrammi Creare una gif animata Creare un Banner pubblicitario Esportare per il Web
Strumenti utili
	I livelli • proprietà Tipologie: • statici • scorrevoli • dinamici I comportamenti: • apri finestra browser • linea temporale • messaggio popup • mostra-nascondi livelli • vai a URL Creazione di un sommario alfabetico • il tag Ancoraggio con nome Inserimento di file multimediali • il tag <BGSOUND>
Pubblicazione
	Verifica • funzionalità • compatibilità con i browser • dimensioni • tempi di scaricamento Anteprima nel browser Impostazione dei parametri FTP Pubblicazione Gestione e aggiornamento del sito
FLASH BASE
Introduzione a Flash
	La grafica bitmap La grafica vettoriale L'interfaccia grafica: • la barra di titolo • la barra dei menù • gli strumenti • lo stage • l'area di lavoro
Proprietà filmato
	Frequenza fotogrammi Dimensioni: • larghezza • altezza Corrispondenza Colore di sfondo Unità di misura Rapporto fotogrammi/tempo Calcolo dei fotogrammi da inserire per la durata del filmato
La Timeline
	Inserire un nuovo livello Modificare le proprietà: • nome • mostra • blocca • tipo • colore contenuto Definizione di scena I fotogrammi: • inserimento e rimozione fotogramma • copia e incolla fotogramma • taglia e incolla fotogramma I fotogrammi chiave: • utilizzo • inserimento fotogramma chiave • inserisci fotogramma chiave vuoto
La Toolbox e i suoi oggetti
	Strumenti: • freccia • sottoselezione • linea • lazo • penna • testo • ovale • rettangolo • matita • pennello • bottiglia inchiostro • contenitore colore • contagocce • gomma Visualizza: • mano • ingranditore Colori: • colore tratto • colore riempimento • colori predefiniti • nessun colore • scambia colori
Creazione della grafica
	Creare gli oggetti Raggruppare gli oggetti Editare gli oggetti Allineamento di elementi grafici Importare grafica in Flash Processo di rasterizzazione
I simboli
	Definizione e utilizzo Tipologie: • simboli Grafici • simboli MovieClip • simboli Button Usare la libreria per aumentare la produttività
Le immagini
	Usare immagini bitmap in Flash Tracing su bitmap
Il testo
	Lavorare con i font Il pannello carattere: • tipo di carettere • altezza carattere • spaziatura • collegamento URL L'opzione crenatura Il pannello paragrafo: • allineamento orizzontale (a sinistra - al centro - a destra - completo) • margine sinistro • margine destro • indentazione • interlinea Il pannello opzioni testo: • tipo testo: statico/dinamico
L'animazione
	L'interpolazione movimento L'interpolazione forma La guida movimento Tecniche di Onion Skin Animazione Shape Tweening I comandi: • Riavvolgi • Riproduci
La navigazione in Flash
	Creazione di un bottone Usare le azioni di actionscript con i bottoni Associazione di un URL ad un bottone
Gestione audio
	Importare un file audio Sincronizzare l'audio con la linea temporale Creare cd multimediali