Riepilogo delle funzioni

Dreamweaver CC 2017.5 supporta le seguenti nuove funzioni e migliorie:

• Supporto per Git per gestire i file in Dreamweaver
• Nuovi temi del codice
• Procedura guidata per i nuovi utenti migliorata

Continuate a leggere per saperne di più su queste funzioni e questi miglioramenti.

Supporto per Git in Dreamweaver

La versione di Dreamweaver CC 2017.5 supporta Git, un sistema open source di controllo delle versioni. Con il nuovo supporto per Git, potete ora gestire i file, compreso il codice sorgente, direttamente da Dreamweaver.

Ora potete eseguire le operazioni Git più comuni direttamente da Dreamweaver, senza richiedere strumenti di terze parti. Il nuovo pannello Git (Finestra > Git) consente di eseguire diverse operazioni Git tra cui Commit, Push, Pull e Fetch.

Git può anche essere utilizzato come strumento di collaborazione creando e unendo diramazioni e repository remoti. Potete inoltre visualizzare le differenze tra due versioni di un file e visualizzare le cronologie di file e repository. 

Ora il pannello File in Dreamweaver supporta inoltre una nuova vista Git. Utilizzando questa vista, potete gestire i file non monitorati, modificati, sullo stage e di cui avete eseguito il commit associati al sito. 

Per ulteriori informazioni sull’utilizzo di Git per il controllo delle versioni e la collaborazione, consultate Utilizzo di Git in Dreamweaver.

Nuovi temi del codice

Dreamweaver CC 2017.5 supporta ora due nuovi temi del codice: Monaki e Classic. Potete selezionare e usare questi temi del codice che forniscono i colori di codice simili a Dreamweaver CC 2015. 

Per provare nuovi temi del codice per una migliore leggibilità e caratteristiche estetiche, selezionate Dreamweaver > Preferenze (macOS) o Modifica > Preferenze > Interfaccia (Windows).

Migliore procedura guidata

Quando avviate Dreamweaver CC 2017.5 per la prima volta, la schermata di benvenuto visualizza una procedura guidata migliorata. La nuova procedura guidata mostra una delle seguenti due esercitazioni video, in base all’area di lavoro scelta:

• Una breve esercitazione sull’area di lavoro Sviluppatore
• Una breve esercitazione sull’area di lavoro Standard

Le due esercitazioni video sono anche accessibili nel menu Aiuto. Per visualizzare le esercitazioni, selezionate Aiuto > Esercitazione rapida.

Altri miglioramenti

Dreamweaver CC 2017.5 è ora integrato con una nuova versione di CEF. Con la nuova versione di CEF, la vista Dal vivo di Dreamweaver visualizza gli elementi HTML personalizzati, le proprietà personalizzate per CSS e molto altro ancora.

Adobe Dreamweaver CC (versione 2017.1)

Dreamweaver CC 2017.1 offre supporto aggiuntivo per il codice includendo le seguenti funzionalità:

• Supporto per PHP 7.1
• Ricerca e sostituzione migliorate

Continuate a leggere per una breve introduzione a questi miglioramenti.

Supporto per PHP 7.1

Nelle versioni precedenti di Dreamweaver era possibile accedere ai suggerimenti sul codice e ai controlli di analisi per PHP 5.6. Dreamweaver 17.1 è configurato per PHP versione 5.6 e 7.1.

Potete scegliere di compilare i file PHP del sito utilizzando la versione 5.6 o 7.1 tramite la finestra di dialogo Configurazione sito o Modifica > Preferenze.

Per ulteriori informazioni sul supporto per PHP 7.1, consultate i seguenti articoli:

• Impostare le preferenze di PHP
• Suggerimenti sul codice PHP

Ricerca e sostituzione migliorate

Questa release comprende importanti miglioramenti alle funzionalità di ricerca e sostituzione. 

