4 Creare contenuti per il web - Andrea Giachetti

88
dell'URL in rete, un indirizzo locale sul filesystem della macchina, preceduto dalla stringa
“file://”. Ancora, nei sistemi operativi moderni, che associano l'estensione del file al programma
che gestisce tale tipo di file, il browser verrà automaticamente lanciato, caricando e
visualizzando tale file, cliccando due volte sull'icona che lo rappresenta. Questa icona in
Windows diventerà automaticamente quella del browser web non appena il file è stato salvato
con l'estensione .html.
La pagina verrà, quindi, visualizzata correttamente. Ovviamente, i file collegati alla pagina web
con indirizzo relativo dovranno effettivamente essere presenti nella cartella corrispondente per
essere caricati e visualizzati dal browser. Lavorare sul codice testuale è, tutto sommato, molto
più semplice e permette risultati più puliti e controllati che usare un editor HTML complesso.
Ovviamente se poi vogliamo rendere le pagine visualizzabili in rete, dovremo trasferire le stesse
dalla cartella del nostro PC ad una cartella pubblica su un server web, cioè su una macchina con
indirizzo IP statico, sempre accesa e su cui è in esecuzione il programma server. In genere si
affitta lo spazio sul server da un provider di servizi di hosting (vedi capitolo 3.10 ).
4.14 Form e programmazione server side
Anche se abbiamo fin qui descritto i documenti (X)HTML classici come semplici testi
formattati con immagini e collegamenti ipertestuali, fin dagli albori del web, in realtà, i siti
hanno supportato meccanismi di interazione più complessi, a cominciare dalla possibilità di
inviare dati e richieste al server utilizzando delle apposite componenti di interfaccia.
In modo tale si può realizzare il cosiddetto web dinamico “server side” in cui a seguito
dell'invio del messaggio di richiesta al server, viene generata in modo automatico una pagina di
risposta dipendente dai dati inviati (ne abbiamo parlato nel capitolo 3.3 ), meccanismo che
permette di realizzare svariati tipi di servizio. L'esempio più semplice di tale meccanismo è il
motore di ricerca, in cui si inseriscono delle parole in una casella e si riceve una pagina
(generata automaticamente da un programma eseguito sul server) con i collegamenti ai
documenti ritenuti affini alle parole inserite. Ma siamo abituati ad utilizzare interfacce di questo
tipo, ad esempio quando dobbiamo fare delle iscrizioni, compilare sondaggi, ecc.: in tutti i casi
inviamo dati al server che li elabora, probabilmente li memorizza e comunque crea alla fine una
pagina web contenente una risposta che verrà trasmessa al client per il rendering.
Dal punto di vista del codice (X)HTML, le interfacce per inviare le richieste al server si
realizzano attraverso l'elemento (in Italiano possiamo tradurre form con
“modulo”).
All'interno dei moduli, con l'annidamento di opportuni elementi HTML, si possono inserire vari
elementi, come pulsanti, menu, campi testuali, ecc.
Si realizzano in questo modo interfacce classiche di tipo “WIMP” (Windows, Icons, Menu,
Pointer), come quelle delle normali interfacce a finestre, ma sempre rappresentate all'interno
della pagina web sul browser.
L'elemento HTML form contiene attributi: uno di essi (method) si riferisce al tipo di
elaborazione realizzato coi dati e che tipicamente assume il valore “post”. L'attributo “enctype”
può specificare il tipo di codifica. Con l'attributo “action” si indica l'URL del programma
(script) che risiede sul server ed elabora i dati, oppure, se si vuole che i dati vengano
semplicemente inviati via email, si inserisce un indirizzo. Nel primo caso il codice sarà simile a
quello qui sotto: