Dreamweaver richt zich op een van de snelst veranderende werkgebieden: webontwikkeling. Werden we in CS5 nog verrast met de goede cms-integratie, CS5.5 richtte zich al op mobiele ontwikkeling en met CS6 wordt aandacht besteed aan de nieuwste css3-functies.

De meest opvallende nieuwe optie in Dreamweaver richt zich op ontwikkeling voor mobiele apparaten. Het ontwerpen van mobiele layouts is intuïtiever geworden door de introductie van dynamische rasterlayouts. Met die layouts kun je in een eenvoudige interface css-ontwerpen maken die automatisch meeschalen met veranderende resoluties (responsive design). Met één site bedien je dan zowel pc, tablet als smartphone. De veelgebruikte resoluties zijn vooraf ingesteld, maar je kunt ook zelf verhoudingen toevoegen. In de Design- of Live-view wissel je vervolgens tussen de verschillende layouts. Dit alles voelt vrij natuurlijk ingebouwd; voor webontwikkelaars die voor verschillende apparaten ontwikkelen is de workflow optimaal.

Mobiele apps

In CS5.5 werd ondersteuning voor jQuery Mobile ingebouwd. Dit populaire framework wordt vaak ingezet voor mobiele applicaties. Dreamweaver CS6 breidt de ondersteuning uit. Met één klik wissel je tussen de verscheidene interfacethema’s via het paneel jQuery Mobile-stalen. Je hoeft daarvoor de code niet meer in te duiken. Ook eigen thema’s worden ondersteund. Wie nog niet met jQuery Mobile aan de slag is geweest in Dreamweaver: het ontwerpen van een site die bijna even vloeiend werkt als een native app voor bijvoorbeeld iOS is erg eenvoudig. Ook het bijgewerkte PhoneGap Build draagt daaraan bij. Het voorbereiden van mobiele apps voor distributie gaat nu een stuk sneller.

Ook heeft Dreamweaver CS6 integratie met Adobe Business Catalyst, de (betaalde) cms-dienst van Adobe waar je een site in z’n geheel kunt hosten, inclusief webshop. Binnen het Creative Cloud-abonnement kun je vijf sites laten hosten bij Adobe. Mocht je daar geen gebruik van willen maken, dan kun je uiteraard met een eigen ftp aan de slag. Dreamweavers ftp-module is bijgewerkt zodat nu eindelijk meerdere bestanden tegelijkertijd geüpload kunnen worden.

Modern

Css3 is net als html5 een van die webstandaarden die maar nooit afgerond wordt. Fabrikanten werken daarom altijd met ondersteuning voor delen van de specificatie. Dreamweaver verbetert zijn css3-ondersteuning: css3-overgangen kun je nu toevoegen via het nieuwe paneel Css-overgangen. Ook zonder code kun je op die manier mooie overgangen te maken om bijvoorbeeld menustructuren te animeren.

Op de achtergrond is Dreamweaver overgezet naar het interface-framework waar de rest van de Creative Suite eveneens op draait. Daar merk je niet direct iets van, maar het moet voor de ontwikkelaars van Adobe makkelijker worden om de uniformiteit tussen de verschillende Creative Suite-applicaties in te bouwen.

10

Ons oordeel

Pluspunten

dynamische rasterlayouts

css3-overgangen

jQuery Mobile-stalen

Minpunten

Conclusie

Dreamweaver is nog altijd een pakket waarbij je niet bang moet zijn om met code te werken. Hoewel veel functies een interface-equivalent hebben gekregen, zijn er vaak nog code-aanpassingen nodig. Dat alles is echter zo goed geïntegreerd dat je met een simpele workflow voor apparaten van desktop tot smartphone kunt ontwikkelen....
Lees meer
Deel dit artikel
Voeg toe aan favorieten
ID.nl logo

ID.nl, onderdeel van Reshift BV, is in 2022 gestart en uitgegroeid tot de meest toonaangevende en complete consumentensite van Nederland. Het doel van ID.nl is om de consument te helpen met alle technologie die hoort bij het dagelijks leven: van smart-health-meters tot e-bikes, van warmtepompen tot zonnepanelen - en alles daar tussenin!

Duidelijk, betrouwbaar en onafhankelijk: ID.nl maakt moeilijke dingen makkelijk.

Contact

ID.nl

Nijverheidsweg 18

2031 CP Haarlem

info@id.nl

Telefoon: 023-5430000