In breve: Il Web usa linguaggi diversi per costruire le pagine. Ognuno ha un compito preciso: struttura, aspetto e comportamento.
Cos'è un linguaggio del Web
Quando apri un sito, vedi testi, immagini e pulsanti. Dietro le quinte, il browser legge istruzioni scritte da un programmatore.
Queste istruzioni sono scritte in linguaggi speciali. Non servono per parlare tra persone, ma per dare ordini al computer.
Ogni linguaggio del Web ha un ruolo diverso. Lavorano insieme, come in una squadra.
I tre linguaggi principali
Le pagine Web nascono dall'unione di tre linguaggi di base. Vediamoli uno per uno.
Il primo è HTML. Serve a costruire la struttura della pagina. Indica dove va il titolo, il paragrafo, l'immagine o il pulsante.
Il secondo è CSS. Si occupa dell'aspetto grafico. Stabilisce i colori, i caratteri, le dimensioni e la posizione degli elementi.
Il terzo è JavaScript. Aggiunge il comportamento dinamico. Permette ai pulsanti di rispondere ai clic e ai contenuti di cambiare senza ricaricare la pagina.
Pensa a una casa. L'HTML sono i muri. Il CSS è la tinteggiatura e l'arredamento. JavaScript è l'impianto elettrico che fa funzionare tutto.
Lato client e lato server
I linguaggi del Web si dividono in due grandi famiglie. Questa distinzione è importante in ambito aziendale.
I linguaggi lato client funzionano dentro il browser dell'utente. Sono HTML, CSS e JavaScript.
I linguaggi lato server lavorano sul computer che ospita il sito. Esempi diffusi sono PHP, Python e altri linguaggi di programmazione.
Il server prepara le pagine. Il client le mostra all'utente.
Esempi pratici
Immagina il sito di un negozio di scarpe.
L'HTML scrive: "qui c'è il titolo Catalogo, sotto una lista di prodotti". Definisce il contenuto.
Il CSS aggiunge: "il titolo è rosso, grande 30 pixel, centrato". Cura la presentazione.
JavaScript fa accadere: "se l'utente clicca su Aggiungi al carrello, mostra un messaggio". Crea l'interazione.
Un piccolo blocco HTML può essere così:
<h1>Benvenuto</h1>
<p>Questo è il nostro negozio.</p>
Le parentesi angolari delimitano i tag. I tag dicono al browser cosa rappresenta ogni pezzo di testo.
Parole difficili
- Browser: programma che apre e mostra le pagine Web (es. Chrome, Firefox).
- Tag: etichetta dell'HTML scritta tra parentesi angolari, identifica un elemento.
- Client: dispositivo o programma che richiede e visualizza la pagina.
- Server: computer che conserva il sito e risponde alle richieste.
- Dinamico: contenuto che cambia senza ricaricare l'intera pagina.
- Codice: insieme di istruzioni scritte in un linguaggio informatico.
Riferimenti
- Norma: Riordino degli istituti tecnici
- Obiettivo formativo coperto: ob.tecnico-amministrazione-finanza-marketing.informatica.cl3.linguaggi-web.01