Guida utente Annulla

Usare moduli per raccogliere informazioni dagli utenti

  1. Guida utente di Dreamweaver
  2. Introduzione
    1. Nozioni di base sul design responsive
    2. Novità di Dreamweaver
    3. Sviluppo Web con Dreamweaver - Panoramica
    4. Dreamweaver / Domande frequenti
    5. Scelte rapide da tastiera
    6. Requisiti di sistema di Dreamweaver
    7. Riepilogo delle funzioni
  3. Dreamweaver e Creative Cloud
    1. Sincronizzare le impostazioni di Dreamweaver con Creative Cloud
    2. Creative Cloud Libraries in Dreamweaver
    3. Utilizzare i file Photoshop in Dreamweaver
    4. Operazioni con Adobe Animate e Dreamweaver
    5. Estrarre file SVG ottimizzati per il Web da Libraries
  4. Aree di lavoro e viste di Dreamweaver
    1. Area di lavoro di Dreamweaver
    2. Ottimizzare l'area di lavoro di Dreamweaver per lo sviluppo visivo
    3. Eseguire ricerche nei file in base al nome file o al contenuto | Mac OS
  5. Configurare i siti
    1. Siti di Dreamweaver
    2. Configurare una versione locale del sito
    3. Collegamento a un server di pubblicazione
    4. Configurare un server di prova
    5. Importare ed esportare le impostazioni di un sito Dreamweaver
    6. Passaggio di siti Web esistenti da un server remoto alla cartella principale del sito locale
    7. Funzioni di accessibilità in Dreamweaver
    8. Impostazioni avanzate
    9. Impostazione delle preferenze del sito per il trasferimento dei file
    10. Specificare le Impostazioni del server proxy in Dreamweaver
    11. Sincronizzare le impostazioni di Dreamweaver con Creative Cloud
    12. Utilizzo di Git in Dreamweaver
  6. Gestire i file
    1. Creare e aprire file
    2. Gestire file e cartelle
    3. Scaricamento e caricamento dei file da e verso il server
    4. Depositare e ritirare i file
    5. Sincronizzare i file
    6. Confrontare file per verificare le differenze
    7. Applicare la maschera file a file e cartelle del sito Dreamweaver
    8. Attivare le Design Notes per i siti di Dreamweaver
    9. Impedire un potenziale attacco exploit del Gatekeeper
  7. Layout e progettazione
    1. Usare i riferimenti visivi per il layout
    2. Informazioni sull'utilizzo di CSS per creare il layout della pagina
    3. Progettazione di siti Web reattivi con Bootstrap
    4. Creazione e utilizzo di media query in Dreamweaver
    5. Presentare il contenuto mediante le tabelle
    6. Colori
    7. Responsive design con i layout a griglia fluida
    8. Extract in Dreamweaver
  8. CSS
    1. Nozioni sui fogli di stile CSS
    2. Creazione del layout delle pagine con CSS Designer
    3. Utilizzare i preprocessori CSS in Dreamweaver
    4. Impostare le preferenze di stile CSS in Dreamweaver
    5. Spostare le regole CSS in Dreamweaver
    6. Convertire CSS in linea in una regola CSS in Dreamweaver
    7. Utilizzare i tag div
    8. Applicare sfumature allo sfondo
    9. Creare e modificare effetti di transizione CSS3 in Dreamweaver
    10. Formattazione del codice
  9. Contenuto e risorse delle pagine
    1. Impostare le proprietà di pagina
    2. Impostare le proprietà dei collegamenti CSS e le proprietà dei collegamenti CSS
    3. Lavorare con il testo
    4. Ricercare e sostituire testo, tag e attributi
    5. Pannello DOM
    6. Modifica nella vista Dal vivo
    7. Codifica dei documenti in Dreamweaver
    8. Selezionare e visualizzare gli elementi nella finestra del documento
    9. Definire le proprietà del testo nella finestra di ispezione Proprietà
    10. Eseguire il controllo ortografico di una pagina Web
    11. Utilizzo dei filetti orizzontali in Dreamweaver
    12. Aggiungere e modificare le combinazioni di caratteri in Dreamweaver
    13. Operazioni con le risorse
    14. Inserire e aggiornare le date in Dreamweaver
    15. Creare e gestire le risorse preferite in Dreamweaver
    16. Inserire e modificare le immagini in Dreamweaver
    17. Aggiungere oggetti multimediali
    18. Aggiunta di video in Dreamweaver
    19. Inserire video HTML5
    20. Inserire file SWF
    21. Aggiungere effetti audio
    22. Inserire l'audio HTML5 in Dreamweaver
    23. Operazioni con le voci di libreria
    24. Utilizzare testo in arabo e in ebraico in Dreamweaver
  10. Collegamenti e navigazione
    1. Informazioni sui collegamenti e sulla navigazione
    2. Collegamenti
    3. Mappe immagine
    4. Risoluzione dei problemi di collegamenti
  11. Widget ed effetti jQuery
    1. Utilizzare i widget jQuery UI e Mobile in Dreamweaver
    2. Usare effetti jQuery in Dreamweaver
  12. Programmazione dei siti Web
    1. Programmazione in Dreamweaver
    2. Ambiente di codifica in Dreamweaver
    3. Impostare le preferenze di codifica
    4. Personalizzare la colorazione del codice
    5. Scrivere e modificare codice
    6. Suggerimenti sul codice e completamento del codice
    7. Comprimere ed espandere codice
    8. Riutilizzo del codice con gli snippet
    9. Comando Lint
    10. Ottimizzare il codice
    11. Modificare il codice nella vista Progettazione.
    12. Utilizzo del contenuto dell'intestazione delle pagine
    13. Inserimento di server-side include in Dreamweaver
    14. Uso delle librerie di tag in Dreamweaver
    15. Importazione di tag personalizzati in Dreamweaver
    16. Utilizzare i comportamenti JavaScript (istruzioni generali)
    17. Applicare comportamenti JavaScript incorporati
    18. Informazioni su XML e XSLT
    19. Eseguire trasformazioni XSL server-side in Dreamweaver
    20. Esecuzione di trasformazioni XSL client-side in Dreamweaver
    21. Aggiungere entità di carattere per XSLT in Dreamweaver
    22. Formattazione del codice
  13. Flussi di lavoro di interazione con altri prodotti
    1. Installazione e uso delle estensioni in Dreamweaver
    2. Aggiornamenti in app in Dreamweaver
    3. Inserire documenti Microsoft Office in Dreamweaver (solo Windows)
    4. Operazioni con Fireworks e Dreamweaver
    5. Modificare il contenuto nei siti Dreamweaver mediante Contribute
    6. Integrazione tra Dreamweaver e Business Catalyst
    7. Creare campagne e-mail personalizzate
  14. Modelli
    1. Informazioni sui modelli di Dreamweaver
    2. Riconoscere i modelli e i documenti basati sui modelli
    3. Creare un modello di Dreamweaver
    4. Creare aree modificabili nei modelli
    5. Creare aree e tabelle ripetute nei modelli in Dreamweaver
    6. Usare le aree opzionali nei modelli
    7. Definire attributi di tag modificabili in Dreamweaver
    8. Creare modelli nidificati in Dreamweaver
    9. Modificare, aggiornare ed eliminare modelli
    10. Esportare e importare contenuti xml in Dreamweaver
    11. Applicare o rimuovere un modello da un documento esistente
    12. Modificare il contenuto nei modelli di Dreamweaver
    13. Regole di sintassi per i tag di modello in Dreamweaver
    14. Impostare le preferenze di evidenziazione per le aree dei modelli
    15. Vantaggi dell'uso dei modelli in Dreamweaver
  15. Dispositivi mobili e multischermo
    1. Creare media query
    2. Cambiamento dell'orientamento della pagina per i dispositivi mobili
    3. Creare web app per dispositivi mobili utilizzando Dreamweaver
  16. Siti, pagine e moduli Web dinamici
    1. Applicazioni Web
    2. Configurare il computer per lo sviluppo di applicazioni
    3. Risoluzione dei problemi relativi alle connessioni di database
    4. Rimozione di script di connessione in Dreamweaver
    5. Progettare pagine dinamiche
    6. Panoramica sulle origini di contenuto dinamico
    7. Definire le origini di contenuto dinamico
    8. Aggiungere contenuto dinamico alle pagine
    9. Modifica del contenuto dinamico in Dreamweaver
    10. Visualizzare i record di database
    11. Fornire dati dal vivo e risoluzione dei problemi in Dreamweaver
    12. Aggiungere comportamenti server personalizzati in Dreamweaver
    13. Creazione di moduli con Dreamweaver
    14. Usare moduli per raccogliere informazioni dagli utenti
    15. Creare e attivare i moduli ColdFusion in Dreamweaver
    16. Creare moduli Web
    17. Supporto HTML5 avanzato per gli elementi modulo
    18. Sviluppare un modulo con Dreamweaver
  17. Sviluppo visivo delle applicazioni
    1. Creare pagine principali e di dettaglio in Dreamweaver
    2. Creare pagine di ricerca e di risultati
    3. Creare una pagina di inserimento record
    4. Costruire una pagine di aggiornamento record in Dreamweaver
    5. Costruzione di pagine di eliminazione record in Dreamweaver
    6. Utilizzare comandi ASP per modificare un database in Dreamweaver
    7. Creare una pagina di registrazione
    8. Creare una pagina di login
    9. Creare una pagina accessibile solo agli utenti autorizzati
    10. Protezione delle cartelle in ColdFusion utilizzando Dreamweaver
    11. Utilizzo di componenti ColdFusion in Dreamweaver
  18. Verifica, anteprima e pubblicazione dei siti Web
    1. Anteprima delle pagine
    2. Visualizzare in anteprima pagine web di Dreamweaver su più dispositivi
    3. Verificare il sito Dreamweaver

 

