Un sito web è un insieme di pagine che descrivono persone, attività, aziende o forniscono servizi agli utenti. Dietro ogni pagina c’è una struttura fatta di codice, invisibile a chi naviga, ma indispensabile per costruire l’aspetto e le funzionalità del sito.
I file che compongono le pagine web hanno estensioni come .html per la struttura, .css per lo stile e .js per le funzionalità (che puoi imparare nel corso JavaScript).
Un sito web ha due "facce": quella visibile all'utente, con testi, immagini e colori, e quella nascosta, scritta in linguaggi come HTML e CSS. Per creare un sito, di solito si lavora in locale, cioè sul proprio computer, scrivendo i file che poi verranno caricati su un server. Non serve un computer potente: bastano poche centinaia di MB per i file e il programma di sviluppo.
Il server che ospita il sito si chiama hosting (dall'inglese "ospitare"). Si tratta di computer sempre accesi che inviano la pagina al visitatore; se si spegnessero, il sito non sarebbe raggiungibile. Per essere riconoscibile in modo univoco, ogni sito ha anche un dominio (come biadets.com o google.com), cioè un indirizzo che lo distingue da tutti gli altri. Se sei interessato a questi aspetti, puoi dare un'occhiata all'articolo su hosting e domini. Se preferisci, puoi sempre salvare i tuoi file e lavorare esclusivamente in locale sul tuo PC.
In questo corso gratuito di HTML scoprirai come strutturare una pagina, inserire testi, immagini e link, e comprendere come funziona ogni elemento. Partiremo dalle basi, arrivando anche a costruire le tue prime pagine complete.
Creare un sito web ti permette di condividere idee, progetti o promuovere un'attività online in modo autonomo. Inoltre, imparare le basi di HTML apre la strada a linguaggi più avanzati come JavaScript e Node.js.
Il corso HTML si divide in 7 sezioni principali:
Ti consigliamo di seguire l'ordine delle lezioni, soprattutto se stai iniziando dall'inizio. Chi ha già più esperienza, può decidere di saltare direttamente alle specifiche lezioni tramite il menu a sinistra (da PC) o toccando il pulsante in basso a destra (da dispositivo mobile).
Per creare siti web serve un editor di testo in cui scrivere il codice, online o sul proprio computer. Il Blocco note del sistema operativo può bastare all’inizio, ma gli sviluppatori usano programmi specializzati che semplificano la scrittura di HTML, CSS e JavaScript.
Qualunque editor tu scelga, ricordati di salvare i file con l’estensione corretta: .html per le pagine, .css per i fogli di stile. Per salvare, vai su File > Salva con nome… e scrivi nome_file.html (o .css), sia su Windows che su Mac.
Non è per forza necessario scaricare o installare un editor per testare il tuo codice HTML. Puoi utilizzare gratuitamente il nostro editor HTML online: ti basta scrivere o incollare il codice per vedere immediatamente, in tempo reale, come verrà visualizzata la tua pagina web.
Se possiedi un computer Windows, allora una buona scelta per scrivere codice HTML è Notepad++. Si tratta di un editor semplice da usare e adatto anche a chi non ha mai programmato.
Un altro programma per scrivere HTML è Sublime Text, completo come il primo, oppure Visual Studio Code, uno degli editor più utilizzati ma che richiede un po’ più di esperienza.
Se utilizzi un computer Mac, allora potresti optare per Sunset Code, editor semplice ma completo che puoi installare direttamente dall’App Store di Apple.
Se desideri scegliere qualcos’altro, allora potresti usare TextMate e Sublime Text, entrambi abbastanza completi. Come per Windows, anche su Mac consigliamo Visual Studio Code per i più esperti.
Tutte le lezioni sono scritte cercando di mantenere un linguaggio chiaro e semplice. Se hai eseguito l’accesso al tuo account, le lezioni completate verranno salvate sul tuo account Biadets. Puoi tenere sotto controllo tutti i tuoi progressi sul corso HTML e sugli altri corsi Biadets nella tua Area Personale. Se sei all’inizio, ti consigliamo di seguire l’ordine che trovi a questa pagina. Terminata una lezione, puoi svolgere gli esercizi contrassegnati con il Prova!.
Questa era solo l’introduzione del corso HTML! Se sei pronto per iniziare a creare il tuo primo sito web, passa alla prossima lezione. Se hai altri dubbi, dai un’occhiata al nostro Centro assistenza o visita il nostro blog.