Ora potete cercare attributi e tag utilizzando la finestra di dialogo Trova e sostituisci (Trova > Trova e sostituisci nei file). La finestra di dialogo può essere utilizzata anche se non ci sono file aperti in Dreamweaver (ad esempio, per cercare all’interno di una cartella).

Inoltre, la barra di ricerca rapida (Trova > Trova e sostituisci) è stata ora spostata nella parte inferiore dell’area di lavoro di Dreamweaver. Utilizzate questo pannello per trovare e sostituire rapidamente testo e attributi all’interno del documento corrente.

Per ulteriori informazioni su ricerca e sostituzione, consultate Trovare e sostituire testo, tag e attributi. Per i problemi noti con la funzione di ricerca e sostituzione in Dreamweaver 17.1, consultate Problemi noti e difetti corretti nelle versioni di Dreamweaver CC 2017.

Nuove scelte rapide da tastiera per la ricerca e la sostituzione:

• Trova nel documento corrente: Ctrl + F (Windows) o Comando + F (Mac) 
• Trova e sostituisci nei file: Ctrl + Maiusc + F (Windows) o Comando + Maiusc + F (Mac) 
• Sostituisci nel documento corrente: Ctrl + H (Windows) o Comando + Alt + F (Mac)
  

Per un elenco completo delle scelte rapide da tastiera di ricerca e sostituzione, consultate Scelte rapide da tastiera per la ricerca e la sostituzione.

Aggiornamento a Dreamweaver CC versione 2017 (17.0.2)

Creazione di campagne e-mail utilizzando Dreamweaver con Campaign

Ora potete utilizzare l’estensione di Campaign per Dreamweaver per creare campagne e-mail personalizzate. 

La creazione di contenuti personalizzati è molto importante per stabilire una connessione immediata con il lettore e aumentare eventualmente la percentuale di successo del marketing tramite e-mail. 

Se utilizzate Dreamweaver per creare campagne e-mail, avrete una marcia in più grazie alla possibilità di aggiungere contenuto personalizzato (ad esempio, il nome del lettore o una chiamata all’azione personalizzata) utilizzando i dati di Adobe Campaign.

Per iniziare, scaricate l’estensione di Campaign facendo clic su Finestra > Estensioni > Sfoglia estensioni, create una nuova e-mail per newsletter o modificatene una esistente. Al termine della progettazione, per completare la newsletter, personalizzate il contenuto utilizzando i campi di personalizzazione e le sezioni di contenuti di Campaign. 

La sincronizzazione tra Dreamweaver e Campaign avviene automaticamente; in questo modo le modifiche effettuate al contenuto in Dreamweaver saranno disponibili in Campaign. L’ultima operazione da completare prima di inviare la campagna personalizzata è inserire l’indirizzo e-mail del destinatario.

Per ulteriori informazioni, consultate Creare campagne e-mail personalizzate.

Aggiornamento a Dreamweaver CC versione 2017 (17.0.1)

Supporto incorporato per la colorazione del codice

Ora potete creare e personalizzare i temi del codice, in base ai temi predefiniti Chiaro e Scuro. Potete quindi personalizzare i colori del codice modificando i selettori pertinenti nel file del tema.

Selezionate il tema chiaro o scuro predefinito del codice in Modifica> Preferenze > Interfaccia e, se desiderate modificare i colori del codice, salvate il tema con un nuovo nome ed iniziate a modificarlo. 

Per ulteriori informazioni sulla personalizzazione dei colori del codice, consultate Personalizzare la colorazione del codice.

Dreamweaver CC versione 2017 (17.0)

La versione di Adobe Dreamweaver CC 2017 comprende un editor di codice completamente nuovo, un’interfaccia utente più intuitiva con un tema scuro e chiaro selezionabile e numerosi miglioramenti, compreso il supporto per nuovi flussi di lavoro come i preprocessori CSS.

Continuate a leggere per un elenco completo delle novità e delle modifiche implementate in Dreamweaver CC 2017:

Editor di codice riprogettato