Nota:

l'interfaccia utente di Dreamweaver CC e versioni successive è stata semplificata. Di conseguenza, potreste non trovare alcune delle opzioni descritte in questo articolo in Dreamweaver CC e versioni successive. Per ulteriori informazioni, consultate questo articolo.

Raccolta di informazioni dagli utenti

Potete utilizzare le pagine Web e i collegamenti ipertestuali per raccogliere informazioni dagli utenti, archiviarle nella memoria del server e quindi utilizzarle per creare una risposta dinamica in base all'input dell'utente. Gli strumenti più comuni per la raccolta di informazioni dell'utente sono i moduli HTML e i collegamenti ipertestuali.

Moduli HTML

Consentono di raccogliere informazioni dagli utenti e di archiviarle nella memoria del server. Un modulo HTML può inviare le informazioni come parametri modulo o come parametri URL.

Collegamenti ipertestuali

Consentono di raccogliere informazioni dagli utenti e di archiviarle nella memoria del server. Per specificare il valore (o i valori) da inviare nel momento in cui l'utente fa clic su un collegamento, ad esempio una preferenza, aggiungete tale valore all'URL specificato nel tag di ancoraggio. Quando un utente fa clic sul collegamento, il browser invia al server l'URL e il valore aggiunto.

Parametri modulo HTML

