Nella vista Progettazione della finestra del documento, spostate il punto di inserimento nella posizione in cui desiderate inserire il contenuto, quindi effettuate una delle seguenti operazioni:
Ultimo aggiornamento il
3 mag 2021
- Guida utente di Dreamweaver
- Introduzione
- Dreamweaver e Creative Cloud
- Aree di lavoro e viste di Dreamweaver
- Configurare i siti
- Siti di Dreamweaver
- Configurare una versione locale del sito
- Collegamento a un server di pubblicazione
- Configurare un server di prova
- Importare ed esportare le impostazioni di un sito Dreamweaver
- Passaggio di siti Web esistenti da un server remoto alla cartella principale del sito locale
- Funzioni di accessibilità in Dreamweaver
- Impostazioni avanzate
- Impostazione delle preferenze del sito per il trasferimento dei file
- Specificare le Impostazioni del server proxy in Dreamweaver
- Sincronizzare le impostazioni di Dreamweaver con Creative Cloud
- Utilizzo di Git in Dreamweaver
- Gestire i file
- Creare e aprire file
- Gestire file e cartelle
- Scaricamento e caricamento dei file da e verso il server
- Depositare e ritirare i file
- Sincronizzare i file
- Confrontare file per verificare le differenze
- Applicare la maschera file a file e cartelle del sito Dreamweaver
- Attivare le Design Notes per i siti di Dreamweaver
- Impedire un potenziale attacco exploit del Gatekeeper
- Layout e progettazione
- Usare i riferimenti visivi per il layout
- Informazioni sull'utilizzo di CSS per creare il layout della pagina
- Progettazione di siti Web reattivi con Bootstrap
- Creazione e utilizzo di media query in Dreamweaver
- Presentare il contenuto mediante le tabelle
- Colori
- Responsive design con i layout a griglia fluida
- Extract in Dreamweaver
- CSS
- Nozioni sui fogli di stile CSS
- Creazione del layout delle pagine con CSS Designer
- Utilizzare i preprocessori CSS in Dreamweaver
- Impostare le preferenze di stile CSS in Dreamweaver
- Spostare le regole CSS in Dreamweaver
- Convertire CSS in linea in una regola CSS in Dreamweaver
- Utilizzare i tag div
- Applicare sfumature allo sfondo
- Creare e modificare effetti di transizione CSS3 in Dreamweaver
- Formattazione del codice
- Contenuto e risorse delle pagine
- Impostare le proprietà di pagina
- Impostare le proprietà dei collegamenti CSS e le proprietà dei collegamenti CSS
- Lavorare con il testo
- Ricercare e sostituire testo, tag e attributi
- Pannello DOM
- Modifica nella vista Dal vivo
- Codifica dei documenti in Dreamweaver
- Selezionare e visualizzare gli elementi nella finestra del documento
- Definire le proprietà del testo nella finestra di ispezione Proprietà
- Eseguire il controllo ortografico di una pagina Web
- Utilizzo dei filetti orizzontali in Dreamweaver
- Aggiungere e modificare le combinazioni di caratteri in Dreamweaver
- Operazioni con le risorse
- Inserire e aggiornare le date in Dreamweaver
- Creare e gestire le risorse preferite in Dreamweaver
- Inserire e modificare le immagini in Dreamweaver
- Aggiungere oggetti multimediali
- Aggiunta di video in Dreamweaver
- Inserire video HTML5
- Inserire file SWF
- Aggiungere effetti audio
- Inserire l'audio HTML5 in Dreamweaver
- Operazioni con le voci di libreria
- Utilizzare testo in arabo e in ebraico in Dreamweaver
- Collegamenti e navigazione
- Widget ed effetti jQuery
- Programmazione dei siti Web
- Programmazione in Dreamweaver
- Ambiente di codifica in Dreamweaver
- Impostare le preferenze di codifica
- Personalizzare la colorazione del codice
- Scrivere e modificare codice
- Suggerimenti sul codice e completamento del codice
- Comprimere ed espandere codice
- Riutilizzo del codice con gli snippet
- Comando Lint
- Ottimizzare il codice
- Modificare il codice nella vista Progettazione.
- Utilizzo del contenuto dell'intestazione delle pagine
- Inserimento di server-side include in Dreamweaver
- Uso delle librerie di tag in Dreamweaver
- Importazione di tag personalizzati in Dreamweaver
- Utilizzare i comportamenti JavaScript (istruzioni generali)
- Applicare comportamenti JavaScript incorporati
- Informazioni su XML e XSLT
- Eseguire trasformazioni XSL server-side in Dreamweaver
- Esecuzione di trasformazioni XSL client-side in Dreamweaver
- Aggiungere entità di carattere per XSLT in Dreamweaver
- Formattazione del codice
- Flussi di lavoro di interazione con altri prodotti
- Installazione e uso delle estensioni in Dreamweaver
- Aggiornamenti in app in Dreamweaver
- Inserire documenti Microsoft Office in Dreamweaver (solo Windows)
- Operazioni con Fireworks e Dreamweaver
- Modificare il contenuto nei siti Dreamweaver mediante Contribute
- Integrazione tra Dreamweaver e Business Catalyst
- Creare campagne e-mail personalizzate
- Modelli
- Informazioni sui modelli di Dreamweaver
- Riconoscere i modelli e i documenti basati sui modelli
- Creare un modello di Dreamweaver
- Creare aree modificabili nei modelli
- Creare aree e tabelle ripetute nei modelli in Dreamweaver
- Usare le aree opzionali nei modelli
- Definire attributi di tag modificabili in Dreamweaver
- Creare modelli nidificati in Dreamweaver
- Modificare, aggiornare ed eliminare modelli
- Esportare e importare contenuti xml in Dreamweaver
- Applicare o rimuovere un modello da un documento esistente
- Modificare il contenuto nei modelli di Dreamweaver
- Regole di sintassi per i tag di modello in Dreamweaver
- Impostare le preferenze di evidenziazione per le aree dei modelli
- Vantaggi dell'uso dei modelli in Dreamweaver
- Dispositivi mobili e multischermo
- Siti, pagine e moduli Web dinamici
- Applicazioni Web
- Configurare il computer per lo sviluppo di applicazioni
- Risoluzione dei problemi relativi alle connessioni di database
- Rimozione di script di connessione in Dreamweaver
- Progettare pagine dinamiche
- Panoramica sulle origini di contenuto dinamico
- Definire le origini di contenuto dinamico
- Aggiungere contenuto dinamico alle pagine
- Modifica del contenuto dinamico in Dreamweaver
- Visualizzare i record di database
- Fornire dati dal vivo e risoluzione dei problemi in Dreamweaver
- Aggiungere comportamenti server personalizzati in Dreamweaver
- Creazione di moduli con Dreamweaver
- Usare moduli per raccogliere informazioni dagli utenti
- Creare e attivare i moduli ColdFusion in Dreamweaver
- Creare moduli Web
- Supporto HTML5 avanzato per gli elementi modulo
- Sviluppare un modulo con Dreamweaver
- Sviluppo visivo delle applicazioni
- Creare pagine principali e di dettaglio in Dreamweaver
- Creare pagine di ricerca e di risultati
- Creare una pagina di inserimento record
- Costruire una pagine di aggiornamento record in Dreamweaver
- Costruzione di pagine di eliminazione record in Dreamweaver
- Utilizzare comandi ASP per modificare un database in Dreamweaver
- Creare una pagina di registrazione
- Creare una pagina di login
- Creare una pagina accessibile solo agli utenti autorizzati
- Protezione delle cartelle in ColdFusion utilizzando Dreamweaver
- Utilizzo di componenti ColdFusion in Dreamweaver
- Verifica, anteprima e pubblicazione dei siti Web
- Risoluzione dei problemi
Inserire e visualizzare in anteprima i file SWF in Dreamweaver e impostare le proprietà dei file SWF.
Prima di utilizzare Dreamweaver per inserire contenuti creati con Adobe Animate CC, dovete acquisire familiarità con i diversi tipi di file seguenti:
File FLA (.fla)
Il file di origine di qualsiasi progetto, creato utilizzando lo strumento di creazione di Flash. Questo tipo di file può essere aperto unicamente in Flash (non in Dreamweaver né in un browser). Per utilizzare un file FLA con un browser, aprite il file in Flash e pubblicatelo come file SWF o SWT.
File SWF (.swf)
Una versione compilata del file FLA (.fla), ottimizzata per la riproduzione sul web. Questo tipo di file può essere riprodotto con un browser e visualizzato in anteprima con Dreamweaver, ma non può essere modificato in Flash.
File FLV (.flv)
Un file video che include dati audio e video codificati disponibili tramite Flash® Player. Ad esempio, in caso di file video QuickTime o Windows Media, utilizzate un codificatore (come Flash® Video Encoder o Sorenson Squeeze) per convertire il file video in un file FLV. Per ulteriori informazioni, visitate il Centro sulla tecnologia video all'indirizzo www.adobe.com/go/flv_devcenter_it.
Inserire e visualizzare l'anteprima dei file SWF
Utilizzate Dreamweaver per aggiungere file SWF alle pagine e successivamente per visualizzarne un'anteprima in un documento o in un browser. Potete anche impostare le proprietà dei file SWF nella finestra di ispezione Proprietà.
Inserire un file SWF
-
- Nel pannello Inserisci, selezionate Flash SWF.
- Selezionate Inserisci > HTML > Flash SWF.
-
Nella finestra di dialogo visualizzata, selezionate un file SWF (.swf).
Nella finestra del documento viene visualizzato un segnaposto del file SWF.
-
Salvate il file.
Dreamweaver vi informa che due file dipendenti, expressInstall.swf e swfobject_modified.js, vengono salvati nella cartella Scripts del sito. Non dimenticate di caricare questi file quando caricate il file SWF sul server Web. I browser non sono in grado di visualizzare correttamente il file SWF a meno che non abbiate caricato anche questi file dipendenti.
Nota:Microsoft Internet Information Server (IIS) non elabora i tag object nidificati. Per le pagine ASP, Dreamweaver utilizza codice di incorporamento/oggetto nidificato anziché codice oggetto nidificato al momento dell'inserimento di file SWF o FLV.
Modificare le informazioni sullo scaricamento di Flash Player
Quando inserite un file SWF in una pagina, Dreamweaver inserisce del codice che rileva se l'utente dispone dalla versione corretta di Flash Player. In caso contrario, la pagina visualizza del contenuto alternativo predefinito che richiede all'utente di scaricare la versione più recente. Potete modificare questo contenuto alternativo in qualsiasi momento.
La procedura è valida anche per i file FLV.
Nota:
se un utente non dispone della versione richiesta bensì di Flash Player 6.0 r65 o successivo, il browser visualizza un programma di installazione rapida di Flash Player. Se l'utente rifiuta l'installazione rapida, la pagina visualizza il contenuto alternativo.
-
Nella vista Progettazione della finestra del documento, selezionate il file SWF o il file FLV.
-
Fate clic sull'icona a forma di occhio nel tratteggio del file SWF o del file FLV.Nota:
potete anche premere Ctrl + ] per passare alla visualizzazione del contenuto alternativo. Per ritornare alla visualizzazione del file SWF/FLV, premete Ctrl + [ fino a quando è selezionato tutto il contenuto alternativo. Quindi, premete di nuovo Ctrl + [.
-
Modificate il contenuto come avviene per qualunque altro contenuto in Dreamweaver.Nota:
non potete aggiungere file SWF o FLV come contenuto alternativo.
-
Fate clic sull'icona a forma di occhio per ritornare alla visualizzazione del file SWF (o FLV).
Visualizzare l'anteprima dei file SWF nella finestra del documento
-
Nella finestra del documento, fate clic sul segnaposto del file SWF per selezionare il contenuto.
-
Nella finestra di ispezione Proprietà (Finestra > Proprietà), fate clic sul pulsante Riproduci. Fate clic su Interrompi per interrompere la riproduzione del filmato. Premete F12 per visualizzare l'anteprima del file SWF direttamente nel browser.Nota:
per visualizzare tutti i file SWF di una pagina, premete Ctrl+Alt+Maiusc+P (Windows) o Comando+Opzione+Maiusc+P (Macintosh). Tutti i file SWF vengono impostati su Riproduci.
Impostare le proprietà dei file SWF
Potete impostare le proprietà dei file SWF mediante la finestra di ispezione Proprietà. Le proprietà sono valide anche per i filmati Shockwave.
-
Selezionate un file SWF o un filmato Shockwave e impostate le opzioni nella finestra di ispezione Proprietà (Finestra > Proprietà). Per visualizzare tutte le proprietà, fate clic sulla freccia di espansione nell'angolo inferiore destro della finestra di ispezione Proprietà.
ID
Specifica un ID univoco per il file SWF. Inserite un ID nella casella di testo senza nome visualizzata in alto a sinistra (finestra di ispezione Proprietà). In Dreamweaver CS4 è richiesto un ID univoco.
Larg. e Alt.
Indicano la larghezza e l'altezza del filmato in pixel.
File
Specifica il percorso del file SWF o Shockwave. Fate clic sull'icona della cartella per individuare il file oppure digitatene il percorso.
Orig.
Specifica il percorso del documento di origine (il file FLA) quando nel computer sono installati sia Dreamweaver che Flash. Per modificare un file SWF, aggiornate il documento di origine del filmato.
Sf
Specifica il colore di sfondo dell'area del filmato. Questo colore viene visualizzato anche durante il caricamento e dopo la riproduzione del filmato.
Modifica
Avvia Flash per aggiornare un file FLA (un file creato nello strumento di creazione di Flash). Se sul computer non è installato Flash, questa opzione è disattivata.
Classe
Consente di applicare una classe CSS al filmato.
Ciclo
Riproduce il filmato in modo continuo. Quando l'opzione Ciclo non è selezionata, il filmato si arresta dopo una riproduzione completa.
Riproduzione automatica
Avvia automaticamente l'esecuzione del filmato quando viene caricata la pagina.
Spazio V e Spazio O
Specifica il numero di pixel bianchi che devono rimanere al di sopra e al di sotto o a destra e a sinistra del filmato.
Qualità
Controlla il livello di antialiasing durante la riproduzione del filmato. Le impostazioni elevate migliorano l'aspetto dei filmati. Tuttavia, richiedono un processore più veloce per essere visualizzate correttamente sullo schermo. L'impostazione Bassa predilige la velocità a scapito della qualità di riproduzione, mentre con l'impostazione Alta si verifica l'opposto. Bassa automatica cerca prevalentemente di favorire la velocità di riproduzione, migliorando dove possibile la qualità delle immagini. Alta automatica inizialmente mantiene sia la qualità che la velocità, ma se necessario sacrifica la qualità per mantenere la velocità.
Ridimesionamento
Determina l'adattamento del filmato entro le dimensioni impostate nelle caselle di testo La e Al (larghezza e altezza). Per impostazione predefinita viene visualizzato l'intero filmato.
Allinea
Specifica il tipo di allineamento del filmato rispetto alla pagina.
Wmode
Imposta il parametro Wmode del file SWF per evitare conflitti con gli elementi DHTML, ad esempio i widget Spry. Il valore predefinito è opaque, che consente la visualizzazione degli elementi DHTML in primo piano rispetto ai file SWF in un browser. Se il file SWF include delle trasparenze e desiderate che gli elementi DHTML vengano visualizzati dietro di esse, selezionate l'opzione transparent. Selezionate l'opzione Finestra per rimuovere il parametro Wmode dal codice e consentire la visualizzazione del file SWF in primo piano rispetto agli altri elementi DHTML.
Riproduci
Riproduce il filmato nella finestra del documento.
Parametri
Apre una finestra di dialogo che consente di inserire parametri aggiuntivi per il filmato. Per poter accettare tutti questi parametri supplementari, il filmato deve essere stato configurato in questo senso fin dall'inizio.