Recensione della suite di web design Adobe Dreamweaver CC 2022-2023

Abbiamo coperto dozzine delle migliori piattaforme software per la creazione di siti Web qui in poi, dal sublime al ridicolo. Abbiamo anche esplorato un'app progettata per aiutarti a scrivere un'intera pagina o un sito esclusivamente in codice. Niente fronzoli, solo HTML grezzo. È chiaro che qualunque sia la tua esperienza, ci sarà un'app o un servizio per soddisfare le tue esigenze.

Ma c'è un'app progettata per i professionisti ed è praticamente unica nel settore essendo sopravvissuta o acquisita dalla concorrenza nel corso degli anni: il potente Adobe Dreamweaver. Diamo quindi un'occhiata all'ultima versione, CC 2022-2023.

Non ignoriamo l'elefante nella stanza e affrontiamolo a testa alta (attenzione alle zanne): tutti i prodotti Adobe sono disponibili esclusivamente su abbonamento. Ciò significa che paghi ogni mese e avrai sempre l'ultima e migliore versione a tua disposizione. Smetti di pagare e l'app non sarà più disponibile e i tuoi progetti non saranno più accessibili (a meno che tu non ne estragga i formati raw).

  • Vuoi provare Adobe Dreamweaver? Controlla il sito web qui

Puoi iscriverti a Dreamweaver da solo per $ 20,99 (£ 19,97) al mese su un piano annuale o $ 31,49 (£ 30,34) su base mensile.

Tuttavia, $ 52,99 (£ 49,94) al mese su un piano annuale (o $ 79,49 (£ 75,85) mese per mese) ti consente di accedere all'intero portfolio di Adobe, il che significa che puoi progettare in Photoshop e Illustrator, spostare quei file su Dreamweaver, modificare un filmato in Premiere e inseriscilo nella tua pagina web. Tutto è progettato per funzionare insieme e tutte le interfacce hanno somiglianze tra loro che ti aiutano a passare da un'app all'altra con poca difficoltà, a patto che tu ne comprenda le complessità, ovviamente.

Studenti e insegnanti possono ottenere l'intera suite per soli $ 19,99 (£ 16,24) al mese con un piano annuale, il che è semplicemente un valore folle (o un ottimo modo per farti appassionare).

Cominciamo - non lasciarti intimidire troppo - almeno non così presto …

Iniziare

Come ci si aspetterebbe, Dreamweaver supporta tutti gli standard web dall'HTML di base, ai CSS, Javascript e tutte le funzionalità moderne, incluso Bootstrap. Si concentra sulla creazione di siti Web reattivi che si adattano al dispositivo su cui il visitatore lo sta visualizzando (che si tratti di un computer, tablet o telefono), ma ovviamente nulla ti impedisce di crearne di non reattivi e istruire il tuo sito a reindirizzare a pagine specifiche a seconda sul dispositivo su cui viene visualizzato.

Dreamweaver ti offre una manciata di modelli per aiutarti a far girare la palla

Se non conosci Dreamweaver, l'app ti offre alcuni modelli per iniziare. Questi sono molto utili per aiutarti a partire in corsa, per così dire, e spesso possono essere più utili che fissare una pagina vuota.

Tuttavia, non ci sono molti modelli tra cui scegliere e non lasciarti ingannare dal pensare che Dreamweaver farà tutto il lavoro per te: considera i segnaposto come ispirazione per personalizzare quelle pagine da solo.

Controlla un'anteprima dal vivo del tuo sito e trascina gli elementi direttamente dove desideri

Costruire un sito web

L'interfaccia è suddivisa in varie sezioni che possono essere personalizzate in una certa misura. La barra laterale sul lato sinistro consente di accedere ai comandi comuni, come l'apertura di documenti, la gestione dei file e le opzioni di visualizzazione dal vivo.

Le schede a destra sono dove gestisci i file del tuo sito e le librerie CC. C'è un elenco di elementi che puoi trascinare e rilasciare sulla tua pagina, nonché una sezione per progettare fogli di stile a cascata.

E la parte principale dell'interfaccia è dedicata al tuo codice o a un'anteprima della pagina che stai creando.

Controlla come apparirà il tuo sito simulando diversi schermi e risoluzioni

