Obiettivi del Corso
Il corso di HTML e CSS è pensato per chi desidera avvicinarsi allo sviluppo web e imparare a creare siti moderni.
Si parte con una panoramica teorica sui fondamenti di HTML e CSS, i linguaggi alla base del web. Vengono spiegati la struttura di una pagina, il ruolo del markup e l’importanza del design. Si analizzano poi gli elementi principali dell’HTML: titoli, paragrafi, immagini, link e form.
Con il CSS si impara a gestire layout, colori, margini e stili personalizzati. Si lavora su pagine responsive e dall’aspetto professionale. Nella fase pratica, si realizza un sito completo utilizzando template HTML/CSS.
Viene introdotto l’uso di framework come Bootstrap per velocizzare lo sviluppo. Il corso fornisce competenze solide per creare siti pubblicabili online.
Al termine, si avranno anche le basi per proseguire verso la programmazione web avanzata.
Obiettivi Generali:
- Acquisire una comprensione di base del funzionamento del web e del ruolo dei linguaggi HTML e CSS nello sviluppo di siti.
- Sviluppare la capacità di progettare e realizzare pagine web moderne, strutturate e visivamente coerenti.
- Promuovere un approccio metodico alla scrittura del codice, valorizzando la chiarezza, la riusabilità e la compatibilità cross-browser.
- Stimolare l’interesse verso il mondo della programmazione web, fornendo basi solide per eventuali approfondimenti futuri (JavaScript, backend, full-stack development).
Obiettivi Specifici:
- Comprendere la sintassi e la semantica di HTML5, inclusi i principali tag per la strutturazione del contenuto (titoli, paragrafi, liste, immagini, link, form).
- Apprendere l’uso dei CSS per la definizione dell’aspetto grafico di una pagina (colori, font, spaziature, bordi, layout).
- Imparare a creare layout responsive utilizzando unità relative, media query e modelli come Flexbox e Grid.
- Saper utilizzare classi e ID CSS per applicare stili personalizzati e mantenere un codice modulare.
- Utilizzare template HTML/CSS come base per lo sviluppo di progetti concreti e riutilizzabili.
- Integrare framework CSS come Bootstrap per accelerare lo sviluppo e garantire una struttura coerente e professionale.
- Realizzare un sito completo come progetto finale, pubblicabile online, che dimostri le competenze acquisite durante il corso.
RICHIEDI INFORMAZIONI
Programma
Il Corso Online Crea il Tuo Sito Web con HTML e CSS ha una durata complessiva di ore 6 così suddivise:
- Videolezioni o lezioni testuali: 6 ore
- Sviluppo dello studio personale: 30 ore
PROGRAMMA DETTAGLIATO
MODULO I: Introduzione – Sezione introduttiva al corso HTML e CSS
- Lezione 1 – Introduzione ad HTML e CSS – In questa lezione imparerai cosa sono i linguaggi HTML e CSS
- Lezione 2 – Installazione di un editor HTML – In questa lezione installiamo Visual Studio e l’estensione per lavorare in HTML
MODULO II: Il linguaggio HTML e CSS – Sezione dedicata all’apprendimento pratico di HTML e CSS
- Lezione 1 – Scriviamo il primo documento HTML – Una volta terminata la lezione avrai creato il tuo primo documento HTML
- Lezione 2 – Gli elementi Head e Title – Impara a strutturare correttamente l’intestazione del documento HTML
- Lezione 3 – Buone pratiche – Le best practice per scrivere codice HTML pulito e professionale
- Lezione 4 – Anchor – A fine lezione sarai in grado di inserire link nel tuo sito web
- Lezione 5 – Inserire un’Immagine – Dopo aver seguito questa lezione sarai in grado di inserire un’immagine nella tua pagina web
- Lezione 6 – Il Tag Br – Impariamo a inserire righe di spaziatura in HTML
- Lezione 7 – Gli attributi e l’attributo Style – Al termine di questa lezione saprai utilizzare gli attributi e in particolare l’attributo style
- Lezione 8 – Attributo Lang – Impara a impostare la lingua del tuo sito web
- Lezione 9 – L’attributo Title – Diamo un titolo al tuo sito web
- Lezione 10 – Caratteri speciali HTML – Come si inseriscono caratteri speciali in HTML?
- Lezione 11 – Stili multipli – Come gestire gli stili multipli
- Lezione 12 – I tag p, br, hr, pre – A fine lezione saprai utilizzare i tag p, br, hr, pre
- Lezione 13 – Attributo style e coppie “proprietà: valore;” L’attributo style: l’importante collegamento tra HTML e CSS
- Lezione 14 – Formattazione del testo in HTML – Formattiamo del testo in HTML: grassetto, sottolineato, corsivo
- Lezione 15 – Citazioni in HTML – Come citare una fonte in HTML: fallo in modo professionale
- Lezione 16 – Commenti – In questa lezione imparerai a inserire commenti nel codice del tuo sito web
- Lezione 17 – Nomi e codici dei colori – I colori in HTML
- Lezione 18 – Nomi e codici dei colori (ripetizione) – I colori in HTML (contenuto duplicato)
- Lezione 19 – CSS interno – Impariamo ad utilizzare il CSS interno
- Lezione 20 – CSS esterno – Impariamo ad utilizzare il CSS esterno
- Lezione 21 – HTML links – Approfondiamo l’inserimento di link in una pagina web
- Lezione 22 – Stili relativi agli stati dei link – Personalizziamo gli stili dei link
- Lezione 23 – Segnalibri in HTML – Come inserire dei segnalibri nel tuo sito web
- Lezione 24 – Inserire un’immagine di sfondo – Impariamo a gestire le immagini di sfondo
- Lezione 25 – Inserire una favicon – La favicon, il marchio sulla scheda del tuo sito web
- Lezione 26 – Le tabelle in HTML – Creiamo la nostra prima tabella
- Lezione 27 – Stili della tabella – Modifichiamo gli stili di una tabella HTML
- Lezione 28 – Liste in HTML – In questa lezione apprenderai come inserire diversi tipi di liste nella tua pagina we
- Lezione 29 – Gli elementi span, p, div – In questa lezione apprenderai l’utilizzo degli elementi span, p, div
- Lezione 30 – L’elemento form – In questa lezione apprenderai l’utilizzo dell’elemento form
MODULO III: Classi CSS e framework – Sezione dedicata alle classi CSS e all’introduzione ai framework
- Lezione 1 – Utilizzo delle classi CSS e dell’id nella pagina HTML – In questa lezione imparerai a utilizzare le classi CSS e gli id nella tua pagina HTML
- Lezione 2 – Definizione di height e width nelle classi – In questa lezione apprenderai come definire le proprietà height e width nelle classi CSS
- Lezione 3 – I margini in CSS – Al termine di questa lezione sarai in grado di impostare i margini degli elementi in CSS
- Lezione 4 – Padding – In questa lezione imparerai a impostare il padding in CSS
- Lezione 5 – I framework CSS – In questa lezione introduciamo i framework CSS
- Lezione 6 – Il nostro primo sito web – In questa lezione imparerai a realizzare il tuo primo sito web utilizzando le classi del framework W3.CSS
MODULO IV: Realizziamo un sito in Bootstrap – Sezione pratica dedicata alla creazione di un sito completo usando Bootstrap
- Lezione 1 – Il framework Bootstrap – Introduzione completa al framework Bootstrap
- Lezione 2 – Realizziamo un sito in Bootstrap – Impostiamo la struttura HTML di un nuovo sito
- Lezione 3 – Stili e Navbar col framework bootstrap – Al termine di questa lezione saprai scrivere il codice per visualizzare la barra di navigazione del tuo sito utilizzando le classi del framework Bootstrap
- Lezione 4 – Sezione Hero – Sviluppiamo la Hero Section del nostro sito Bootstrap
- Lezione 5 – Sezioni principali e footer – In questa lezione apprenderai come inserire le sezioni e il footer nel tuo sito Bootstrap
- Lezione 6 – Realizziamo un sito a partire da un template – In questa lezione apprenderai come realizzare un sito a partire da un template
MODULO V – Conclusione – Sezione conclusiva del corso
- Lezione 1 – Il framework Tailwind – In questa lezione conoscerai il framework CSS Tailwind
- Lezione 8 – Congratulazioni – In questa lezione imparerai a creare una pagina web di congratulazioni
Destinatari
Il corso è rivolto a principianti assoluti e a chiunque desideri avvicinarsi al mondo dello sviluppo web, anche senza alcuna esperienza pregressa nella programmazione, che desiderano creare in autonomia il proprio sito web.
È particolarmente indicato per studenti, neodiplomati o neolaureati interessati a intraprendere un percorso nel digital o nel tech, per professionisti di settori affini (come il marketing, la comunicazione o il design) che vogliono acquisire competenze tecniche di base, e per autodidatti o aspiranti freelance che desiderano iniziare a creare siti web in modo autonomo.
Il corso è adatto anche a docenti o formatori che intendono introdurre elementi di coding nei propri percorsi didattici, e più in generale a chi vuole comprendere il funzionamento di una pagina web, acquisire una maggiore autonomia nella gestione di contenuti digitali e sviluppare un pensiero strutturato e logico, utile anche in ambiti non strettamente informatici.
Attestato e benefit
A conclusione del Corso verrà rilasciato l’attestato di partecipazione.
Modalità di iscrizione
Per iscriversi ai corsi basta cliccare sul pulsante “Aggiungi al Carrello” sia per acquistare un solo corso sia per l’acquisto di più corsi (soluzione più conveniente).
Una volta definiti i tuoi corsi di interesse, potrai acquistarli con Carta di Credito/Paypal (senza costi aggiuntivi) oppure con Bonifico Bancario (in caso di pagamento con Bonifico Bancario il corso sarà disponibile solo dopo avvenuto accredito presso la nostra Banca, in genere dai 3/5 giorni lavorativi).
Se vuoi dilazionare il pagamento puoi scegliere la soluzione di pagamento SCALAPAY che ti permette di pagare fino a quattro rate mensili.
Se vuoi acquistare un solo corso e hai un Coupon sconto ti consigliamo di procedere come indicato sopra, una volta arrivati sulla pagina che mostra il prezzo finale, occorre inserire il codice coupon qui
e cliccare su “Verifica”.
Successivamente, avviata la procedura di iscrizione, controlla se il codice coupon compare anche qui
Altrimenti digitalo di nuovo e clicca su “Applica”, così il coupon sarà calcolato nel prezzo finale.
Modalità di accesso e utilizzo
Il corso online è fruibile sulla nostra piattaforma attraverso tutti i dispositivi: smartphone, tablet e pc collegati ad internet. L’accesso è sempre disponibile (24/24) e con durata illimitata.
Per accedere al corso, una volta acquistato (vedi modalità di iscrizione) basta cliccare sulla scritta in alto del sito “Accedi”.
Accedendo all’Area Utente con PC/Notebook o Tablet il pulsante “Accedi” è in alto a destra, come nell’immagine qui disponibile.
Se accediamo all’Area Utente da Smartphone, il pulsante “Accedi” è nella voce di menù a destra; occorre cliccare quindi l’icona del menù (cerchiata in rosso nell’immagine qui sotto) per visualizzarlo.
Si accede quindi al proprio account (usando le credenziali di registrazione) dove è disponibile l’accesso al corso online scelto, nella sezione “I MIEI CORSI” evidenziata nell’immagine qui sotto.
