Web Design, creazione sito e animazioni: progettazione e interfaccia grafica del sito

Obiettivi:

Il corso IFOA - WEB DESIGN (creazione sito e animazioni) approfondisce gli strumenti Adobe Photoshop e Dreamweaver, passando per i CSS3 lo standard HTML5.

La durata complessiva del corso è di 63 ore, ma è anche possibile frequentare solo alcuni moduli, ad esempio per coloro che già conoscono i programmi di grafica.

Obiettivo del percorso WEB DESIGN è fornire ai partecipanti le competenze tecniche e creative per:

  • Progettare la grafica e il design di un sito Web con particolare attenzione alla usabilità ed alla facilità di accesso del sito;
  • Creare loghi, icone, banner;
  • Manipolare foto digitali;
  • Utilizzare effetti speciali nella creazione di immagini adottando i formati grafici utilizzati sul web;
  • Creare siti con un forte impatto grafico;
  • Conosce i principi di base della comunicazione grafica online e della creazione di interfacce web user friendly.

Obiettivo finale del corso di web design è la progettazione di un sito dalla grafica all'html utilizzando gli strumenti tipici di questa professione.

NUMERO VERDE:
800 457775
TIPOLOGIA CORSO:
Senza stage, Corsi brevi, non finanziato
AREA TEMATICA:
Digitale
DURATA:
63 ore
FORMULA:
Serale
MODALITÀ EROGAZIONE:
Aula
CONDIVIDI

Destinatari

Il corso è stato progettato sia per chi si avvicina per la prima volta allo sviluppo sul web che per chi ha già qualche esperienza nel campo della realizzazione di pagine web statiche e intende approfondire e razionalizzare le proprie conoscenze.

Competenze in uscita

Alla fine del corso i partecipanti saranno in grado di disegnare e costruire pagine statiche e siti web di alta qualità con una grafica accattivante e di grande impatto visivo ed elevante prestazioni.

Contenuti del corso

  • Briefing (definizione oggetto comunicazione, target, timing, budget)
  • Esigenze del cliente – siti statici o dinamici
  • Documento di analisi
  • Creazione del concept grafico:
    • Struttura (header, content, footer, menu principale e secondario, link, area riservata)
    • Contenuti (visual, logo, marchio, pay off, slogan, headline)
    • Creazione del Flow Chart
  • Le immagini bitmap e la risoluzione 
  • Le immagini vettoriali
  • La teoria e i metodi colore (CMYK, RGB, HSB, LAB, i Pantone)

PHOTOSHOP:

  • Fotocomposizione: le selezioni le trasformazioni 
  • Le regolazioni
  • I livelli: i metodi di fusione, gli stili livello
  • Uso delle maschere di livello
  • Uso dei tracciati e delle forme 
  • Esportazione d’immagini adattate per il web in formato gif, jpg o png
  • La struttura del sito: creazione del wireframe (Photoshop/Indesign)
  • Il mockup grafico (Photoshop/Indesign)
  • Cenni al responsive web design 
  • Gestione delle immagini e dei colori
  • Gestione dei contenuti 
  • Creazione del progetto grafico del sito 

Introduzione al web 

  • Introduzione al sistema Internet e suo funzionamento
  • Breve storia di internet : da ARPANet a HTML del W3C, passaggio a XHTML ed eveluzione in HTML5
  • I CSS e i JAVSCRIPT, altri linguaggi di programmazione
  • Il ruolo dei browser
  • I Provider (spazio web e dominio)
  • I Motori di ricerca (indicizzazioni e posizionamenti)

HTML CSS e DREAMWEAVER 

  • Il linguaggio HTML:
    • i tag e la sua struttura  (Intestazione/codifica, head e meta tag e body)
  • I nuovi elementi di struttura e i nuovi tag in HTML 5 (header, footer,nav,section, ecc)

  • DREAMWEAVER: 
    • Interfaccia grafica, impostazioni dello spazio di lavoro, definizione del sito
  • I meta TAG:
    • Title, description, keywords, per l’indicizzazione del sito
  • Creazione del layout tramite div
  • Reset dei valori di default degli elementi Html nei browser
  • I selettori CSS 3: classi e le pseudo classi, tag, id e composti
  • Il box mode:l dimensioni margini e padding
  • Il colore e i nuovi metodi CSS 3 (opacity, RGBa, HSLa)
  • Gli sfondi e le nuove possibilità CSS 3 (sfumature, sfondi multipli)
  • I bordi ed i nuovi bordi (arrotondati e le ombre)
  • I posizionamenti, i margini e i padding
  • Posizionamenti assoluti, relativi o fissi e float
  • Gestire l’overflow
  • L’aspetto dei contenuti tramite gli stili CSS:
  • Gli aspetti e la gestione dei testi, delle liste e i WEB Fonts CSS 3
  • I Titoli ed i pargrafi
  • Gestire le immagini tramite i CSS
  • Gestire le tabelle tramite i CSS
  • Il menu di navigazione
  • Gestione delle liste 
  • I collegamenti e gli stili dei collegamenti testuali, hover su div 
  • Le transizioni, trasformazioni e animazioni con CSS 3
  • Creare una web gallery tramite CSS 3

Pubblicazione del sito

  • Operare in modalità FTP 
  • Accenno alle politiche di S.E.O Search Engine Optimization

Certificazioni

  • Attestato di frequenza IFOA

Descrizione certificazione

Richiesta frequenza minima: 70% del monte ore complessivo.

Note

Teoria ed esercitazioni in aula informatizzataI software adottati sono parte della Suite Adobe nella sua versione più recente disponibile sul mercato.

E’ possibile frequentare anche solo un modulo o comunque non tutti quelli costituenti il percorso formativo. Avranno precedenza le iscrizioni all'intero corso.

Ai partecipanti verrà rilasciato Attestato di Frequenza IFOA.


Corsi correlati

Richiedi info
Informativa Privacy (Reg. UE 2016/679)
L'informativa estesa relativa al trattamento dei suoi dati personali da parte IFOA la trova all'indirizzo https://www.privacylab.it/informativa.php?09395343333
Presta inoltre il suo consenso al trattamento dei dati personali per le finalità facoltative sotto riportate?
Invio di comunicazione su eventi, servizi e prodotti Ifoa