Puoi facilmente passare dalla visualizzazione di un'anteprima completa della tua pagina (insieme alle opzioni per simulare l'aspetto della pagina su schermi di dimensioni diverse), fissando solo il codice o una combinazione dei due.

La finestra delle proprietà ti aiuta ad apportare modifiche rapide agli elementi evidenziati

Per modificare parti della pagina (come un'immagine o un testo), la visualizzazione della finestra mobile Proprietà ti consentirà di apportare le modifiche necessarie. C'è anche un modo semplice per trascinare un'icona di destinazione su un'altra immagine nella scheda File per cambiare le immagini in modo rapido e semplice.

Nonostante queste caratteristiche, se non hai una conoscenza di programmazione, ti perderai abbastanza velocemente. Sì, puoi trascinare e rilasciare gli elementi dalla scheda "Inserisci" nell'anteprima della pagina, ma questo ti porterà solo lontano e scoprirai che dovrai approfondire il codice rapidamente e spesso per apportare le modifiche hai bisogno.

Tuttavia, Dreamweaver cerca di semplificare le cose: evidenzia il testo nella sezione di anteprima e lo stesso testo viene evidenziato nel codice, riducendo il tempo che dovresti dedicare alla ricerca della stessa sezione. È vero anche il contrario: evidenzia un po 'di codice e la sezione si riferisce alle evidenziazioni nell'area di anteprima.

Questo è probabilmente uno dei motivi per cui riteniamo che la visualizzazione divisa sia l'opzione migliore in quanto ti consente di trascinare e rilasciare elementi, quindi immergerti nel codice per apportare le modifiche necessarie in pochi secondi.

Il suggerimento sul codice è un ottimo modo per compilare automaticamente durante la digitazione

Un altro miglioramento che abbiamo apprezzato sono stati i suggerimenti sul codice: proprio come quando digiti su un telefono e l'interfaccia ti offre una scelta di parole che pensa tu stia attualmente digitando in modo da poter selezionare quella giusta più rapidamente che digitarla per intero, inizia a scrivere codice in Dreamweaver e ti verranno offerti suggerimenti mentre lo fai. Non solo ti aiuta a scrivere più velocemente, ma può anche aiutarti a digitare il codice in modo accurato ed evitare errori di battitura. Riteniamo che questo possa essere di grande beneficio sia per i professionisti che per i principianti.

Ultime aggiunte con CC2020

Poiché Dreamweaver viene costantemente aggiornato ed è possibile scaricare la versione più recente in qualsiasi momento mentre l'abbonamento è ancora valido, vengono aggiunte nuove funzionalità e migliorate in modo incrementale. Stranamente, due o i nostri preferiti, vale a dire la modifica della visualizzazione live e i suggerimenti sul codice, sono alcuni dei recenti miglioramenti.

L'altra grande è una nuova configurazione dei caratteri per Dreamweaver giapponese, ma non avendo alcuna conoscenza di questa lingua, questo purtroppo non è qualcosa che siamo stati in grado di controllare.

Supporto

"Guida" ti invia alla knowledgebase online di Adobe Dreamweaver che include tutorial e una guida utente completa. La sezione del forum può aiutarti a individuare altre persone che hanno avuto problemi simili con cui potresti essere alle prese e, si spera, mostrarti come risolverli.

Se ciò non è sufficiente, puoi chattare con un rappresentante Adobe. Quando l'abbiamo testato, la persona con cui stavamo chattando è tornata rapidamente con le risposte di cui avevamo bisogno.

Verdetto finale

Dreamweaver è un programma enorme e complesso e questa recensione ha appena scalfito la superficie, ma speriamo che possiate vedere che c'è molto da amare qui. Esistono molte funzionalità progettate per aiutarti a creare siti in modo rapido ed efficiente, purché non ti dispiaccia approfondire il codice. Dreamweaver non farà tutto per te, ma farà del suo meglio per facilitare il tuo processo di creazione.

Tuttavia, se la tua conoscenza dell'HTML è limitata o addirittura inesistente, ti consigliamo di iniziare con un'app o un servizio diverso poiché potrebbe sembrare troppo intimidatorio. Al contrario, se hai già un abbonamento ad Adobe Creative Cloud, ci sono pochissime ragioni per non provare questo programma, soprattutto perché le funzionalità di supporto sono complete e l'help desk è molto ben informato.

  • Abbiamo anche evidenziato il miglior software di web design

Articoli interessanti...