|
1.1 WEB-MASTER
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 Master, l'emergente figura
professionale in grado di:
- progettare e realizzare la veste
grafica del Web, conoscendo gli standard comunicativi e
gli applicativi di Internet;
- coordinare i diversi momenti della
progettazione grafica: disegno dell'interfaccia, impaginazione,
tools di navigazione, impiego delle immagini, statiche e
in movimento, audio e video;
- collaborare con le altre figure
professionali impegnate nella progettazione Web.
Il corso si rivolge a chi sia completamente digiuno di nozioni
di programmazione in HTML per lo sviluppo di siti e servizi
web. Alla fine delle lezioni il partecipante conoscerà
gli elementi teorici di base per lo sviluppo di siti ed
applicazioni web-based e avrà acquisito la capacità
pratica di generare pagine web usando tutte le funzionalità
del linguaggio a marcatori HTML .
|
Prerequisiti
Conoscenza approfondita di Windows e di Internet, capacità
di utilizzare un editor di testi.
Contenuto
Durante il corso verranno affrontati i seguenti argomenti:
| |
Descrizione
|
Durata (h)
|
|
(1)
|
|
24
|
|
(2)
|
|
30
|
|
(3)
|
|
16
|
|
|
|
(T)70
|
Moduli
|
Argomento:
|
(1)
Programmazione HTML ed elementi di base per la progettazione
di siti WEB |
|
| |
Durata:
|
24 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)
Macromedia DREAMWEAVER + Fireworks |
|
| |
Durata:
|
30 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
vettoriale, 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 multimedialiImmagini
mappate
Campi per l'immissione di testo menù a tendina
Pulsanti statici e animati
Modelli e librerie
Verifica e pubblicazione del sito
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
Sarà inoltre possibile vedere integrate in un unico sito
tutte le realizzazioni fatte con Fireworks. |
| |
|
|
|
|
|
|
|
|
Argomento:
|
(3)
Photoshop e la gestione della grafica |
|
| |
Durata:
|
16 ore
|
|
| |
Obiettivi: |
Il
modulo consentirà di apprendere le conoscenze fondamentali
di 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 |
| |
|
|
|
|
|
|
|
|
