Progettare pagine dinamiche

Progettate la pagina.

Un passaggio fondamentale nella progettazione di qualsiasi sito web, statico o dinamico, è la progettazione visiva della pagina. Quando aggiungi elementi dinamici a una pagina web, la progettazione della pagina diventa cruciale per la sua usabilità. Devi considerare attentamente come gli utenti interagiranno con le singole pagine e con il sito web nel suo complesso.

Un metodo comune per incorporare contenuto dinamico in una pagina web è creare una tabella per presentare il contenuto e importare contenuto dinamico in una o più celle della tabella. Utilizzando questo metodo puoi presentare informazioni di vari tipi in un formato strutturato.

Create un’origine di contenuto dinamico.

I siti web dinamici richiedono un'origine di contenuto da cui estrarre i dati prima di poterli visualizzare su una pagina web. Prima di poter utilizzare le origini di contenuto in una pagina web, devi eseguire le seguenti operazioni:

• Crea una connessione all'origine del contenuto dinamico (come un database) e al server applicazioni che elabora la pagina. Crea l'origine dati utilizzando il pannello Associazioni; quindi puoi selezionare e inserire l'origine dati nella pagina.

• Specifica quali informazioni nel database vuoi visualizzare o quali variabili includere nella pagina creando un recordset. Puoi anche testare la richiesta dalla finestra di dialogo Recordset e apportare le modifiche necessarie prima di aggiungerla al pannello Associazioni.

• Seleziona e inserisci elementi di contenuto dinamico nella pagina selezionata.

Aggiungete contenuto dinamico a una pagina Web.

Dopo aver definito un recordset o un'altra origine dati e averla aggiunta al pannello Associazioni, puoi inserire il contenuto dinamico che il recordset rappresenta nella pagina. L'interfaccia basata su menu di Dreamweaver rende l'aggiunta di elementi di contenuto dinamico semplice come selezionare un'origine di contenuto dinamico dal pannello Associazioni e inserirla in un oggetto di testo, immagine o modulo appropriato all'interno della pagina corrente.

Quando inserisci un elemento di contenuto dinamico o un altro comportamento server in una pagina, Dreamweaver inserisce uno script lato server nel codice sorgente della pagina. Questo script indica al server di recuperare i dati dall'origine dati definita e di eseguirne il rendering all'interno della pagina web. Per posizionare contenuto dinamico all'interno di una pagina web, puoi eseguire una delle seguenti operazioni:

• Posizionalo nel punto di inserimento nella vista Codice o Progettazione.

• Sostituite una stringa di testo o un altro segnaposto.

  Inseriscilo in un attributo HTML. Ad esempio, il contenuto dinamico può definire l'attributo src di un'immagine o l'attributo value di un campo modulo.

Aggiungete comportamenti server a una pagina.

Oltre ad aggiungere contenuto dinamico, puoi incorporare logica applicativa complessa nelle pagine web utilizzando i comportamenti server. I comportamenti server sono parti predefinite di codice lato server che aggiungono logica applicativa alle pagine web, fornendo maggiore interazione e funzionalità.

I comportamenti server di Dreamweaver ti consentono di aggiungere logica applicativa a un sito web senza dover scrivere il codice tu stesso. I comportamenti server forniti con Dreamweaver supportano i tipi di documento ColdFusion, ASP e PHP. I comportamenti server sono scritti e testati per essere veloci, sicuri e robusti. I comportamenti server integrati supportano pagine web multipiattaforma per tutti i browser.

Dreamweaver fornisce un'interfaccia point-and-click che rende l'applicazione di contenuto dinamico e comportamenti complessi a una pagina facile come inserire elementi testuali e di design. Sono disponibili i seguenti comportamenti server:

• Definisci un recordset da un database esistente. Il recordset che definisci viene quindi memorizzato nel pannello Associazioni.

• Visualizzare più record in una sola pagina. Selezioni un'intera tabella o singole celle o righe che contengono contenuto dinamico, e specifichi il numero di record da visualizzare su ogni vista pagina.

• Crea e inserisci una tabella dinamica in una pagina, e associa la tabella con un recordset. Puoi successivamente modificare sia l'aspetto della tabella che l'area ripetuta utilizzando rispettivamente Property inspector e Comportamento Server Area Ripetuta.

• Inserite un oggetto di testo dinamico in una pagina. L'oggetto testo che inserisci è un elemento da un recordset predefinito, al quale puoi applicare qualsiasi formato dati.

• Crea controlli di navigazione e di stato dei record, pagine master/dettaglio e moduli per aggiornare informazioni in un database.

• Visualizzare più record da un record di database.

• Crea collegamenti di navigazione recordset che consentono agli utenti di visualizzare i record precedenti o successivi da un record database.

• Aggiungi un contatore record per aiutare gli utenti a tenere traccia di quanti record sono stati restituiti, e dove si trovano nel risultato restituito.

Puoi anche estendere i comportamenti server di Dreamweaver scrivendo i tuoi o installando quelli scritti da terze parti.

Eseguite il test e il debug della pagina.

Prima di rendere disponibile sul web una pagina dinamica—o un intero sito web—dovresti testare la sua funzionalità. Dovresti anche considerare come le funzionalità della tua applicazione potrebbero influenzare le persone con disabilità.