Video: Как создать сайт мечты #1 - Adobe Dreamweaver CC (SMGroup) (Ottobre 2024)
Adobe avrebbe potuto fare affidamento sugli allori durante l'aggiornamento di Dreamweaver all'ultima incarnazione nel servizio Creative Cloud basato su abbonamento come Dreamweaver CC. Nella sua precedente incarnazione come Dreamweaver CS6, parte di Creative Suite 6 di Adobe, l'editor di siti Web avanzati di Adobe aveva già poca o nessuna seria concorrenza come strumento per la creazione e la manutenzione dei siti Web multipiattaforma di oggi. Dreamweaver CS6, ad esempio, ha introdotto layout Web "griglia fluida" pronti all'uso che utilizzano CSS per rimodellare le pagine Web automaticamente in base alle dimensioni dello schermo, semplificando la creazione di un singolo utilizzo del sito con telefoni, tablet e desktop senza il complesso Codifica manuale CSS precedentemente richiesta.
Il nuovo Dreamweaver CC migliora la funzionalità della griglia fluida supportando elementi strutturali HTML5 come sezioni e articoli. Aggiunge anche uno strumento ugualmente salvaspazio, un nuovo CSS Designer che utilizza un'interfaccia grafica interattiva per modificare le proprietà CSS come ombre e angoli curvi, quindi è sufficiente fare clic e trascinare per modificare il codice CSS complesso mentre si vedono i risultati in real- tempo. Il supporto completo per i caratteri basati sul Web, scaricati dai server Adobe mentre il browser carica una pagina, semplifica la creazione di progetti accattivanti. Inoltre, come il resto della suite Creative Cloud, Dreamweaver ottiene anche un'interfaccia semplificata e più facilmente personalizzabile e funziona in modo identico sia su Windows che su OS X.
Pro e Semi-Pro
Dreamweaver è uno strumento di livello professionale che vale la pena avere - se puoi permetterlo - anche se non sei un professionista. Gli utenti di Dreamweaver per la prima volta potrebbero essere intimiditi dalla moltitudine di menu e pannelli delle proprietà nel layout predefinito, ma diventa presto chiaro come usarli per ottenere un rapido accesso ai controlli avanzati sugli elementi CSS o per passare rapidamente da uno schermo all'altro che mostra come una pagina web apparirà quando stampata o visualizzata su schermi di dimensioni diverse. I progettisti Web avanzati possono fare clic su un menu di widget dell'interfaccia utente basati su JavaScript nel loro codice per creare finestre di dialogo popup, selettori di date, menu in stile fisarmonica e tutto il resto nel repertorio attuale di effetti dell'interfaccia utente. Ma anche gli utenti meno avanzati possono creare siti flessibili conformi a HTML5 che si adattano bene a qualsiasi piattaforma.
Inizia a tessere i sogni
A partire da una pagina vuota o da un layout di esempio, fai clic sugli elementi in un pannello Inserisci per aggiungere elementi come modelli (con aree modificabili e non modificabili), multimedia (HTML5 o Flash) e funzionalità HTML standard. La schermata predefinita è divisa in un riquadro di codice e in un riquadro di progettazione WYSIWYG, ma è possibile scegliere l'uno o l'altro o rendere il riquadro di progettazione "In diretta" per visualizzare contenuti multimediali come video o contenuti che verranno offerti da un database quando la pagina appare in un browser. Una cosa che ammiro di Dreamweaver è che non favorisce le tecnologie proprietarie di Adobe come Flash rispetto a standard aperti come i video HTML5, ma offre pari supporto per entrambi, e fornisce persino un lettore video HTML5 più bello e più utilizzabile rispetto al suo built-in Flash Player.
Quando si crea una pagina con la funzione di griglia fluida di Dreamweaver, l'app crea prima una pagina che contiene una griglia di colonne verticali visibili in Dreamweaver ma non quando la pagina viene visualizzata in un browser. Per impostazione predefinita, una pagina progettata per i telefoni si inserisce in quattro di queste colonne invisibili. Quando la stessa pagina viene visualizzata su un tablet, riempie otto colonne e dodici colonne quando viene visualizzata su una macchina desktop.
Quando si passa da una dimensione dello schermo all'altra nella finestra di modifica di Dreamweaver, il contenuto del proprio sito si riorganizza per adattarsi alla larghezza specificata per il tipo specifico di schermo ed è possibile utilizzare il pannello CSS Designer per regolare la forma, le dimensioni e altre proprietà di singoli elementi per adattarsi alle diverse dimensioni dello schermo.
