romanoremo.it
Tutti i corsi
Web & Frontend

HTML & CSS

HTML e CSS sono le fondamenta di qualunque cosa finisca su un browser. Anche chi non scriverà mai codice tutti i giorni ha bisogno di capirli: per mettere mano a un sito senza rompere niente, per parlare con chi sviluppa, per capire perché una pagina si comporta in un certo modo su mobile.

Il corso parte da zero e arriva a costruire layout completi e responsive. Si lavora sempre sull'editor: ogni argomento viene introdotto, mostrato su un esempio reale e poi messo in pratica con un'esercitazione. Alla fine del percorso ogni partecipante ha realizzato una pagina completa, responsive e accessibile, partita da un foglio bianco.

È il corso da cui conviene partire se l'obiettivo è il web design o lo sviluppo frontend: senza queste basi, tutto il resto diventa copia e incolla.

Durata indicativa
24 ore
Livello
Base
Prerequisiti
Nessuno. È sufficiente saper usare un computer.

A chi è rivolto

  • Chi parte da zero e vuole capire come è fatto un sito web
  • Grafici e designer che devono passare i file a chi sviluppa
  • Chi gestisce un sito aziendale e vuole smettere di dipendere da terzi per ogni modifica
  • Uffici marketing che lavorano su landing page e newsletter

Cosa saprai fare

  • Scrivere HTML semantico e accessibile
  • Costruire layout con Flexbox e CSS Grid
  • Rendere un sito leggibile su qualunque schermo con l'approccio mobile-first
  • Usare variabili CSS per mantenere coerenza e temi
  • Animare elementi senza appesantire la pagina
  • Orientarsi tra Tailwind e Bootstrap e sapere quando usarli

Programma

  1. 01

    Struttura HTML5 semantica e accessibilità

    I tag giusti al posto giusto: perché un header non è un div, come si costruisce una gerarchia di heading e cosa cambia per chi naviga con uno screen reader.

  2. 02

    Flexbox e CSS Grid per layout moderni

    I due sistemi di layout che hanno sostituito float e tabelle. Quando serve Flexbox, quando serve Grid e come si combinano su una pagina reale.

  3. 03

    Responsive design e approccio mobile-first

    Breakpoint, unità relative e media query, partendo dallo schermo piccolo. Si lavora su un layout che deve reggere dal telefono al desktop.

  4. 04

    Animazioni e transizioni CSS

    Transizioni, keyframe e trasformazioni, con attenzione a cosa costa in termini di performance e a cosa succede con prefers-reduced-motion.

  5. 05

    CSS custom properties e variabili

    Centralizzare colori, spaziature e tipografia per cambiare l'aspetto di un sito intero modificando poche righe.

  6. 06

    Framework: Tailwind CSS e Bootstrap

    Cosa fanno davvero i framework, che differenza c'è tra i due approcci e come si adatta un componente preconfezionato senza combattere con il CSS.

Percorsi su misura

Nessun corso è un pacchetto chiuso. Durata, taglio e profondità si concordano sugli obiettivi di chi partecipa, e si possono mescolare argomenti di corsi diversi in un percorso unico. Lavoro sia con gruppi aziendali sia con una persona sola: dimmi cosa ti serve e costruiamo il programma.

Richiedi informazioni

Domande frequenti

Serve saper programmare per seguire il corso?

No. HTML e CSS non sono linguaggi di programmazione ma di marcatura e di stile: si parte dal foglio bianco e non si dà nulla per scontato.

Che software serve?

Solo un editor di testo gratuito (Visual Studio Code) e un browser. Vengono installati e configurati insieme durante il primo incontro.

Al termine sarò in grado di realizzare un sito?

Sarai in grado di costruire pagine complete e responsive. Per un sito con contenuti dinamici e area di amministrazione servono anche un CMS o JavaScript, argomenti dei corsi Web Design Professionale e JavaScript per il Web.

Posso seguire il corso da solo?

Sì. Il percorso funziona bene sia in gruppo sia individualmente: se sei da solo, ritmo ed esercitazioni si tarano sul tuo livello e su cosa vuoi arrivare a costruire.

Corsi correlati