Editor  »  Articoli  »  Dreamweaver 

Finalmente Dreamweaver fornisce degli strumenti per la gestione ad alto livello di fonti di dati XML. Infatti, nell'ultima versione, è possibile collegare pagine web a file XML locali o feed RSS remoti senza mettere mai mano al codice. In altre parole, la semplicità che prima permetteva di gestire i database ora è stata trasportata anche nell'ambito XML. E c'è già chi dice che questo sia solo l'inizio...

In questo turorial vedrete quanto è facile creare una pagina dinamica (potrete usare il linguaggio server side che preferiamo: PHP, ASP JavaScript, ASP VBScript, ASP.NET, JSP o ColdFusion) e inserire al suo interno delle istruzioni per interrogare una fonte di dati XML.

La fonte di informazioni che prenderemo in esame è il Feed di <edit>: il blog di HTML.it.

Creare una frammento XSLT

Aprite Dreamweaver e definite un sito locale dinamico (se volete usare la tecnologia ASP JavaScript può esservi di aiuto l'articolo ASP e Access in locale con Dreamweaver MX ma ripeto che potete scegliere la tecnologia server che preferite e continuare a seguire questo tutorial senza problemi).

Prima di tutto dovrete costruire un frammento XSLT specificando una fonte di informazioni RSS. Successivamente il frammento XSLT potrà essere incorporato in una qualsiasi pagina dinamica.

Dopo aver definito il sito locale e il server web locale aprite il menu File di Dreamweaver 8 e scegliete Nuovo. Nel riquadro Generale scegliete Pagina di base mentre nel riquadro Pagina di base selezionate XSLT (frammento), infine premete Crea.

Compare subito la seguente finestra Individua origine XML:

Figura 1. Finestra Origine XML

Siccome volete consultare il blog di HTML.it, quindi una fonte di informazioni remota, dovrete scegliere la voce Associa un file remoto su Internet e scrivere nella casella di testo il seguente percorso http://www.html.it/rss/blog.xml.

Figura 2. Individua origine XML

Bene, premete Ok e date uno sguardo al pannello Associazioni del gruppo Applicazione. In genere sarete abituati a trovare in questo pannello le informazioni che possono essere estratte da un database o dalle variabili accessibili. Questa volta il pannello mostra la struttura dei dati presenti nel file XML che avete specificato in precedenza e, come avete sempre fatto, potrete inserire nel documento le informazioni semplicemente trascinando la voce che le rappresenta.

Ma prima di procedere imparate a leggere la simbologia dell'albero mostrato nel pannello.

Leggere l'albero nel pannello associazioni

I dati di un blog o comunque in generale di una fonte RSS sono una lista di oggetti dello stesso tipo, ad esempio una lista di post.

Il pannello Associazioni al momento mostra "la forma" che hanno questi dati, un po' come accade quando collegate un database e il pannello associazioni mostra le tabelle che esso contiene e i vari attributi associati a ogni tabella.

Questa struttura viene rappresentata tramite un albero e ogni nodo dell'albero può avere quattro significati a seconda del simbolo con cui viene rappresentato. 

Figura 3. Struttura XML

Il simbolo indica un elemento che viene visualizzato solo una volta nell'ambito del nodo di origine. Ad esempio il nodo title equivale alla stringa "edit" che denota il nome del blog ed è unica.

Il simbolo indica un elemento che può essere visualizzato una volta o più nell'ambito del nodo di origine. L'elementi item rappresenta il generico post inserito nel blog e quindi possiamo aspettarci di trovare più oggetti di questo tipo (uno per ogni post). 

Il simbolo indica un attributo.

Altri articoli

Altre guide

Altre newsletter