|
1.3 WEB-DESIGNER FULL
Obiettivi & Mission
|
Il corso si rivolge a operatori informatici, studenti e piccoli-medi
imprenditori interessati a conoscere le tecniche grafiche
necessarie per poter ideare, progettare e sviluppare siti
web ad alta personalità grafica.
L'obiettivo è formare il Web Designer, l'emergente
figura professionale in grado di:
Il Web Designer è specializzato nella progettazione grafica
e nel design di un sito Web con particolare attenzione alla
usabilità ed alla facilità di accesso del sito. Ha un'ampia
conoscenza dei principali pacchetti per lo sviluppo ed impaginazione
delle pagine web e dei software di grafica vettoriale e di fotoritocco.
Sa creare loghi, icone, banner, manipolare foto digitali, utilizzare
effetti speciali nella creazioni di immagini. Conosce i formati
grafici utilizzati sul Web. Sa creare animazioni e filmati di
presentazione. Sa creare siti con un forte impatto grafico.
Conosce i principi di base della comunicazione grafica online
e della creazione di interfacce web user friendly. Completano
il profilo professionale la capacità di gestire progetti, di
lavorare in team e una buona dose di fantasia, gusto e creatività.
|
Prerequisiti
Conoscenza approfondita di Windows e di Internet.
Contenuto
Durante il corso verranno affrontati i seguenti argomenti:
Moduli
|
Argomento:
|
(1)
Programmazione HTML ed elementi di base per la progettazione
di siti WEB |
|
| |
Durata:
|
16 ore
|
|
| |
Obiettivi: |
Il modulo consentirà
all'aula di conoscere gli elementi teorici di base per lo sviluppo
di siti ed applicazioni web-based ed acquisire la capacità
pratica di generare pagine web usando tutte le funzionalità
del linguaggio a marcatori HTML. |
| |
Contenuto:
|
Le basi del linguaggio HTML
e i tag
Head e body della pagina
Gli attributi del testo: stili logici e stili fisici, dimensione
e tipo di font
Caratteri speciali
Hyperlink: collegamenti interni ed esterni, link agli indirizzi
email
Inserimento di immagini. Impostazione di colori e sfondi
Tabelle: creazione della struttura e impostazioni delle proprietà
Uso di file esterni, multimedialità ed animazioni
Frames: creazione ed utilizzo
I moduli: caselle di testo, menù, opzioni, pulsanti
I Meta tags e gli style sheetsCenni sull'evoluzione del linguaggio:
HTML dinamico |
| |
|
|
|
|
|
|
|
|
Argomento:
|
(2)
Photoshop e la gestione della grafica |
|
| |
Durata:
|
22 ore
|
|
| |
Obiettivi: |
Il modulo consentirà
di conoscere uno dei più famosi programmi per il ritocco
fotografico. Con tutti gli strumenti a disposizione si potrà
costruire un fotogramma mai scattato.Photoshop puo' gestire
il testo come oggetto e quindi tutte le combinazioni creative
immagine/testo per produrre in casa un collage, un fotomontaggio,
un biglietto artistico |
| |
Contenuto:
|
IMPOSTARE IL DOCUMENTO
L'uso degli strumenti: selezione, disegno, visualizzazione L'uso
del menu: File, Modifica, Immagine, Livello, Selezione, Filtro,
Visualizza
Come impostare i file e modificare le dimensioni
Modalita' di selezione: rettangolare, ovale, il "lazo"
(normale, poligonale, magnetico), la bacchetta magica
Come modificare le selezioni
Le trasformazioni: come ridimensionare, ruotare, riflettere
e trasformare
Metodi e modelli cromatici, regolazione del colore
Strumenti di disegno (pennello, aerografo, gomma, matita)
Ritocco di immagini: (sfuma, sfoca, contrasta, tonalità
ecc.)
I LIVELLI Cosa sono i livelli Creare, spostare, nascondere e
visualizzare un livello Lavorare, collegare, unire più
livelli.
I FILTRI
Cosa sono e come usarli
IL TESTO
Come creare del testo e gestirlo
Aggiungere ombre, riempirlo, farlo a rilievo, incassarlo…e
altri effetti
IMMAGINI
Combinare le immagini, sostituire un fondo |
| |
|
|
|
|
|
|
|
|
Argomento:
|
(3)
Macromedia DREAMWEAVER |
|
| |
Durata:
|
22 ore
|
|
| |
Obiettivi: |
Il modulo si propone
di illustrare come realizzare siti in modo professionale e soprattutto
con una libertà completa nel posizionare testi, loghi,
immagini e tabelle grazie ad uno dei migliori programmi per
la creazione delle pagine web, multimedia, animazioni, disegno
vettoriali, suoni e interattività. |
| |
Contenuto:
|
Per chi vuole posizionare
liberamente immagini, scritte o filmati, scegliendo se lavorare
sul codice HTML o sul layout di pagina,
Dreamweaver è un software di progettazione avanzata,
che consente di inserire in una pagina web tutti gli strumenti
per ottenere siti più accattivanti e di veloce accesso.
Durante il corso si vedrà come integrare:
Elementi fondamentali
Java Applet e GIF animati
Pianificazione ed impostazione del sito
Frame
Tabelle per la formattazione del testo
Elenco a punti
Gestione ed inserimento risorse, testo, immagini, oggetti multimediali
Immagini mappate
Campi per l'immissione di testo menù a tendina
Pulsanti statici e animati
Modelli e librerie
Verifica e pubblicazione del sito
Sarà inoltre possibile vedere integrate in un unico sito
tutte le realizzazioni fatte con Fireworks e Flash. |
| |
|
|
|
|
|
|
|
|
Argomento:
|
(4)
Macromedia Fireworks |
|
| |
Durata:
|
10 ore
|
|
| |
Obiettivi: |
Il modulo si propone
di realizzare ed ottimizzare immagini e sfondi per il web. |
| |
Contenuto:
|
Cos'è Fireworks?
Strumenti Vettoriali
Strumenti Raster (Elaborazione e grafica pittorica sui pixel)
Applicazione degli effetti agli oggetti
Uso del testo
Applicazione di tratti, riempimenti, effetti e stili al testo
Palette Colore
Livelli e Fotogrammi (uso combinato)Creazione di pulsanti
Creazione di animazioni
Creazione di punti attivi e mappe immagine
Assegnazione di proprietà html
Suddivisione in porzioni delle immagini
Creazione di rollover JavaScript con le porzioni
Ottimizzazione dei grafici
Esportazione |
| |
|
|
|
|
|
|
|
|
Argomento:
|
(5)
Macromedia Flash |
|
| |
Durata:
|
14 ore
|
|
| |
Obiettivi: |
Il modulo si propone
di illustrare i procedimenti e gli strumenti necessari a realizzare
animazioni per i siti Web. |
|
|
Contenuto:
|
Interfaccia, finestre
menu
Tools di lavoro
Oggetti, gruppi, allineamento e disposizione
Principi basilari dell'animazione
Animazioni frame by frame; animazioni tweening e morphing
Importazione, uso e vettorializzazione di bitmap
Librerie
Concetto di Simbolo e proprietà, istanze di simboli
Uso dei simboli nelle timeline multiple
Salvataggio e formati di esportazione |
| |
|
|
|
|
|
|
|
|
Argomento:
|
(6)
Gestione di un progetto dall'idea all'esecuzione |
|
| |
Durata:
|
20 ore
|
|
| |
Obiettivi: |
Il modulo prevede
la creazione di un modello di sito aziendale dall'ideazione
alla messa on-line |
|
|
Contenuto:
|
Progettare un sito
aziendale:
Principi di comunicazione e di impaginazione
Dall'analisi delle esigenze dell'utente/cliente alla strutturazione
del sito: sviluppo del proprio progetto, mettendo a frutto le
nozioni imparate durante i precedenti moduli.
Project Management di un progetto WEB |
| |
|
|
|
|
|
|
|
|