All’editor di codice in Dreamweaver sono state apportate diverse migliorie per la produttività che consentono di concentrarsi sull’attività di codifica, con rapidità ed efficienza.

I suggerimenti sul codice consentono ai nuovi utenti di imparare a usare il linguaggio HTML, CSS e altri standard del Web, mentre i riferimenti visivi come il rientro automatico, la colorazione del codice e i font ridimensionabili contribuiscono a ridurre gli errori e a rendere il codice più facile da leggere. 

Suggerimenti sul codice

La funzionalità di suggerimenti sul codice in Dreamweaver è ottimizzata per fornire informazioni di maggior utilità per il codice selezionato.

Nelle versioni precedenti di Dreamweaver, quando digitate una parentesi angolare di apertura, viene visualizzato un elenco a discesa del codice pertinente.

In questa versione, non solo è visualizzato il codice pertinente, ma anche informazioni aggiuntive che consentono di velocizzare l’apprendimento di HTML, CSS e altre tecnologie Web direttamente in Dreamweaver. 

Per ulteriori informazioni, consultate Suggerimenti sul codice e completamento del codice.

Miglioramenti alla visualizzazione del codice

L’aspetto generale del codice è ora ottimizzato per migliorarne la leggibilità. Potete notare miglioramenti nella formattazione e nella colorazione del codice. 

Formattazione del codice

Durante la scrittura del codice, Dreamweaver inserisce automaticamente i rientri del codice per evitare rientri manuali erronei e migliorare la leggibilità. 

Colorazione codice

Dreamweaver supporta ora la colorazione del codice per un numero maggiore di tipi di file.

Il supporto per la colorazione del codice è ora disponibile per HTML, JS, CSS, PHP, XML, LESS, Sass, SCSS, SVG, Bash, C, C#, C++, clojure, CoffeeScript, Dart, Diff, EJS, Embedded Ruby, Groovy, Handlebars, Haskell, Haxe, Java, JSON, Lua, Markdown, Markdown (GitHub), Perl, Properties, Python, RDF Turtle, Ruby, Scala, SQL, Stylus, Text, VB, VBScript, XML e YAML. 

È possibile modificare l’evidenziazione della sintassi per tipi di file diversi direttamente dalla barra di stato nella vista Codice.

Per ulteriori informazioni relative a queste modifiche, consultate Ambiente di codifica in Dreamweaver.

Supporto per preprocessori CSS

Dreamweaver ora supporta i preprocessori CSS più comuni, come Sass, Less e SCSS, con funzionalità complete di compilazione e colorazione del codice, così potete risparmiare tempo e produrre codice più chiaro.

Per ulteriori informazioni sul supporto per i preprocessori CSS in Dreamweaver, consultate Utilizzare i preprocessori CSS in Dreamweaver.

Anteprima in tempo reale nel browser

Visualizzate rapidamente in anteprima le modifiche al codice in tempo reale senza dover aggiornare manualmente il browser. Dreamweaver ora si connette al browser in modo che le modifiche siano visualizzate istantaneamente senza ricaricare la pagina. 

Per ulteriori informazioni, consultate Anteprima in tempo reale nel browser.

Modifica rapida dei file di codice correlato (Modifica rapida)

Per modificare rapidamente il codice, posizionate il cursore su snippet di codice specifici e utilizzate il menu di scelta rapida o premete Ctrl-E (Windows) o Comando-E (Mac) per accedere a Modifica rapida.

Dreamweaver offre opzioni del codice specifiche al contesto e strumenti in linea.

Per ulteriori informazioni, consultate Modifica rapida.

Documentazione CSS nel contesto (Doc rapidi)

Dreamweaver fornisce la documentazione nel contesto delle proprietà CSS direttamente nella vista Codice.

Ora per apprendere o fare riferimento alle proprietà CSS non è più necessario passare da Dreamweaver a una pagina web. Premete Ctrl+K (Windows) o Comando+K (Mac) per visualizzare la guida di CSS.

