4 WEB INTERATTIVO E DINAMICO

Come abbiamo visto, il linguaggio HTML consente di fornire una struttura ai contenuti delle pagine web.

Il browser legge e interpreta il markup in ordine, riga per riga, e visualizza i contenuti sul display uno per uno. Se il browser non è in grado di interpretare qualche informazione, la salta e passa a quella successiva.

Il linguaggio CSS si occupa, invece, della presentazione dei contenuti definendo la formattazione degli elementi e le modalità della loro visualizzazione a livello grafico.

Entrambi i linguaggi non sono linguaggi di programmazione.

I linguaggi di programmazione, infatti, permettono di realizzare i programmi, cioè di creare logiche di funzionamento che vengono eseguite in base al verificarsi di particolari condizioni o eventi, oltre a consentire l’utilizzo di contenitori di informazioni che prendono il nome di variabili o strutture dati.

In generale, esistono due famiglie di linguaggi di programmazione:

• linguaggi compilati: come il linguaggio C, le cui righe di codice vengono lette da un software chiamato compilatore che converte il codice sorgente in un codice eseguibile (che, successivamente, può essere eseguito in blocco). In caso di errori nel codice sorgente la conversione in codice eseguibile non può essere effettuata;
• linguaggi interpretati: come il linguaggio JavaScript, le cui righe di codice vengono lette, interpretate ed eseguite direttamente, istruzione per istruzione, da un software chiamato interprete. In caso di errori nel codice sorgente, l’interprete salta l’istruzione ed esegue la successiva oppure restituisce un messaggio di errore.

Il linguaggio JavaScript

Le logiche di funzionamento delle pagine web possono essere create utilizzando il JavaScript che è un linguaggio:

• di scripting: cioè interpretato da un software (chiamato client web);
• lato client: perché il software che lo interpreta (client web) è il browser, che viene eseguito su macchine di tipo client, come per esempio il PC di casa.

Quando viene usato nel mondo del web, il JavaScript viene sfruttato per creare blocchi di codice (funzioni) che possono essere richiamati al verificarsi di determinati eventi, innescati dall’utente (per esempio quando interagisce con la pagina con il mouse o con la tastiera) o dal browser (per esempio quando questo completa il caricamento della pagina).

Solitamente il codice JavaScript viene scritto in fondo al body, ma può essere inserito in qualunque altro punto del body o nella head.

I siti sviluppati utilizzando linguaggi lato client, come l’HTML, il CSS e il JavaScript sono composti da pagine web statiche.

Una volta terminato, il sito web statico viene caricato in rete, sull’hard disk del server, e diventa disponibile per la consultazione da parte degli utenti del web. Un software chiamato server web fornisce le risorse (file HTML, file CSS, file JS, immagini ecc.) “così come sono” ai client web (browser) che ne fanno richiesta.

I siti web dinamici e il linguaggio PHP

I siti web dinamici sono composti da pagine web dinamiche elaborate da software installati sul server (per esempio software interpreti). Le risorse richieste dai client web vengono generate in tempo reale sul server e restituite al richiedente.

Le logiche di funzionamento dinamico delle pagine web possono essere create utilizzando il linguaggio PHP, che è un linguaggio:

• di scripting: cioè interpretato da un software (chiamato interprete PHP);
• lato server: perché il software che lo interpreta (l’interprete PHP) viene eseguito su macchine di tipo server.

Il codice PHP viene inserito nei documenti HTML (tra il tag di apertura e il tag di chiusura ?>) ma l’estensione viene modificata in .php, per indicare al server che il codice deve essere elaborato dall’interprete PHP.

La prima pagina di un sito dinamico si chiamerà quindi index.php.