I parametri modulo vengono inviati al server mediante un modulo HTML utilizzando il metodo POST o GET.

Quando si usa il metodo POST, i parametri vengono inviati al server Web nell'intestazione del documento e non sono visibili o accessibili da parte di nessuno che visualizzi la pagina utilizzando metodi standard. Il metodo POST deve essere utilizzato per i valori che possono modificare il contenuto del database (ad esempio operazioni di inserimento, aggiornamento o eliminazione di record) oppure per i valori inviati via e-mail.

Con il metodo GET i parametri vengono aggiunti all'URL richiesto. In questo caso i parametri sono visibili a chiunque visualizzi la pagina. Nei moduli di ricerca deve essere utilizzato il metodo GET.

Dreamweaver può essere utilizzato per creare rapidamente moduli HTML che inviano parametri modulo al server. Dovete essere a conoscenza del metodo scelto per trasmettere le informazioni dal browser al server.

I parametri modulo assumono i nomi degli oggetti modulo corrispondenti. Ad esempio, se il modulo contiene un campo di testo denominato txtLastName, quando l'utente fa clic sul pulsante Invia viene inviato al server il seguente parametro del modulo:

txtLastName=enteredvalue

Nei casi in cui l'applicazione Web richiede un valore di parametro esatto (ad esempio quando effettua un'azione basata su una tra diverse opzioni disponibili), per controllare i valori che un utente può inviare utilizzate gli oggetti modulo pulsante di scelta, casella di controllo o elenco/menu. In questo modo evitate che l'utente inserisca informazioni non valide causando un errore nell'applicazione. L'esempio seguente illustra un modulo con menu a comparsa contenente tre scelte:

Modulo menu a comparsa

Ogni scelta di menu corrisponde a un valore hardcoded che viene inviato al server come parametro modulo. La finestra di dialogo Elenco valori illustrata di seguito abbina ogni voce dell'elenco a un valore (Add, Update o Delete).

Finestra di dialogo Elenco valori

