WebDesign con Illustrator, Photoshop, Flash e Dreamweaver (Web design)

Argomenti trattati

La progettazione con Adobe Illustrator

Introduzione

• Panoramica del programma
• Differenza tra grafica vettoriale e bitmap
• L'area di lavoro
• La barra degli strumenti
• Le palette
• Gestione della visualizzazione del disegno
• Impostazione del documento
  
  
  Disegno e modifica di forme base
• Disegno di forme geometriche semplici
• Selezione, spostamento, sovrapposizione, cancellazione, duplicazione
• Scala, rotazione, distorsione e riflessione di oggetti
• Gruppi di oggetti
• Creazione di forme con elaborazione tracciati
  
  
  Applicazione di colori a riempimenti e contorni
• Riempire con i colori
• Colorare i contorni
• Selezione e modifica dei colori
• Sfumature
  
  
  Disegno con la penna
• Disegno di punti e segmenti
• Disegno di curve
• Modifica delle curve
  
  
  Lavorare con il testo
• Aggiunta di testo ad un documento
• Attributi di carattere
• Attributi di paragrafo
• Testo dentro una sagoma
• Testo su tracciato
  
  
  I livelli
• Creazione di livelli
• Spostamento di livelli e oggetti tra livelli
• La palette dei livelli
  
  
  Il formato .AI di Illustrator
• Interazione con photoshop Cs3 e Flash Cs3
• I formati supportati
• Esportazione di un file
  
  
  La creazione delle immagini ottimizzate con Photoshop e Imageready
  Introduzione
• Panoramica del programma
• File bitmap, pixel e risoluzione
• L'area di lavoro
• La barra degli strumenti
• Le palette
• Gestione della visualizzazione del disegno
• Impostazione del documento: sfondo e metodo colore
• I formati per il Web: Gif, Png, Jpeg
  
  
  Selezioni
• Selezioni rettangolari ed ellittiche
• Selezioni con la bacchetta magica
• Selezioni con il lazo
• Aggiunta e sottrazione di selezioni
• Cenni sulle maschere
  
  
  I livelli
• La palette livelli
• Creazione e visualizzazione dei livelli
• Selezione e modifica dei livelli
• Opacità dei livelli
• Cenni sugli effetti dei livelli
  
  
  Disegno e modifica delle immagini
• Uso dei colori
• Colorare e cancellare
• Uso dei pennelli
• Creazione di sfumature
• Regolazione dei colori, della luminosità e del contrasto
• Lo strumento testo
  
  
  Esportazione per il web con Image Ready
• Condivisione di documenti con Illustrato
• Dividere in sezioni le pagine We
• Modificare le sezioni
• Opzioni di output delle sezioni
• Ottimizzare le immagini
• Opzioni di ottimizzazione della grafica per We
• Animazioni e Rollove
  
  
  La creazione di inserti animati in Flash (banner e box)
  
  Introduzione all'ambiente di Flash CS3
• La Tool PaletteOrganizzare il proprio ambiente di lavoro
• La Property palette
• Gli effetti Fusione (Blend Modes)
• Lo Stage e la Work AreaLa TimelineLa Start PageLa palette Help
• Gestione ottimizzata della Library
• Modalità di scrittura codice semplificata Script Assist
  
  
  Gli strumenti di disegno
• Gli oggetti per disegnare
• Tecniche di disegno in Flash
• Importare grafica in Flash da Photoshop CS3 ed Illustrator CS3
• Usare la libreria per aumentare la produttività
• Organizzare la TimelineUsare la palette dei colori
• Gestione dei gradienti
• Strumento Gradient Transform Tool
• I Simboli
  
  
  La gestione del testo in Adobe Flash CS3
• Il Text tool
• Usare i font e le loro proprietà
• Incorporare font esterni
• Anti-aliasing per il testo
  
  
  Tecniche di animazione
• La teoria dietro le animazioni
• I frame e i keyframe
• Gli onion Skin
• I Guide Laye
• I differenti tipi di animazione : framebyFrame e Motion
• Gli Shape TweenI Timeline EffectsTecniche di utilizzo dei layer della Timeline
• Utilizzo dei simboli della Library
  
  
  Sistemi di navigazione in Adobe Flash CS3
• I bottoni
• Creare un bottone e gestire i suoi stati
• Creare un bottone invisibile
• Usare le azioni di actionscript con i bottoni
  
  
  Il web e Adobe Flash
• Pubblicare un movie
• Gli hyperlink
• Uso del navigateToUrl
• Creare un hyperlink sul testo
  
  
  Siti internet con Flash
• Gestire il caricamento dei filmati
• Usare il Bandwidth Profile
• Creare un preloade
• HTML e SWF
• Integrazione tra Dreamweaver CS3 e Flash CS3
• Pubblicazione ed upload
  
  
  La costruzione del sito in HTML e CSS con Dreamweaver
  
  Realizzazione pagine web
• Come gestire le proprietà basilari di una pagina HTML.
• Inserire e formattare il testo.
• Inserire immagini e files multimediali.
• Creare e gestire tabelle.
• Utilizzare la struttura tabellare come layout della pagina web.
• Inserire i links e aree attive (cliccabili) sulle immagini.
• Impostare la navigazione interna al sito con i links.
• Uso dei frame e frameset con le loro proprietà.
• Il layout e i fogli di stile (CSS), come usare gli stili nelle pagine web
  
  
  Fase di pubblicazione in rete
• Breve introduzione al protocollo FTP.
• Prove di inserimento di files via FTP, e loro rimozione.
  
  
  Fase pratica
• Stesura ed organizzazione strutturale di un progetto per un sito web.
• Realizzazione tecnica delle pagine del sito internet seguendo il progetto.
• Organizzazione dei files e verifica finale del funzionamento off-line.
• Pubblicazione definitiva on-line sul server e ultima verifica
• Cenni al Javascript