Video: สอนติดตั้งโปรแกรม Adobe Dreamweaver CS6 ถาวร (Novembre 2024)
Adobe Dreamweaver ($ 399, 99; aggiornamento $ 199, 00, diretto) ha dominato il campo di editing Web per un periodo più lungo di quanto la maggior parte delle persone possa ricordare, ma negli ultimi anni è sembrato disposto a sopravvivere alla sua reputazione, offrendo aggiornamenti degni ma non convincenti con ogni versione recente. La versione di Dreamweaver CS6 è diversa. È un aggiornamento essenziale per chiunque desideri creare pagine Web o app che si adattano automaticamente quando visualizzate in un browser Web su un telefono o tablet o un browser su un laptop o desktop. Negli ultimi anni, ho realizzato la maggior parte del mio Web design nel Web Expression pulito, efficiente e poco pubblicizzato di Microsoft, ma Dreamweaver CS6 è il primo editor Web creato per l'era multipiattaforma, con il pieno supporto di HTML5 e CSS3. Come il resto della suite CS6, Dreamweaver è rivolto a professionisti che sono disposti a scalare la sua ripida curva di apprendimento, ma anche programmatori occasionali possono usarlo per costruire siti dall'aspetto impressionante.
Cosa c'è di nuovo?
Le nuove grandi funzionalità di Dreamweaver sono queste. Il primo è "layout di griglia fluidi" che consentono di specificare esattamente come saranno disposti gli elementi della pagina quando il sito viene visualizzato su un telefono a schermo piccolo, un tablet di medie dimensioni o un desktop a schermo intero. (Continua a leggere per maggiori dettagli al riguardo.) Il prossimo è il supporto integrato per PhoneGap Build, una piattaforma open source che semplifica la creazione di un'unica app basata sul Web che funziona su più piattaforme telefoniche. Dreamweaver ha inoltre migliorato la sua integrazione con Query Mobile, una piattaforma basata su JavaScript per la creazione di app per telefoni e tablet basate su browser. Le transizioni CSS, la controparte basata sul Web delle transizioni nelle app di presentazione tradizionali, sono ora supportate attraverso un'interfaccia ragionevolmente intuitiva.
Adobe ha migliorato la fedeltà e la flessibilità dell'anteprima "In diretta" di Dreamweaver e ha migliorato il suo pannello di anteprima "multischermo" che mostra come apparirà la tua pagina alle dimensioni dello schermo del telefono, del tablet e del desktop. Il "laboratorio lab" online di Adobe consente di testare le tue pagine su piattaforme browser meno recenti, sebbene la funzionalità SuperPreview comparabile di Microsoft offra una scelta ancora più ampia di browser vecchi e nuovi su cui testare.
Un'altra caratteristica di Dreamweaver che desideravo da anni e che Adobe menziona appena nel suo PR, è il supporto integrato per i caratteri Web attraverso una semplice finestra di dialogo che ti consente di installare i caratteri sul tuo server Web in modo da poterli usare sulle tue pagine; questo è sempre stato possibile grazie alla laboriosa codifica manuale, ma Dreamweaver lo rende facile. Altri miglioramenti che sono lieto di vedere includono un modulo FTP completamente rinnovato e veloce con il pieno supporto per protocolli sicuri. Il supporto integrato per lo strumento di convalida della pagina del consorzio W3C garantisce la piena conformità agli attuali standard Web.
La nuova funzionalità più spettacolare di Dreamweaver è il supporto per "layout di griglia fluidi", il che significa che crea pagine organizzate secondo una griglia sottostante invisibile che cambia in base alle dimensioni dello schermo. Gli elementi di testo e grafici sulla pagina regolano automaticamente la loro posizione quando la pagina viene visualizzata su un telefono, tablet o desktop. Ho dovuto guardare un video dimostrativo (accessibile dal menu di apertura di Dreamweaver) per capire come usarlo, ma dopo è stato facile.
Puoi creare un layout di griglia fluido scegliendo come target tre dimensioni dello schermo: telefono, tablet e desktop. Per prima cosa disponi gli elementi della pagina come vuoi che guardino una dimensione dello schermo, con ogni elemento allineato alla griglia di sfondo invisibile. Quindi fai clic su un'icona per passare a una dimensione dello schermo diversa e disponi gli elementi in modo diverso sulla griglia. Ad esempio, un telefono visualizzerà l'intera pagina in un'unica colonna con un menu di navigazione a discesa in alto, mentre un tablet visualizzerà parti della pagina in tre colonne, con un'ampia barra di navigazione in alto. Il CSS sottostante passa automaticamente da un layout all'altro in base alle dimensioni dello schermo del dispositivo che visualizza la pagina. Il pannello di anteprima multischermo consente di modificare una o tutte le tre dimensioni dello schermo integrate, in modo da poter testare il modo in cui la griglia del fluido funzionerà su qualsiasi dimensione desiderata.
Integrazione Flash
Dreamweaver, prevedibilmente, è strettamente integrato con il formato Flash di Adobe. Ma se stai sviluppando per iOS, non puoi utilizzare Flash nelle tue app o pagine Web, a meno che non acquisti il Flash Media Server da $ 4, 500 di Adobe per eseguire lo streaming di Flash in un modo che iOS consente. Dreamweaver mi ha permesso di rilasciare video Flash nelle mie pagine Web senza problemi e con molte opzioni di layout, ma quando ho provato ad aggiungere video HTML5 alla mia pagina, ho dovuto capire da solo che dovevo scaricare e installare un video HTML5 " widget ", quindi modificare manualmente il codice del widget.
Interfaccia
Come il resto della Creative Suite di Adobe, l'interfaccia di Dreamweaver è una foresta di pannelli, "gruppi di schede" e barre degli strumenti che richiedono tempo per abituarsi. A differenza del resto della suite, che utilizza un'interfaccia grafica per modificare oggetti grafici come animazioni, foto, illustrazioni e pagine stampate, l'interfaccia grafica di Dreamweaver è un insieme di strumenti per la modifica di HTML, CSS, JavaScript e altri codici di testo non elaborati. Il più delle volte, è possibile utilizzare uno dei pulsanti e dei menu basati sulla GUI di Dreamweaver per modificare il codice sottostante, ma a volte non è possibile e ciò significa sporcarsi le mani durante la modifica diretta del codice. Questo è utile se sai come modificare il codice non elaborato, frustrante in caso contrario. A volte, specialmente mentre lavoravo con la nuova funzione di griglia del layout fluido, ho rinunciato a cercare un menu o una barra degli strumenti per modificare un dettaglio del layout e ho dovuto scavare nel codice non elaborato per apportare la modifica. La funzionalità della griglia del layout fluido è ovviamente in fase di elaborazione e le versioni future renderanno più facile questo tipo di cose, ma nel frattempo dovresti essere preparato per alcune piccole frustrazioni della prima versione.
Estrema flessibilità
Per l'editing HTML e CSS di base, tendo ancora a preferire Microsoft Expression Web 4, ma Expression Web funziona solo su Windows, mentre le app di Adobe funzionano più o meno in modo identico su macchine Windows e Mac. Inoltre, Dreamweaver CS6 è senza dubbio il primo e unico strumento di creazione Web che funziona senza problemi e con abilità nel nuovo mondo multipiattaforma. Ha i suoi bordi grezzi, ma Adobe Dreamweaver CS6 ha anche più potenza e flessibilità di qualsiasi altra cosa nella sua categoria e merita la nostra scelta dell'editore.
Altre recensioni di software per foto, video e grafica:
• Magix Movie Edit Pro Premium
• Vegas Movie Studio Platinum
• Adobe Premiere Elements
• Pinnacle Studio Ultimate
• Apple Final Cut Pro X
• Di Più