Dopo che è stato creato un parametro modulo, Dreamweaver può recuperare il valore e utilizzarlo in un'applicazione Web. Una volta definito il parametro modulo in Dreamweaver, potete inserirne il valore in una pagina.

Parametri URL

I parametri URL consentono di inviare le informazioni fornite dagli utenti dal browser al server. Quando un server riceve una richiesta e l'URL della richiesta comprende dei parametri, il server rende disponibili i parametri alla pagina richiesta prima di inviarla al browser.

Un parametro URL è costituito da una coppia nome/valore aggiunta a un URL. Il parametro inizia con un punto interrogativo (?) e ha il formato seguente: name=value. Se è presente più di un parametro URL, ciascun parametro è separato da una E commerciale (&). L'esempio seguente mostra un parametro URL con due coppie nome/valore:

http://server/path/document?name1=value1&name2=value2

In questo esempio di flusso di lavoro, l'applicazione è un negozio Web. Per poter raggiungere il maggior numero possibile di utenti, gli sviluppatori del sito hanno incluso il supporto per le valute estere. Quando gli utenti accedono al sito, possono selezionare la valuta in cui visualizzare i prezzi degli articoli disponibili.

  1. Il browser richiede al server la pagina report.cfm. La richiesta include il parametro URL Currency="euro". La variabile Currency="euro" specifica che tutti gli importi monetari recuperati verranno espressi in Euro.

  2. Il server archivia provvisoriamente il parametro URL in memoria.

  3. La pagina report.cfm utilizza il parametro per recuperare il costo degli articoli in Euro. Questi importi monetari possono essere archiviati in una tabella del database con diverse valute oppure convertite da una valuta singola associata all'articolo a qualsiasi valuta supportata dall'applicazione.

  4. Il server invia la pagina report.cfm al browser e visualizza il valore degli articoli nella valuta richiesta. Quando l'utente chiude la sessione, il server cancella il valore del parametro URL, liberando la memoria del server per le nuove richieste degli utenti.

    I parametri URL vengono creati anche quando il metodo GET HTTP viene utilizzato insieme a un modulo HTML. Il metodo GET specifica che il valore del parametro venga aggiunto all'URL richiesto al momento dell'invio del modulo.

    I parametri URL vengono solitamente utilizzati per personalizzare siti Web in base alle preferenze dell'utente. Ad esempio, un parametro URL costituito da un nome utente e da una password può essere utilizzato per eseguire l'autenticazione di un utente, visualizzando soltanto le informazioni per le quali l'utente si è registrato. Esempi comuni sono i siti Web di carattere finanziario, che visualizzano determinate quotazioni in base ai simboli del mercato azionario precedentemente selezionati dall'utente. Gli sviluppatori di applicazioni per il Web utilizzano di solito i parametri URL per inviare i valori alle variabili contenute all'interno delle applicazioni. Ad esempio, potete inviare termini di ricerca alle variabili SQL di un'applicazione Web in modo da generare risultati di ricerca.

Creare parametri URL mediante collegamenti HTML

Per creare parametri URL all'interno di un collegamento HTML, occorre utilizzare l'attributo href del tag di ancoraggio HTML. Potete inserire i parametri URL direttamente nell'attributo nella vista Codice (Visualizza > Codice) oppure aggiungerli alla fine dell'URL del collegamento nella casella di testo Collegamento nella finestra di ispezione Proprietà.

Nell'esempio seguente, tre collegamenti creano un unico parametro URL (action) con tre valori possibili (Add, Update e Delete). Quando l'utente fa clic su un collegamento, viene inviato al server un valore di parametro e viene eseguita l'azione corrispondente.

<a href="http://www.mysite.com/index.cfm?action=Add">Add a record</a> 
<a href="http://www.mysite.com/index.cfm?action=Update">Update a record</a> 
<a href="http://www.mysite.com/index.cfm?action=Delete">Delete a record</a>

La finestra di ispezione Proprietà (Finestra > Proprietà) consente di creare gli stessi parametri URL selezionando il collegamento e aggiungendo i valori dei parametri URL alla fine dell'URL del collegamento nella casella di testo Collegamento.

Finestra di ispezione Proprietà

Dopo che è stato creato un parametro URL, Dreamweaver può recuperare il valore e utilizzarlo in un'applicazione Web. Una volta definito il parametro URL in Dreamweaver, potete inserirne il valore in una pagina.

Logo Adobe

Accedi al tuo account