Corso Web Design e creazione siti: HTML, CSS

Obiettivi:

Il corso IFOA - WEB DESIGN (creazione siti) approfondisce gli strumenti Adobe Photoshop e Visual Studio Code, passando per i linguaggi HTML5 e CSS.

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 e css utilizzando gli strumenti tipici di questa professione.

NUMERO VERDE:
800 457775
CATEGORIA
Senza stage/tirocinio
LINEA
Corsi brevi
FORMULA
Webinar
FINANZIAMENTO
Non finanziato
DURATA
63 ore
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

  • Nozioni di base di grafica digitale
  • Differenze tra grafica raster e grafica vettoriale
  • Basi teoriche di usabilità (UX - User Experience) 
  • Basi teoriche per un design adeguato e coerente (UI - User Interface)
  • Introduzione a Adobe Photoshop

    • Gestione e teoria del colore (CMYK, RGB, HSB, LAB, i Pantone)

    PHOTOSHOP:

    • Fotomontaggio e fotorittocco
    • Il testo in Photoshop
    • Le regolazioniI livelli: i metodi di fusione, gli stili livello
    • Uso delle maschere di livello
    • Uso dei tracciati e delle forme
    • Esportazione d’immagini ottimizzate per il web
    • Basi di animazione in Photoshop
    • La struttura del sito: creazione del wireframe e impostazioni di base, flow chart.
    • Progettare responsive - Desktop/Mobile
    • Gestione del progetto grafico del sito: immagini, corretta UI (Interfaccia grafica)
    • Creazione del progetto grafico del sito - Mockup

    Introduzione al web, all’HTML 5 e CSS3; primi passi con Visual Studio Code.

    • Introduzione al concetto di sito web e sito web responsivo; struttura HTML di una pagina web (header, area dei contenuti, footer, ecc.).
    • Panoramica sui principali tag HTML e meta tag, differenza tra tag semantici e non semantici, preview di pagine web nei principali browser, utilizzo della console dei browser per l’analisi strutturale delle pagine web e relativo codice.
    • Primi passi con i CSS; associazione di fogli di stile a pagine HTML e applicazione delle prime regole CSS a tag HTML (ridefinizione di tag e classi), il box model (contenuto, padding, bordi e margini).

    Approfondimento sui tag HTML 5 semantici.

    • Introduzione a Flexbox per la creazione di un sito web responsivo e studio del layout finale da ottener, utilizzo della console dei browser per visualizzare i layout sia in modalità desktop che modalità tablet e smartphone.
    • Studio e applicazione delle principali proprietà di Flexbox. Studio delle media query.
    • Utilizzo delle liste, costruzione di un menu di navigazione.Associazione di più classi CSS a singoli elementi HTML, i selettori gerarchici.
    • Inserimento di immagini raster nella struttura HTML.
    • Gestione di immagini responsive.
    • Inserimento di contenuti testuali nella struttura HTML e gestione della formattazione dei testi tramite CSS.
    • Testing finale dell’applicazione tramite i principali browser.

    Introduzione a Bootstrap per la produzione di un’applicazione web responsiva, relazione tra Flexbox e Bootstrap.

    • Studio della griglia di base di Bootstrap.
    • Panoramica sulle principali caratteristiche di Bootstrap; contenitori e media query.
    • Analisi del layout/wireframe del sito da realizzare con HTML 5/CSS3 e Bootstrap.
    • Menù di navigazione fluidi e uso dell’icona “hamburger” per display smartphone; menù a tendina.
    • Sperimentazione dei più popolari moduli grafico/interattvi di Bootstrap.
    • Testing finale dell’applicazione tramite i principali browser;

    Certificazioni

    • Attestato di frequenza IFOA

    Descrizione certificazione

    Richiesta frequenza minima: 70% del monte ore complessivo.

    Note

    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
    (ci permette di fornirti un servizio più veloce e preciso)
    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