In breve: Il web si costruisce con tre linguaggi principali: HTML, CSS e JavaScript. Ognuno ha un compito preciso.
Cosa sono i linguaggi del web
Quando apri una pagina su internet, vedi testi, immagini e pulsanti. Tutto questo è scritto con linguaggi speciali.
Questi linguaggi servono al browser per mostrare la pagina. Il browser legge il codice e disegna ciò che vedi sullo schermo.
I linguaggi di base sono tre. Ognuno ha un ruolo diverso ma lavorano insieme.
Come funzionano insieme
Il primo linguaggio si chiama HTML. Serve a costruire la struttura della pagina. Definisce titoli, paragrafi, elenchi e immagini.
Il secondo linguaggio è il CSS. Si occupa dell'aspetto grafico. Stabilisce colori, dimensioni dei testi e posizione degli elementi.
Il terzo linguaggio è JavaScript. Aggiunge il movimento e l'interazione. Permette di cliccare pulsanti e ricevere risposte dalla pagina.
Possiamo immaginare una casa come esempio. HTML sono i muri e le stanze. CSS è la pittura e l'arredamento. JavaScript è la luce che si accende quando entri.
Esempi pratici dalla vita quotidiana
Pensa al sito di un negozio online. La lista dei prodotti è scritta in HTML. I colori del menù e i bottoni rossi sono in CSS.
Quando aggiungi un prodotto al carrello, lavora JavaScript. Il numero accanto al carrello cambia senza ricaricare la pagina.
Un altro esempio è un modulo di contatto. HTML crea i campi da compilare. CSS rende il modulo ordinato e leggibile. JavaScript controlla che l'email sia scritta bene prima di inviarla.
Per scrivere questi linguaggi basta un editor di testo. Poi si apre il file con il browser per vedere il risultato.
Parole difficili
- Browser: programma che apre e mostra le pagine web (es. Chrome, Firefox).
- HTML: linguaggio che costruisce la struttura di una pagina web.
- CSS: linguaggio che definisce l'aspetto grafico di una pagina.
- JavaScript: linguaggio che rende la pagina interattiva e dinamica.
- Editor di testo: programma per scrivere codice in modo semplice.
- Codice: insieme di istruzioni scritte per il computer.
Riferimenti
- Norma: Revisione dei percorsi dell'istruzione professionale e raccordo con l'istruzione e formazione professionale
- Obiettivo formativo coperto: ob.prof-servizi-commerciali.comp-uscita-02.cl3.conoscenze-linguaggi-web.01