Nella vista Design, seleziona il testo sulla pagina, o fai clic dove desideri aggiungere testo dinamico.
Ultimo aggiornamento il
25 apr 2024
Nota
L’interfaccia utente di Dreamweaver e versioni successive è stata semplificata. Di conseguenza, potreste non trovare alcune delle opzioni descritte in questo articolo in Dreamweaver e versioni successive. Per ulteriori informazioni, consultate questo articolo.
Aggiunta di contenuto dinamico
Dopo aver definito una o più origini di contenuto dinamico, puoi utilizzare le origini per aggiungere contenuto dinamico alla pagina. Le origini del contenuto possono includere una colonna in un recordset, un valore inviato da un modulo HTML, il valore contenuto in un oggetto server, o altri dati.
In Dreamweaver, puoi inserire contenuto dinamico quasi ovunque in una pagina web o nel suo codice HTML di origine. Puoi inserire contenuto dinamico nel punto di inserimento, sostituire una stringa di testo, o inserirlo come attributo HTML. Ad esempio, il contenuto dinamico può definire l'attributo src di un'immagine, o l'attributo value di un campo modulo.
Puoi aggiungere contenuto dinamico a una pagina selezionando un'origine di contenuto nel pannello Bindings. Dreamweaver inserisce uno script lato server nel codice della pagina che istruisce il server a trasferire i dati dall'origine di contenuto al codice HTML della pagina quando la pagina viene richiesta da un browser.
Spesso esiste più di un modo per rendere dinamico un dato elemento della pagina. Ad esempio, per rendere dinamica un'immagine puoi utilizzare il pannello Bindings, la finestra di ispezione Proprietà, o il comando Immagine nel menu Inserisci.
Per impostazione predefinita, una pagina HTML è in grado di visualizzare un solo record per volta. Per visualizzare gli altri record nel recordset, puoi aggiungere un collegamento per spostarti tra i record uno alla volta, oppure puoi creare un'area ripetuta per visualizzare più di un record su una singola pagina.
Informazioni sul testo dinamico
Il testo dinamico adotta qualsiasi formattazione di testo applicata al testo esistente o al punto di inserimento. Ad esempio, se uno stile Cascading Style Sheet (CSS) influisce sul testo selezionato, anche il contenuto dinamico che lo sostituisce viene influenzato dallo stesso stile.Puoi aggiungere o cambiare il formato del testo del contenuto dinamico utilizzando qualsiasi strumento di formattazione del testo di Dreamweaver.
Al testo dinamico è anche possibile applicare un formato dati. Ad esempio, se i tuoi dati consistono in date, puoi specificare un formato di data particolare come 04/17/00 per i visitatori Stati Uniti. visitatori, o 17/04/00 per i visitatori canadesi.
Rendere dinamico il testo
Puoi sostituire il testo esistente con testo dinamico oppure inserire testo dinamico in un punto specifico della pagina.
Aggiungere testo dinamico
Nel pannello Bindings (Finestra > Bindings), seleziona un'origine di contenuto dall'elenco. Se selezioni un recordset, specifica la colonna desiderata nel recordset.
L’origine del contenuto deve includere testo semplice, ovvero testo ASCII. (HTML è un formato di testo semplice). Se nell'elenco non compaiono origini di contenuto, o se le origini di contenuto disponibili non soddisfano le tue esigenze, fai clic sul pulsante Più (+) per definire una nuova origine di contenuto.
(Opzionale) Selezionate un formato per il testo.
Fate clic su Inserisci o trascinate l’origine del contenuto nella pagina.
Viene visualizzato un segnaposto per contenuto dinamico. (Se hai selezionato del testo sulla pagina, il segnaposto sostituisce la selezione di testo.) Il segnaposto per il contenuto del recordset utilizza la sintassi {RecordsetName.ColumnName}, dove Recordset è il nome del recordset e ColumnName è il nome della colonna scelta dal recordset.
A volte, la lunghezza dei segnaposto per il testo dinamico distorce il layout della pagina nella finestra Documento. Puoi risolvere il problema utilizzando parentesi graffe vuote come segnaposto, come descritto nell'argomento successivo.
Visualizzare segnaposto per il testo dinamico
Seleziona Modifica > Preferenze >
Elementi invisibili (Windows) o Dreamweaver > Preferenze >
Elementi invisibili (Macintosh).
Nel menu a comparsa Mostra testo dinamico come, seleziona { }, poi fai clic su OK.
Rendere dinamiche le immagini
Potete rendere dinamiche le immagini presenti in una pagina. Ad esempio, supponi di progettare una pagina per visualizzare articoli in vendita a un'asta di beneficenza. Ogni pagina includerebbe un testo descrittivo e una foto di un articolo. Il layout generale della pagina rimarrebbe identico per ogni articolo, ma la foto (e il testo descrittivo) potrebbe cambiare.
Con la pagina aperta nella vista Progettazione (Vista > Progettazione), posiziona il punto di inserimento nel punto in cui desideri che l'immagine appaia sulla pagina.
Selezionate Inserisci > Immagine.
Viene visualizzata la finestra di dialogo Seleziona file di origine immagine.
Fai clic sull'opzione Origini dati (Windows) o sul pulsante Origine dati
(Macintosh).
Viene visualizzato un elenco di origini del contenuto.
Selezionate un’origine di contenuto dall’elenco e fate clic su OK.
L'origine del contenuto deve essere un recordset che contiene i percorsi ai file di immagine.A seconda della struttura file del tuo sito, i percorsi possono essere assoluti, relativi al documento o relativi alla radice.
Nota
Dreamweaver attualmente non supporta le immagini binarie archiviate in un database.
Se nell'elenco non appare alcun recordset o se i recordset disponibili non soddisfano le tue esigenze, definisci un nuovo recordset.
Attributi HTML dinamici
Puoi cambiare dinamicamente l'aspetto di una pagina associando attributi HTML ai dati. Ad esempio, puoi cambiare l'immagine di sfondo di una tabella associando l'attributo background della tabella a un campo in un recordset.
Puoi associare attributi HTML con il pannello Associazioni o con Controllo proprietà.
Rendi dinamici gli attributi HTML con il pannello Associazioni
Apri il pannello Associazioni scegliendo Finestra > Associazioni.
Verifica che il pannello Associazioni elenchi l'origine dati
che desideri utilizzare.
L'origine del contenuto deve contenere dati appropriati per l'attributo HTML che desideri associare.Se nell'elenco non appare alcuna origine di contenuto o se le origini di contenuto disponibili non soddisfano le tue esigenze, fai clic sul pulsante Più (+) per definire una nuova origine dati.
Nella vista Progettazione, selezionate un oggetto HTML.
Ad esempio, per selezionare una tabella HTML, fai clic all'interno della tabella e fai clic sul tag <table> nel selettore di tag nella parte inferiore sinistra della finestra Documento.
Nel pannello Associazioni, seleziona un'origine contenuto dal tuo
elenco.
Nella casella Associa a, seleziona un attributo HTML dal
menu a comparsa.
Fate clic su Associa.
La prossima volta che la pagina viene eseguita sul server applicazioni, il valore dell'origine dati viene assegnato all'attributo HTML.
Rendi dinamici gli attributi HTML con Controllo proprietà
Nella vista Progettazione, seleziona un
oggetto HTML e apri Controllo proprietà (Finestra >
Proprietà).
Ad esempio, per selezionare una tabella HTML, fai clic all'interno della tabella e fai clic sul <table> tag nel selettore dei tag nella parte inferiore sinistra della finestra Documento.
Il modo in cui associ un'origine di contenuto dinamico all'attributo HTML
dipende dalla sua posizione.
Se l'attributo che desideri associare ha un'icona cartella accanto ad esso nell'Impostazioni proprietà, fai clic sull'icona cartella per aprire una finestra di dialogo per la selezione dei file; quindi fai clic sull'opzione Origini dati per visualizzare un elenco delle origini dati.
Se l'attributo che desideri associare non ha un'icona cartella accanto ad esso, fai clic sulla scheda Elenco (quella inferiore delle due schede) sul lato sinistro dell'impostazioni proprietà.
Viene visualizzata la vista Elenco dell'Impostazioni proprietà.
Se l'attributo che desideri associare non è elencato nella vista Elenco, fai clic sul pulsante Più (+); quindi inserisci il nome dell'attributo o fai clic sul piccolo pulsante freccia e seleziona l'attributo dal menu a comparsa.
Per rendere dinamico il valore dell'attributo, fai clic sull'attributo; quindi fai clic sull'icona fulmine o cartella alla fine della riga dell'attributo.
Se hai fatto clic sull'icona fulmine, viene visualizzato un elenco delle origini dati.
Se hai fatto clic sull'icona della cartella, viene visualizzata una finestra di dialogo per la selezione dei file.Selezionate l’opzione Origini dati per visualizzare un elenco di origini del contenuto.
Seleziona un'origine di contenuto dall'elenco delle origini di contenuto
e fai clic su OK.
L'origine del contenuto deve contenere dati appropriati per l'attributo HTML che desideri associare. Se non vengono visualizzate origini di contenuto nell'elenco, o se le origini di contenuto disponibili non soddisfano le tue esigenze, definisci una nuova origine di contenuto.
La prossima volta che la pagina viene eseguita sul server applicazioni, il valore dell'origine dati viene assegnato all'attributo HTML.
Rendi dinamici i parametri di ActiveX, Flash e altri oggetti
Puoi rendere dinamici i parametri delle applet Java e dei plug-in, così come i parametri degli oggetti ActiveX, Flash, Shockwave, Director e Generator.
Prima di iniziare, assicurati che i campi nel recordset contengano dati appropriati per i parametri dell'oggetto che desideri associare.
Nella vista Progettazione, seleziona un oggetto sulla pagina e apri il pannello Proprietà (Finestra > Proprietà).
Fate clic sul pulsante Parametri.
Se il tuo parametro non viene visualizzato nell'elenco, fai clic
sul pulsante Più (+) e inserisci il nome di un parametro nella colonna Parametro.
Fai clic sulla colonna Valore del parametro, quindi fai clic sull'icona a forma di fulmine per specificare un valore dinamico.
Viene visualizzato un elenco di origini dati.
Selezionate un’origine dati dall’elenco e fate clic su OK.
L'origine dati deve contenere dati appropriati per il parametro dell'oggetto che desideri associare. Se non vengono visualizzate origini dati nell'elenco, o se le origini dati disponibili non soddisfano le tue esigenze, definisci una nuova origine dati.
Altri contenuti simili
- Definizione delle origini di contenuto dinamico
- Creare una barra di navigazione recordset
- Visualizzare più risultati del recordset
- Applicazione di elementi tipografici e di layout di pagina ai dati dinamici
- Utilizzare formati dati predefiniti
- Informazioni sui recordset
- Definire un recordset senza SQL
Crea splendidi siti web con Dreamweaver
Progetta, codifica e gestisci siti web dinamici con un potente strumento completo.