Per ulteriori informazioni, consultate Aiuto con CSS in Dreamweaver con Doc rapidi.

Più cursori per scrivere e modificare il codice

Per scrivere più righe di codice contemporaneamente, utilizzate più cursori. 

Questa funzione aumenta notevolmente la produttività, dato che non è necessario scrivere la stessa riga di codice più volte.

Per richiamare più cursori, potete:

• Per aggiungere i cursori a più righe contigue, tenete premuto il tasto Alt, quindi trascinate in verticale. 
• Per aggiungere cursori su più righe di testo non contigue, premete il tasto Ctrl e fate clic sulle diverse righe in cui posizionare il cursore.
• Per selezionare il testo su più righe contigue, premete il tasto Alt e trascinate in diagonale
• Per selezionare testo su più righe non contigue, selezionate del testo, quindi premete il tasto Ctrl (Windows) o Comando (Mac) e continuate a selezionare. 

Per ulteriori informazioni, consultate Utilizzare i cursori multipli per aggiungere o modificare il testo in più posizioni.

Interfaccia utente moderna

Dreamweaver è riprogettato con un’interfaccia più intuitiva e personalizzabile, con menu e pannelli più accessibili e una barra degli strumenti contestuale e configurabile che visualizza solo gli strumenti necessari.

La nuova interfaccia offre anche quattro livelli di contrasto, da chiaro a scuro, così è più facile leggere e modificare le righe di codice.

Di seguito sono riportati alcune istantanee del prima e dopo della nuova interfaccia utente.

Modifiche ai menu, alle aree di lavoro e alle barre degli strumenti

In questa versione sono stati riprogettati anche i menu, le barre degli strumenti e le aree di lavoro di Dreamweaver. Continuate a leggere per ulteriori informazioni su tali modifiche.

Modifiche alle aree di lavoro

L’interfaccia di Dreamweaver è ottimizzata per includere le seguenti aree di lavoro predefinite:

• Area di lavoro Sviluppatore

Questa area di lavoro è minimale e, per impostazione predefinita, include solo i pannelli più importanti per gli sviluppatori che scrivono codice per i siti Web, ad esempio i pannelli File e Snippet.

• Area di lavoro Standard 

Questa area di lavoro comprende tutto il necessario per lavorare sul codice e alla progettazione, ad esempio i pannelli File, CC Libraries, CSS Designer, Inserisci, DOM, Risorse e Snippet.

Di seguito è riportato un riepilogo delle differenze nelle aree di lavoro disponibili in Dreamweaver CC 2015 e Dreamweaver CC 2017.

Per ulteriori informazioni sui cambiamenti alle aree di lavoro, consultate Area di lavoro di Dreamweaver.

Modifiche ai menu

Il menu dell’applicazione è stato rinnovato per rimuovere le voci di menu poco utilizzate e per spostarne altre in posizioni più intuitive.

Per una descrizione dettagliata delle modifiche nel menu dell’applicazione Dreamweaver, consultate Menu riprogettati.

Modifiche alla barra degli strumenti

La barra degli strumenti è condivisa tra tutte le visualizzazioni. La barra degli strumenti visualizza solo gli strumenti necessari per la visualizzazione in cui si sta lavorando.

Tuttavia, è possibile personalizzare la barra degli strumenti per visualizzare il set di strumenti necessari. 

Per ulteriori informazioni, consultate Panoramica sulla barra degli strumenti.

Modifiche alla barra di stato

La barra di stato visualizza ora informazioni utili quando utilizzate la vista Codice. 

Ora potete:

• Alternare tra le modalità INS (Inserisci) e OVR (Sovrascrivi)
• Vedere il numero di riga e colonna nella parte inferiore della schermata. Questi valori indicano la riga e la colonna in cui il mouse è posizionato.
• Selezionate la colorazione del codice desiderata per tipi diversi di file di codice.

Per ulteriori informazioni, consultate Panoramica sulla barra di stato.

