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 457775CATEGORIA
Senza stage/tirocinio
LINEA
Corsi brevi
FORMULA
Webinar
FINANZIAMENTO
Non finanziato
DURATA
63 ore
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
Corso Excel (Microsoft)
Categoria: Senza stage/tirocinio
Finanziamento: Non finanziato
Area tematica: Digitale
Linea corso: Corsi brevi
Provincia: Reggio Emilia
Corso Power BI e DAX: analisi e presentazione dei dati in ambito aziendale
Categoria: Senza stage/tirocinio
Finanziamento: Non finanziato
Area tematica: Digitale
Linea corso: Corsi brevi
Corso AutoCAD (Autodesk)
Categoria: Senza stage/tirocinio
Finanziamento: Non finanziato
Area tematica: Digitale
Linea corso: Corsi brevi
Corso IT Essentials: PC Hardware & Software - Fondamenti di informatica e reti (Cisco Networking Academy Program)
Categoria: Senza stage/tirocinio
Finanziamento: Non finanziato
Area tematica: Digitale
Linea corso: Corsi brevi
Provincia: Mantova
Corso Photoshop avanzato (Adobe)
Categoria: Senza stage/tirocinio
Finanziamento: Non finanziato
Area tematica: Digitale
Linea corso: Corsi brevi
Corso per creare un e-commerce con Wordpress e WooCommerce: grafica, Web Marketing, privacy, pagamenti digitali
Categoria: Senza stage/tirocinio
Finanziamento: Non finanziato
Area tematica: Digitale
Linea corso: Corsi brevi
Corso di programmazione in R base
Categoria: Senza stage/tirocinio
Finanziamento: Non finanziato
Area tematica: Digitale
Linea corso: Corsi brevi
Corso PCAP Programming Essentials in Python (Cisco Networking Academy Program)
Categoria: Senza stage/tirocinio
Finanziamento: Non finanziato
Area tematica: Digitale
Linea corso: Corsi brevi
Corso IoT Fundamentals (Cisco Networking Academy Program)
Categoria: Senza stage/tirocinio
Finanziamento: Non finanziato
Area tematica: Digitale
Linea corso: Corsi brevi