🎯 OBIETTIVI DEL CORSO

Il corso Web Design con IA forma figure professionali in grado di progettare, sviluppare e personalizzare interfacce web moderne e responsive, partendo da zero.

Durante il percorso, i partecipanti impareranno a:

• Costruire pagine web con HTML e CSS;

• Renderle interattive con JavaScript;

• Strutturarle con Bootstrap;

• Potenziare il lavoro con strumenti di Intelligenza Artificiale;

• Sviluppare progetti reali e esercitazioni guidate con attenzione a design, funzionalità e innovazione.

Al termine del corso, i partecipanti saranno pronti a progettare e gestire siti web professionali e a intraprendere carriere come web designer, sviluppatore front-end, consulente per la presenza online o freelance, lavorando sia con aziende sia con clienti privati.

📑 PROGRAMMA DIDATTICO

Accoglienza e orientamento al corso

• Il sistema operativo

• Front-End e Back-End

• Il Browser e le estensioni per sviluppatori

Strumenti di sviluppo e configurazione

• Installazione Visual Studio Code

• Estensioni: Material Theme, Live Server, Auto Tag Rename

HTML e struttura delle pagine

• Intestazione e paragrafi

• Elementi semantici

• Box Model e accenni di fogli di stile

CSS e layout

• Selettori universali, tipo, ID e class

• Fogli di stile embededd e esterni

• Layout Grid: Margin, Padding, Border

• Position, Background-color

• Flex-Box: Display-Flex, Flex-Direction, Justify-Content, Align-Items, Flex-Wrap, Gap, Flex-Grow, Flex-Shrink, Flex, Order, Align-self

• Differenze tra Flex-Box e Grid

Immagini e grafica

• Tipologie di immagini: raster e vettoriali, JPEG e PNG

• Photoshop: toolbox, creazione logo, banner, biglietti da visita, resizing

• Introduzione all’intelligenza artificiale: ChatGPT, Gemini, Co-Pilot, query prompt

HTML Layout avanzato

• Header, logo, menu, content, footer

• GDPR, account e privacy, form

• Prima verifica pratica

Bootstrap

• Navbar, carousel, griglia, footer

• Schede commutabili, meta description, keywords

• Pubblicazione online

JavaScript

• Tipi di dato, script, metodi output

• Formattazione contenuti

• Operatori di assegnazione, relazionali e logici

• Strutture di controllo e operatori di controllo

• Form dinamici

Hosting e pubblicazione

• Hosting e dominio: definizione

• FileZilla: installazione, impostazioni di base, username e password, connessione FTP e porta

• Pubblicazione sito online

🎓 FIGURA PROFESSIONALE IN USCITA

Web Designer / Front-End Developer in grado di:

• Progettare e sviluppare siti web professionali responsive;

• Integrare design, contenuti interattivi e strumenti di IA;

• Utilizzare HTML, CSS, JavaScript e Bootstrap per soluzioni moderne;

• Gestire hosting e pubblicazione online;

• Offrire servizi come freelance o collaborare con aziende per la gestione della presenza digitale.