È possibile creare siti Web utilizzando una qualsiasi delle dozzine di strumenti, alcuni che vengono eseguiti online, altri che vengono eseguiti sul computer locale, alcuni che vengono eseguiti in parte online, in parte sulla macchina, ma Adobe Dreamweaver 2020 è l'unica app per la creazione di siti che è solo adatto sia a designer individuali che a progetti su scala aziendale.
È altrettanto utile quando si crea un sito scrivendo codice effettivo quanto lo è quando si lavora con il layout grafico WYSIWYG che nasconde tutto il codice finché non ne hai bisogno.
L'app svolge il lavoro per singoli utenti o team in cui diversi membri del team hanno diversi livelli di libertà di aggiungere o modificare contenuti e, naturalmente, funziona senza problemi con l'arsenale di app grafiche e servizi Web di Adobe.
Come tutte le altre app Adobe, è disponibile in versioni Mac e Windows praticamente identiche ed è disponibile tramite un abbonamento a pagamento solo per Dreamweaver ($ 20,99 al mese con impegno di 1 anno, $ 31,49 mese per mese o $ 239,88 per un anno prepagato ) o come parte della suite completa Creative Cloud ($ 52,99 al mese), che ti offre Photoshop, Illustrator e tutti gli altri software e app creativi.
Sia l'app individuale che l'abbonamento alla suite completa sono dotati di 100 GB di spazio di archiviazione nel cloud.
Progettazione reattiva del sito
Dreamweaver eccelle nella creazione di siti Web multipiattaforma (reattivi) che funzionano altrettanto bene su un telefono, tablet o computer.
Qualsiasi web designer privato o aziendale che desideri sostituire un vecchio sito Web in stile desktop o laptop con un moderno sito multipiattaforma troverà Dreamweaver la prima scelta ovvia.
Descriverò alcune alternative più avanti in questa storia, ma nessuna di esse si avvicina a Dreamweaver in termini di potenza e facilità.
Dopo più di 20 anni di evoluzione, Dreamweaver ha ancora alcuni punti imbarazzanti in cui non può decidere se si tratta di uno strumento per programmatori avanzati o per designer orientati alla vista, ma questi sono facili da risolvere per gli utenti seri e il prezzo dell'abbonamento di Adobe significa che è probabile che solo gli utenti seri lo abbiano.
Dreamweaver non è economico, ma per il web design di livello professionale ripaga il prezzo in termini di potenza e convenienza.
Il modello di abbonamento di Adobe ti consente di ricevere aggiornamenti periodici delle funzionalità senza costi aggiuntivi.
Adobe vuole che tu lavori con gli strumenti Adobe, quindi è facile usare Photoshop e Illustrator per modificare le immagini o Premiere Pro e Audition per i file video e audio.
Puoi anche utilizzare Photoshop per creare un modello di come desideri che il tuo sito appaia e quindi utilizzare il menu Estrai di Dreamweaver per trascinare elementi dal file Photoshop nelle tue pagine web.
Ma Dreamweaver funziona anche con quasi tutti gli strumenti per la creazione di siti di terze parti che potresti voler utilizzare.
Ad esempio, puoi utilizzare Dreamweaver per progettare e modificare siti gestiti da WordPress, Joomla! O Drupal, oppure puoi creare un repository Git e utilizzarlo per tenere traccia delle modifiche nel tuo sito.
Dreamweaver utilizza il framework Bootstrap per i siti reattivi e per impostazione predefinita utilizza l'ultima versione di Bootstrap, 4.3.1, sebbene la versione precedente 3.4.1 sia ancora incorporata se si desidera continuare a utilizzarla.
Dreamweaver guida l'utente attraverso l'aggiornamento dei siti in base alla versione precedente e cerca di risolvere i problemi di incompatibilità creando nuovi file CSS e JavaScript che utilizzano lo standard più recente.
I siti reattivi di Bootstrap sono mobile-first, il che significa che il framework Bootstrap è per lo più ottimizzato per telefoni o tablet, ma i modelli Bootstrap integrati di Adobe sono sufficientemente ben progettati per avere un aspetto ugualmente buono su desktop e telefoni.
L'esperienza di Dreamweaver
Gli utenti alle prime armi affrontano una curva di apprendimento ripida, ma se hai familiarità con Photoshop o Illustrator, dovresti essere in grado di scalarlo abbastanza rapidamente.
Se, come me, sei sconcertato alla ricerca di qualche funzione oscura, il menu Aiuto può guidarti esattamente alla voce di menu di cui hai bisogno, anche quando è in profondità nella struttura del menu.
Dreamweaver utilizza l'interfaccia standard di Adobe, una finestra di modifica principale circondata da una barra degli strumenti a sinistra e da pannelli informativi a più schede a destra.
A meno che tu non sia un programmatore esperto che non avrà bisogno di tutti gli strumenti e pannelli su schermo, non pensare nemmeno di utilizzare Dreamweaver su un piccolo laptop.
Questa app ha bisogno di tutto lo spazio sullo schermo che puoi darle.
Quando si modifica un tipico sito Web relativamente semplice, sono aperte almeno quattro schede di documenti, una per la pagina corrente, le altre per i file JavaScript e CSS e un pannello delle informazioni con almeno sette schede, che mostrano file, librerie Creative Cloud, HTML tag che puoi trascinare in un file, un insieme complesso di controlli CSS, un albero DOM (Document Object Model), un elenco di risorse (ordinate in URL, immagini, media e altro) e un lungo elenco di elementi predefiniti e personalizzati -snippet costruiti.
Aggiungi a questo una barra degli strumenti personalizzabile a sinistra e un menu densamente popolato in alto, e hai una delle interfacce più complesse mai incorporate nell'app, rivaleggiata solo da altri software di sviluppo come Microsoft Visual Studio.
Fortunatamente, se sei esperto di codifica o se desideri la visualizzazione WYSIWYG più ampia possibile, puoi nascondere tutto tranne la finestra di modifica principale di Dreamweaver.
E quella finestra è una meraviglia di flessibilità camaleontica.
Le opzioni di visualizzazione della finestra includono una visualizzazione tutto codice con il tipico rientro della finestra di codifica e codifica a colori per rendere visibile la struttura del progetto.
Puoi scegliere tra due tipi di visualizzazioni WYSIWYG.
Una è una visualizzazione dal vivo che si avvicina a ciò che vedresti in un browser, tranne con gli elementi della pagina delineati per chiarezza e con i pulsanti che ti consentono di modificare i tag per i singoli elementi semplicemente facendo clic sull'elemento.
L'altra è una visualizzazione Progettazione che mostra tutti gli elementi di progettazione su una pagina, inclusi quelli che potrebbero essere invisibili in un browser fino a quando un utente non fa clic su di essi.
Infine, puoi dividere la finestra per mostrare il codice in un riquadro e la vista Dal vivo o Progettazione nell'altro, oppure con il codice in entrambi i riquadri in modo da poter visualizzare e modificare due parti diverse del codice contemporaneamente.
Le opzioni avanzate consentono di sincronizzare le modifiche apportate sul desktop con il codice sul server Web remoto.
Nuove caratteristiche
Il Dreamweaver 2020 appena rilasciato ha l'aspetto e si comporta quasi esattamente come il Dreamweaver 2019 dello scorso anno.
Adobe menziona solo tre nuove funzionalità: click-to-edit semplificato nella vista Dal vivo, in modo da poter modificare il testo, non solo i tag, nella vista Dal vivo semplicemente facendo clic su un elemento di testo; nuove impostazioni predefinite per i caratteri giapponesi; e popup con suggerimenti sul codice migliorati.
Non c'è una nuova curva di apprendimento e l'interfaccia e altre funzionalità non sono cambiate.
Un piccolo potenziale problema nella funzione di modifica della vista dal vivo migliorata è che alcune sequenze di tasti non agiscono come ci si potrebbe aspettare.
Ad esempio, puoi dividere un paragrafo premendo Invio in un testo nella vista Dal vivo, ma Backspace non ricombinerà i paragrafi divisi: dovrai passare alla vista codice e rimuovere il tag per il nuovo paragrafo.
Gli editor Web hanno sempre avuto una funzione che visualizza l'anteprima della loro pagina Web in un browser desktop.
Dreamweaver funziona meglio aggiungendo anteprime live sui dispositivi mobili, una funzionalità essenziale quando si progetta una pagina reattiva che deve funzionare su più piattaforme.
Fai clic su un'icona di anteprima nella parte inferiore destra della finestra di modifica, utilizza il tuo telefono o tablet per scansionare un codice QR che appare nel menu a comparsa dell'icona di anteprima, inserisci la tua password Adobe sul tuo dispositivo.
Successivamente, puoi visualizzare in anteprima il codice nel browser predefinito sul tuo dispositivo, con le modifiche apportate sul desktop che vengono visualizzate immediatamente.
Non è necessario installare nuove app sul telefono o sul tablet.
Dovresti acquistare un abbonamento a Dreamweaver? Se utilizzi già Photoshop o Illustrator o se stai realizzando un sito aziendale o di design, Dreamweaver è una scelta ovvia.
Se sei contrario alla programmazione, puoi fare quello che sembra fare la metà del mondo online e utilizzare WordPress per creare il tuo sito scegliendo un tema visivo e usandolo o modificandolo da semplici menu.
Avrai bisogno alcuni conoscenza tecnica, ma puoi cavartela con quasi nessuna.
Se non vuoi affatto pensare alla codifica, utilizza un servizio di hosting che offre Wix o Weebly o qualsiasi altro ambiente di creazione di siti completamente visivo che non richiede alcuna codifica.
Tieni presente che sacrificherai un po 'di personalizzazione e controllo, tuttavia.
Weebly ti consente di modificare i temi in qualsiasi momento, ma offre opzioni limitate per la formattazione del testo.
Entrambi offrono opzioni di e-commerce a pagamento.
Puoi anche provare una versione gratuita del sistema CKEditor orientato all'azienda, che offre funzionalità avanzate come l'editing collaborativo, l'editing WYSIWYG e il pieno controllo sul codice del tuo sito.
Per i siti Web più piccoli progettati principalmente per laptop e browser desktop, puoi utilizzare una qualsiasi delle dozzine di editor di pagine Web tradizionali come RapidWeaver o Coda su Mac, ma non otterrai un vero editing WYSIWYG come in Dreamweaver o sistemi basati su browser come WordPress o Wix.
Molti editor di pagine Web tradizionali offrono modalità di anteprima e alcuni (come il fantastico e gratuito editor Brackets di Adobe) offrono un'anteprima in tempo reale nel browser, ma non è la stessa cosa della modifica interamente in modalità WYSIWYG come nella modalità di modifica dal vivo di Dreamweaver.
Il mio editor Web WYSIWYG rapido e pulito preferito per siti semplici è Expression Web gratuito di Microsoft solo per Windows, precedentemente un'app costosa, ma ora scaricabile gratuitamente, perché Microsoft ha smesso di aggiornarlo dopo che Visual Studio ha fornito una creazione di siti più avanzata utensili.
Expression Web non è stato aggiornato dal 2011, ma il suo set di funzionalità continua a svolgere il lavoro per i siti Web di base e non puoi discutere con il prezzo.
A volte Dreamweaver può sembrare un po 'irritabile.
Ad esempio, se si fa clic nel punto sbagliato, il layout dello schermo può cambiare improvvisamente in modi che possono essere difficili da recuperare senza ripristinare il layout dello schermo predefinito.
La funzione Annulla funziona perfettamente quando lavori nella finestra del codice, ma non funziona in tutti i contesti, ad esempio quando trascini risorse in una finestra utilizzando la funzione che estrae gli elementi della pagina da un file Photoshop.
Comunque eccellente
Nonostante alcuni piccoli cavilli, Adobe Dreamweaver 2020 è per lo più costruito come una corazzata e ha la migliore combinazione di flessibilità, potenza e facilità di qualsiasi strumento mai inventato per la creazione di siti Web.
Dreamweaver non ha una vera concorrenza e nessun web designer serio dovrebbe farne a meno.
Dreamweaver è la scelta degli editor di Daxdi per i programmi di sviluppo di siti Web.
Professionisti
È possibile creare siti Web utilizzando una qualsiasi delle dozzine di strumenti, alcuni che vengono eseguiti online, altri che vengono eseguiti sul computer locale, alcuni che vengono eseguiti in parte online, in parte sulla macchina, ma Adobe Dreamweaver 2020 è l'unica app per la creazione di siti che è solo adatto sia a designer individuali che a progetti su scala aziendale.
È altrettanto utile quando si crea un sito scrivendo codice effettivo quanto lo è quando si lavora con il layout grafico WYSIWYG che nasconde tutto il codice finché non ne hai bisogno.
L'app svolge il lavoro per singoli utenti o team in cui diversi membri del team hanno diversi livelli di libertà di aggiungere o modificare contenuti e, naturalmente, funziona senza problemi con l'arsenale di app grafiche e servizi Web di Adobe.
Come tutte le altre app Adobe, è disponibile in versioni Mac e Windows praticamente identiche ed è disponibile tramite un abbonamento a pagamento solo per Dreamweaver ($ 20,99 al mese con impegno di 1 anno, $ 31,49 mese per mese o $ 239,88 per un anno prepagato ) o come parte della suite completa Creative Cloud ($ 52,99 al mese), che ti offre Photoshop, Illustrator e tutti gli altri software e app creativi.
Sia l'app individuale che l'abbonamento alla suite completa sono dotati di 100 GB di spazio di archiviazione nel cloud.
Progettazione reattiva del sito
Dreamweaver eccelle nella creazione di siti Web multipiattaforma (reattivi) che funzionano altrettanto bene su un telefono, tablet o computer.
Qualsiasi web designer privato o aziendale che desideri sostituire un vecchio sito Web in stile desktop o laptop con un moderno sito multipiattaforma troverà Dreamweaver la prima scelta ovvia.
Descriverò alcune alternative più avanti in questa storia, ma nessuna di esse si avvicina a Dreamweaver in termini di potenza e facilità.
Dopo più di 20 anni di evoluzione, Dreamweaver ha ancora alcuni punti imbarazzanti in cui non può decidere se si tratta di uno strumento per programmatori avanzati o per designer orientati alla vista, ma questi sono facili da risolvere per gli utenti seri e il prezzo dell'abbonamento di Adobe significa che è probabile che solo gli utenti seri lo abbiano.
Dreamweaver non è economico, ma per il web design di livello professionale ripaga il prezzo in termini di potenza e convenienza.
Il modello di abbonamento di Adobe ti consente di ricevere aggiornamenti periodici delle funzionalità senza costi aggiuntivi.
Adobe vuole che tu lavori con gli strumenti Adobe, quindi è facile usare Photoshop e Illustrator per modificare le immagini o Premiere Pro e Audition per i file video e audio.
Puoi anche utilizzare Photoshop per creare un modello di come desideri che il tuo sito appaia e quindi utilizzare il menu Estrai di Dreamweaver per trascinare elementi dal file Photoshop nelle tue pagine web.
Ma Dreamweaver funziona anche con quasi tutti gli strumenti per la creazione di siti di terze parti che potresti voler utilizzare.
Ad esempio, puoi utilizzare Dreamweaver per progettare e modificare siti gestiti da WordPress, Joomla! O Drupal, oppure puoi creare un repository Git e utilizzarlo per tenere traccia delle modifiche nel tuo sito.
Dreamweaver utilizza il framework Bootstrap per i siti reattivi e per impostazione predefinita utilizza l'ultima versione di Bootstrap, 4.3.1, sebbene la versione precedente 3.4.1 sia ancora incorporata se si desidera continuare a utilizzarla.
Dreamweaver guida l'utente attraverso l'aggiornamento dei siti in base alla versione precedente e cerca di risolvere i problemi di incompatibilità creando nuovi file CSS e JavaScript che utilizzano lo standard più recente.
I siti reattivi di Bootstrap sono mobile-first, il che significa che il framework Bootstrap è per lo più ottimizzato per telefoni o tablet, ma i modelli Bootstrap integrati di Adobe sono sufficientemente ben progettati per avere un aspetto ugualmente buono su desktop e telefoni.
L'esperienza di Dreamweaver
Gli utenti alle prime armi affrontano una curva di apprendimento ripida, ma se hai familiarità con Photoshop o Illustrator, dovresti essere in grado di scalarlo abbastanza rapidamente.
Se, come me, sei sconcertato alla ricerca di qualche funzione oscura, il menu Aiuto può guidarti esattamente alla voce di menu di cui hai bisogno, anche quando è in profondità nella struttura del menu.
Dreamweaver utilizza l'interfaccia standard di Adobe, una finestra di modifica principale circondata da una barra degli strumenti a sinistra e da pannelli informativi a più schede a destra.
A meno che tu non sia un programmatore esperto che non avrà bisogno di tutti gli strumenti e pannelli su schermo, non pensare nemmeno di utilizzare Dreamweaver su un piccolo laptop.
Questa app ha bisogno di tutto lo spazio sullo schermo che puoi darle.
Quando si modifica un tipico sito Web relativamente semplice, sono aperte almeno quattro schede di documenti, una per la pagina corrente, le altre per i file JavaScript e CSS e un pannello delle informazioni con almeno sette schede, che mostrano file, librerie Creative Cloud, HTML tag che puoi trascinare in un file, un insieme complesso di controlli CSS, un albero DOM (Document Object Model), un elenco di risorse (ordinate in URL, immagini, media e altro) e un lungo elenco di elementi predefiniti e personalizzati -snippet costruiti.
Aggiungi a questo una barra degli strumenti personalizzabile a sinistra e un menu densamente popolato in alto, e hai una delle interfacce più complesse mai incorporate nell'app, rivaleggiata solo da altri software di sviluppo come Microsoft Visual Studio.
Fortunatamente, se sei esperto di codifica o se desideri la visualizzazione WYSIWYG più ampia possibile, puoi nascondere tutto tranne la finestra di modifica principale di Dreamweaver.
E quella finestra è una meraviglia di flessibilità camaleontica.
Le opzioni di visualizzazione della finestra includono una visualizzazione tutto codice con il tipico rientro della finestra di codifica e codifica a colori per rendere visibile la struttura del progetto.
Puoi scegliere tra due tipi di visualizzazioni WYSIWYG.
Una è una visualizzazione dal vivo che si avvicina a ciò che vedresti in un browser, tranne con gli elementi della pagina delineati per chiarezza e con i pulsanti che ti consentono di modificare i tag per i singoli elementi semplicemente facendo clic sull'elemento.
L'altra è una visualizzazione Progettazione che mostra tutti gli elementi di progettazione su una pagina, inclusi quelli che potrebbero essere invisibili in un browser fino a quando un utente non fa clic su di essi.
Infine, puoi dividere la finestra per mostrare il codice in un riquadro e la vista Dal vivo o Progettazione nell'altro, oppure con il codice in entrambi i riquadri in modo da poter visualizzare e modificare due parti diverse del codice contemporaneamente.
Le opzioni avanzate consentono di sincronizzare le modifiche apportate sul desktop con il codice sul server Web remoto.
Nuove caratteristiche
Il Dreamweaver 2020 appena rilasciato ha l'aspetto e si comporta quasi esattamente come il Dreamweaver 2019 dello scorso anno.
Adobe menziona solo tre nuove funzionalità: click-to-edit semplificato nella vista Dal vivo, in modo da poter modificare il testo, non solo i tag, nella vista Dal vivo semplicemente facendo clic su un elemento di testo; nuove impostazioni predefinite per i caratteri giapponesi; e popup con suggerimenti sul codice migliorati.
Non c'è una nuova curva di apprendimento e l'interfaccia e altre funzionalità non sono cambiate.
Un piccolo potenziale problema nella funzione di modifica della vista dal vivo migliorata è che alcune sequenze di tasti non agiscono come ci si potrebbe aspettare.
Ad esempio, puoi dividere un paragrafo premendo Invio in un testo nella vista Dal vivo, ma Backspace non ricombinerà i paragrafi divisi: dovrai passare alla vista codice e rimuovere il tag per il nuovo paragrafo.
Gli editor Web hanno sempre avuto una funzione che visualizza l'anteprima della loro pagina Web in un browser desktop.
Dreamweaver funziona meglio aggiungendo anteprime live sui dispositivi mobili, una funzionalità essenziale quando si progetta una pagina reattiva che deve funzionare su più piattaforme.
Fai clic su un'icona di anteprima nella parte inferiore destra della finestra di modifica, utilizza il tuo telefono o tablet per scansionare un codice QR che appare nel menu a comparsa dell'icona di anteprima, inserisci la tua password Adobe sul tuo dispositivo.
Successivamente, puoi visualizzare in anteprima il codice nel browser predefinito sul tuo dispositivo, con le modifiche apportate sul desktop che vengono visualizzate immediatamente.
Non è necessario installare nuove app sul telefono o sul tablet.
Dovresti acquistare un abbonamento a Dreamweaver? Se utilizzi già Photoshop o Illustrator o se stai realizzando un sito aziendale o di design, Dreamweaver è una scelta ovvia.
Se sei contrario alla programmazione, puoi fare quello che sembra fare la metà del mondo online e utilizzare WordPress per creare il tuo sito scegliendo un tema visivo e usandolo o modificandolo da semplici menu.
Avrai bisogno alcuni conoscenza tecnica, ma puoi cavartela con quasi nessuna.
Se non vuoi affatto pensare alla codifica, utilizza un servizio di hosting che offre Wix o Weebly o qualsiasi altro ambiente di creazione di siti completamente visivo che non richiede alcuna codifica.
Tieni presente che sacrificherai un po 'di personalizzazione e controllo, tuttavia.
Weebly ti consente di modificare i temi in qualsiasi momento, ma offre opzioni limitate per la formattazione del testo.
Entrambi offrono opzioni di e-commerce a pagamento.
Puoi anche provare una versione gratuita del sistema CKEditor orientato all'azienda, che offre funzionalità avanzate come l'editing collaborativo, l'editing WYSIWYG e il pieno controllo sul codice del tuo sito.
Per i siti Web più piccoli progettati principalmente per laptop e browser desktop, puoi utilizzare una qualsiasi delle dozzine di editor di pagine Web tradizionali come RapidWeaver o Coda su Mac, ma non otterrai un vero editing WYSIWYG come in Dreamweaver o sistemi basati su browser come WordPress o Wix.
Molti editor di pagine Web tradizionali offrono modalità di anteprima e alcuni (come il fantastico e gratuito editor Brackets di Adobe) offrono un'anteprima in tempo reale nel browser, ma non è la stessa cosa della modifica interamente in modalità WYSIWYG come nella modalità di modifica dal vivo di Dreamweaver.
Il mio editor Web WYSIWYG rapido e pulito preferito per siti semplici è Expression Web gratuito di Microsoft solo per Windows, precedentemente un'app costosa, ma ora scaricabile gratuitamente, perché Microsoft ha smesso di aggiornarlo dopo che Visual Studio ha fornito una creazione di siti più avanzata utensili.
Expression Web non è stato aggiornato dal 2011, ma il suo set di funzionalità continua a svolgere il lavoro per i siti Web di base e non puoi discutere con il prezzo.
A volte Dreamweaver può sembrare un po 'irritabile.
Ad esempio, se si fa clic nel punto sbagliato, il layout dello schermo può cambiare improvvisamente in modi che possono essere difficili da recuperare senza ripristinare il layout dello schermo predefinito.
La funzione Annulla funziona perfettamente quando lavori nella finestra del codice, ma non funziona in tutti i contesti, ad esempio quando trascini risorse in una finestra utilizzando la funzione che estrae gli elementi della pagina da un file Photoshop.
Comunque eccellente
Nonostante alcuni piccoli cavilli, Adobe Dreamweaver 2020 è per lo più costruito come una corazzata e ha la migliore combinazione di flessibilità, potenza e facilità di qualsiasi strumento mai inventato per la creazione di siti Web.
Dreamweaver non ha una vera concorrenza e nessun web designer serio dovrebbe farne a meno.
Dreamweaver è la scelta degli editor di Daxdi per i programmi di sviluppo di siti Web.








