Adobe Dreamweaver CS6 Review & Beoordeling

Adobe Dreamweaver ($ 399, 99; upgrade $ 199, 00, direct) domineert het webbewerkingsveld al langer dan de meeste mensen zich kunnen herinneren, maar in de afgelopen jaren leek het bereid zijn reputatie te versterken, met waardige maar niet-overtuigende upgrades bij elke recente versie. De versie van Dreamweaver CS6 is anders. Het is een essentiële upgrade voor iedereen die webpagina's of apps wil bouwen die zich automatisch aanpassen wanneer deze worden bekeken in een webbrowser op een telefoon of tablet of een browser op een laptop of desktop. De afgelopen jaren heb ik het grootste deel van mijn webontwerp gedaan in het schone, efficiënte en ondergepubliceerde Expression Web van Microsoft, maar Dreamweaver CS6 is de eerste webeditor die is gebouwd voor het multiplatform-tijdperk, met volledige ondersteuning voor HTML5 en CSS3. Net als de rest van de CS6-suite is Dreamweaver gericht op professionals die bereid zijn de steile leercurve te beklimmen, maar zelfs incidentele programmeurs kunnen het gebruiken om indrukwekkend ogende sites te bouwen.

Wat is er nieuw?

De grote nieuwe functies in Dreamweaver zijn deze. De eerste is 'vloeiende rasterlay-outs' waarmee u precies kunt aangeven hoe pagina-elementen worden gerangschikt wanneer uw site wordt weergegeven op een telefoon met een klein scherm, een middelgrote tablet of een volledig scherm. (Blijf hierover lezen voor meer informatie.) Next is ingebouwde ondersteuning voor PhoneGap Build, een open-sourceplatform dat het eenvoudig maakt om een ​​enkele webgebaseerde app te maken die op meerdere telefoonplatforms draait. Dreamweaver verbeterde ook de integratie met Query Mobile, een op JavaScript gebaseerd platform voor het bouwen van browsergebaseerde telefoon- en tablet-apps. CSS-overgangen - de webgebaseerde tegenhanger van overgangen in traditionele presentatie-apps - worden nu ondersteund via een redelijk intuïtieve interface.

Adobe heeft de betrouwbaarheid en flexibiliteit van "Live" preview van Dreamweaver verbeterd, en het "multiscreen" preview-paneel verbeterd dat laat zien hoe uw pagina eruitziet op telefoon-, tablet- en desktopschermformaten. Adobe's online "browserlab" maakt het mogelijk om uw pagina's te testen op oudere browserplatforms, hoewel de vergelijkbare SuperPreview-functie van Microsoft een nog ruimere keuze aan oude en nieuwe browsers biedt om in te testen.

Een andere Dreamweaver-functie die ik al jaren wilde en die Adobe nauwelijks noemt in de PR, is ingebouwde ondersteuning voor weblettertypen via een eenvoudig dialoogvenster waarmee u lettertypen op uw webserver kunt installeren, zodat u ze op uw pagina's kunt gebruiken; dit was altijd mogelijk door moeizame handcodering, maar Dreamweaver maakt het gemakkelijk. Andere verbeteringen die ik graag zie, zijn een volledig vernieuwde - en snelle - FTP-module met volledige ondersteuning voor veilige protocollen. Ingebouwde ondersteuning voor het paginavalidatietool van het W3C Consortium garandeert volledige naleving van de huidige webstandaarden.

De meest spectaculaire nieuwe functie in Dreamweaver is de ondersteuning voor 'vloeiende rasterlay-outs', wat betekent dat het pagina's maakt die zijn georganiseerd volgens een onzichtbaar onderliggend raster dat verandert naargelang de grootte van het scherm. Tekst- en grafische elementen op de pagina passen hun positie automatisch aan wanneer de pagina wordt bekeken op een telefoon, tablet of desktop. Ik moest een demovideo bekijken (toegankelijk via het openingsmenu van Dreamweaver) om erachter te komen hoe ik het kon gebruiken, maar daarna was het eenvoudig.