Modifiche al pannello Snippet

Il pannello Snippet è stato riprogettato con un aspetto essenziale per semplificare il processo di inserimento degli snippet.

L’immagine seguente evidenzia le modifiche principali nel pannello Snippet:

Nelle versioni precedenti di Dreamweaver, era necessario inserire gli snippet tramite le scelte rapide da tastiera.

L’inserimento di snippet tramite le scelte rapide da tastiera non è un processo efficiente per i seguenti motivi:

• La necessità di ricordare scelte rapide non intuitive
• Possibili conflitti con le scelte rapide delle parole chiave del prodotto

Per inserire gli snippet di codice in questa versione di Dreamweaver, potete utilizzare i tasti di attivazione.

I tasti di attivazione sono stringhe di testo intuitive assegnate agli snippet di codice. Ad esempio, per uno snippet di codice che crea un collegamento mailto, potete digitare “mailto” e renderlo il tasto di attivazione.

Dopo aver assegnato un tasto di attivazione, posizionate il cursore nel documento, digitate “mailto” e premete il tasto Tab. Dreamweaver inserisce così lo snippet di codice correlato nel documento.

Per ulteriori informazioni sul pannello Snippet, consultate Riutilizzo del codice con gli snippet.

Modifiche al pannello File

Il pannello File è stato riprogettato per renderlo più semplice e intuitivo da utilizzare.

Nella sua funzione più semplice, il pannello File visualizza solo un elenco di file locali nel computer. Utilizzando progressivamente il pannello File con altre funzione, configurando un sito, le connessioni ai server remoti, attivando le funzioni di deposito e ritiro, saranno visualizzate più opzioni.

Per ulteriori informazioni sulle modifiche apportate al pannello File, consultate Riprogettazione del pannello File.

Modifiche nella Schermata di benvenuto e nella procedura guidata

Quando avviate Dreamweaver o quando chiudete tutti i documenti di Dreamweaver, viene visualizzata una nuova area di lavoro Inizio. Mediante l’area di lavoro Inizio avete accesso rapido ai file, alle librerie e ai modelli campione utilizzati di recente.

Se preferite le vecchie finestre di dialogo, potete comunque digitare Ctrl/Comando + O per aprire la finestra di dialogo Apri o Ctrl/Comando + N per aprire la finestra di dialogo Nuovo documento.  

Per comprendere rapidamente le modifiche all’area di lavoro di Dreamweaver CC 2017, è disponibile una procedura guidata. Consente di fare una rapida esperienza della personalizzazione e saranno visualizzate l’area di lavoro e le opzioni dei temi più adatte a voi. 

Per ulteriori informazioni, consultate Area di lavoro di Dreamweaver.

Evidenziazione dal vivo in ricerca e sostituzione

La nuova e discreta barra degli strumenti Cerca e sostituisci è posizionata nella parte superiore della finestra, senza bloccare nessuna porzione della schermata.

Rispetto alle versioni precedenti di Dreamweaver, Cerca e sostituisci è generalmente più veloce ed efficiente. Dreamweaver ora rileva le stringhe di ricerca durante la digitazione nel pannello Cerca ed evidenzia tutte le istanze della stringa nel documento corrente. 

Per ulteriori informazioni, consultate Trovare e sostituire il testo.

Miglioramenti a Creative Cloud Libraries

Archiviate, ripristinate, aggiungete commenti e visualizzate la cronologia delle versioni di tutte le risorse archiviate in Creative Cloud, inclusi i file di Creative Cloud Libraries, le risorse create con i prodotti desktop CC e i progetti per dispositivi mobili.

Recupero automatico dei file dopo un arresto anomalo

Se Dreamweaver si chiude inaspettatamente a causa di errori di sistema, interruzioni elettriche o altri problemi, potete recuperare tutte le modifiche non salvate apportate ai file che stavate modificando.

Per ulteriori informazioni, consultate Recupero automatico dei file.