La versione di Adobe Dreamweaver CC 2017 offre diverse nuove funzioni e miglioramenti tra cui il supporto per Git, un editor di codice completamente rinnovato, un’interfaccia utente più intuitiva con un tema scuro selezionabile e numerosi miglioramenti, compresa una procedura guidata migliorata.
Continuate a leggere per una breve introduzione a queste nuove funzioni e altri miglioramenti.
Per un riepilogo delle funzioni introdotte nelle versioni precedenti di Dreamweaver CC, consultate Riepilogo delle funzioni | Dreamweaver CC 2015.
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.
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.
Dreamweaver CC 2017.5 consente di 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. Il pannello Git in Dreamweaver consente di visualizzare le differenze tra due versioni di un file e visualizzare la cronologia di file e repository.
Ora il pannello File in Dreamweaver supporta inoltre una nuova vista Git. Potete passare semplicemente alla vista Git per visualizzare e 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.
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.
Provate i nuovi temi del codice per determinarne le caratteristiche visive e la migliore leggibilità.
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 dall’utente:
- 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.
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.
Dreamweaver CC 2017.1 offre supporto aggiuntivo per il codice includendo le seguenti funzionalità:
Continuate a leggere per una breve introduzione a questi miglioramenti.
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.
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.
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.
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.
Nota:
Questa versione comprende anche correzioni per una serie di difetti. Per ulteriori informazioni sui difetti corretti, consultate Problemi noti e difetti corretti nelle versioni di Dreamweaver CC 2017.
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:
- Modifiche ai menu, alle aree di lavoro e alle barre degli strumenti
- Modifiche al pannello Snippet
- Modifiche al pannello File
- Modifiche nella Schermata di benvenuto e nella procedura guidata
- Evidenziazione dal vivo in ricerca e sostituzione
- Miglioramenti a Creative Cloud Libraries
- Recupero automatico dei file dopo un arresto anomalo
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Nota:
Dopo aver selezionato un’area di lavoro, è possibile personalizzarla per aggiungere o rimuovere pannelli. Per ulteriori informazioni sulla personalizzazione delle aree di lavoro, consultate Creare aree di lavoro personalizzate.
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.
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.
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.
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.
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.
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 funzioni, 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.
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.
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.
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.
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.
I post su Twitter™ e Facebook non sono coperti dai termini di Creative Commons.