U maakt een vloeiende rasterlay-out door u te richten op drie schermformaten: telefoon, tablet en desktop. Eerst rangschikt u de pagina-elementen zoals u wilt dat ze op één schermgrootte kijken, met elk element uitgelijnd op het onzichtbare achtergrondraster. Klik vervolgens op een pictogram om naar een andere schermgrootte te schakelen en de elementen op een andere manier in het raster te rangschikken. Een telefoon geeft bijvoorbeeld uw hele pagina weer in een enkele kolom met bovenaan een vervolgkeuzemenu, terwijl een tablet delen van de pagina weergeeft in drie kolommen, met een brede navigatiebalk bovenaan. De onderliggende CSS schakelt automatisch tussen indelingen op basis van de schermgrootte van het apparaat waarop de pagina wordt weergegeven. Met het voorbeeldvenster met meerdere schermen kunt u een of alle van de drie ingebouwde schermformaten wijzigen, zodat u kunt testen hoe het vloeistofraster op elke gewenste grootte werkt.

Flash-integratie

Dreamweaver is voorspelbaar nauw geïntegreerd met het Flash-formaat van Adobe. Maar als u ontwikkelt voor iOS, kunt u Flash niet gebruiken in uw apps of webpagina's, tenzij u Adobe's $ 4.500 Flash Media Server koopt om Flash te streamen op een manier die iOS toestaat. Dreamweaver liet me Flash-video op mijn webpagina's plaatsen zonder een hik en met veel lay-outopties, maar toen ik probeerde HTML5-video aan mijn pagina toe te voegen, moest ik er zelf achter komen dat ik een HTML5-video moest downloaden en installeren “ widget 'en pas vervolgens de code van de widget handmatig aan.

Koppel

Net als de rest van de Adobe Creative Suite is de interface van Dreamweaver een woud van panelen en "tabgroepen" en werkbalken die even wennen is. In tegenstelling tot de rest van de suite, die een grafische interface gebruikt om grafische objecten zoals animaties, foto's, illustraties en afgedrukte pagina's te bewerken, is de grafische interface van Dreamweaver een set tools voor het bewerken van ruwe HTML, CSS, JavaScript en andere op tekst gebaseerde code. Meestal kunt u een van de op GUI gebaseerde knoppen en menu's van Dreamweaver gebruiken om de onderliggende code aan te passen, maar soms kunt u dat niet en dat betekent dat uw handen vies worden terwijl u de code rechtstreeks bewerkt. Dit is goed als je weet hoe je onbewerkte code moet bewerken, frustrerend als je dat niet doet. Soms, vooral tijdens het werken met de nieuwe vloeiende lay-outrasterfunctie, gaf ik het op om een ​​menu of werkbalk te zoeken voor het wijzigen van een lay-outdetail, en moest ik de onbewerkte code doorzoeken om de wijziging aan te brengen. De vloeiende lay-outrasterfunctie is duidelijk een work-in-progress en toekomstige versies zullen dit soort dingen gemakkelijker maken, maar je moet ondertussen voorbereid zijn op enkele kleine frustraties in de eerste versie.

Extreme flexibiliteit

Voor eenvoudige HTML- en CSS-bewerking geef ik nog steeds de voorkeur aan Microsoft Expression Web 4, maar Expression Web werkt alleen op Windows, terwijl de apps van Adobe min of meer identiek werken op Windows- en Mac-machines. Dreamweaver CS6 is ook zonder twijfel de eerste en enige tool voor het bouwen van websites die soepel en capabel werkt in de nieuwe multi-platformwereld. Het heeft zijn ruwe randen, maar Adobe Dreamweaver CS6 heeft ook meer kracht en flexibiliteit dan al het andere in zijn categorie, en het verdient onze Editor's Choice.

Meer foto-, video- en grafische softwarebeoordelingen:

• Magix Movie Edit Pro Premium

• Vegas Movie Studio Platinum

• Adobe Premiere Elements

• Pinnacle Studio Ultimate

• Apple Final Cut Pro X

• meer