We zijn druk geweest.

Met Dreamweaver CC heb je altijd toegang tot nieuwe functies zodra ze beschikbaar zijn. Op een oudere versie? Vergelijk functies ›

Dreamweaver CC (2017)

Nieuwe code-editor

Codeer sneller en met grotere flexibiliteit, dankzij een nieuwe coderingsengine. Met coderingstips kunnen nieuwe gebruikers HTML, CSS en andere webstandaarden leren, terwijl visuele hulpmiddelen zoals automatische inspringing, codekleuring en aanpasbare lettertypen fouten helpen reduceren en je code eenvoudiger maken om te lezen.

Ontwikkelaarswerkruimte

Laad en open bestanden snel en voltooi projecten sneller, dankzij een nieuwe prestatiegerichte en overzichtelijke werkruimte voor ontwikkelaars.

CSS-pre-processorondersteuning

Dreamweaver ondersteunt nu gemeenschappelijke CSS pre-processors zoals SASS, Less en SCSS, dankzij volledige codekleuring, codesuggesties en compilatie, zodat je tijd kunt besparen en schonere code kunt produceren.

Real-time browser-preview

Bekijk je paginabewerkingen in real-time. Het is niet nodig om je browser handmatig te vernieuwen.

CSS bewerken terwijl je werkt met HTML

De nieuwe functie voor snelle bewerkingen biedt een inline editor voor de relevante CSS binnen een HTML-bestand, zodat je snel wijzigingen kunt aanbrengen.

CSS-documentatie in context

Met nieuwe Snelle documenten bespaar je tijd door relevante referentie-informatie over webplatformdocumenten voor CSS-eigenschappen rechtstreeks weer te geven binnen codeweergave.

Meervoudige cursors voor terugkerende taken

Schrijf meer dan één regel code tegelijk om snel zaken uit te voeren zoals het creëren van een lijst met opsommingstekens, het bijwerken van een stringreeks en het tegelijkertijd maken van meerdere bewerkingen.

Moderne gebruikersinterface

Op basis van invoer van duizenden bètatesters is Dreamweaver opnieuw ontworpen met een intuïtievere en aanpasbare interface, toegankelijkere menu's en deelvensters en een configureerbare werkbalk waarin alleen de tools worden weergegeven die je nodig hebt.

UI-kleurthema's

De interface biedt nu vier contrastniveau's variërend van licht tot donker, zodat je eenvoudiger coderegels kunt lezen en bewerken.

Verbeteringen van Creative Cloud Assets

Archiveer, herstel, voeg opmerkingen toe en bekijk de versiehistorie voor al je assets die zijn opgeslagen in Creative Cloud, inclusief bestanden in je Creative Cloud Libraries, assets die zijn gemaakt met CC desktopproducten en mobiele projecten.

Typekit Marketplace-integratie

Koop lettertypen van een van de grootste namen in de sector en gebruik deze in je Dreamweaver-projecten. Typekit maakt gebruik van lettertypesynchronisatie- en webtechnologieën om je Marketplace-lettertypen te leveren waar je ze nodig hebt.

En zoveel meer

Omvat tevens: Adobe CreativeSync-integratie; Verbeteringen voor Zoeken en vervangen; betere code-aanvulling voor PHP 5.6; sneller opstarten; sneller schakelen tussen bestanden, tabbladen en weergaven; crashherstel; en meer.
Volledige release notes ›

Dreamweaver CC (Beta)

Help ons te bouwen aan de toekomst van Dreamweaver

We transformeren Dreamweaver om het sneller en compacter te maken, met een modernere interface en een intuïtieve ervaring voor ontwerpers die moeten coderen. Ontvang de bètaversie en help ons het product te verbeteren.
Meer informatie ›

Dreamweaver CC (2015.1)

Assets binnen handbereik met Creative Cloud Libraries

Bekijk en gebruik penselen, kleuren, graphics en andere creatieve assets in libraries die beschikbaar zijn in Dreamweaver en andere Creative Cloud-apps. Assets kunnen worden gekoppeld, zodat jij en je team, wanneer een asset wordt gewijzigd, de asset kunnen bijwerken in alle projecten. Libraries maken het eenvoudiger dan ooit om je projecten te ordenen en beheren.
Ontdek hoe het werkt ›

Geïntegreerde Adobe Stock

Nu kun je rechtstreeks in Dreamweaver royaltyvrije afbeeldingen en vectorillustraties vinden, in licentie verkrijgen en beheren. Maak een keuze uit de 45 miljoen assets, sla je keuze op in je Creative Cloud Libraries en sleep de assets vervolgens naar het project waarin je ze wilt gebruiken. Je kunt ook video-assets in licentie verkrijgen vanuit de Adobe Stock-marktplaats.
Ontdek hoe het werkt ›

Nieuwe visuele hulpmiddelen met het nieuwste Bootstrap-framework

Creëer eenvoudig responsieve websites die worden aangepast aan elke willekeurige browser op elk willekeurig apparaat, dankzij integratie met de nieuwste versie van het Bootstrap-framework. Met nieuwe visuele hulpmiddelen kun je breakpoints definiëren en je code ordenen, alles binnen Dreamweaver.

Gebruikmaken van Adobe Photoshop-artboards voor het bouwen van responsieve sites

Bouw responsieve websites op basis van Photoshop-bestanden die meerdere artboards bevatten — elk met ontwerpen voor verschillende schermgrootten. CSS, afbeeldingen, kleuren en meer extraheren, rechtstreeks vanuit gedeelde PSD-bestanden, rechtstreeks binnen Dreamweaver.
Ontdek hoe het werkt ›

Productiever werken in de codeweergave en de actieve weergave

Codeer efficiënter met Emmet-ondersteuning die eenvoudige afkortingen omzet in complexe HTML- en CSS-code, en met real-time foutcontrole met Linting. Je kunt ook in PHP-bestanden ingesloten HTML bewerken in de actieve weergave.

En zoveel meer

Omvat tevens: eenvoudige startersjablonen waarmee beginners en studenten fantastische websites kunnen bouwen, en meer.
Bekijk volledige release notes ›

Dreamweaver CC (2015)

De perfecte foto's vinden

Vind de perfecte afbeeldingen voor je websites op de Adobe Stock-marktplaats. Doorzoek een groeiende bibliotheek met foto's en illustraties en download ze rechtstreeks vanuit Creative Cloud in je project.

Voorvertoning op elk apparaat

Test en inspecteer websites op meerdere apparaten tegelijk. Typ gewoon een korte URL in de browser van je mobiele apparaat om een voorvertoning van je websites te bekijken.
Ontdek hoe het werkt ›

Responsieve websites maken

Met de Bootstrap-integratie bouw je websites die zich dynamisch aan diverse schermgrootten aanpassen. Blaas je bestaande websites nieuw leven in, bouw een geheel nieuwe website, gebruik sjablonen of neem Bootstrap-onderdelen op. Bekijk in real-time een voorvertoning van je ontwerpen door de grootte van de Live View in Dreamweaver te wijzigen. Stel visueel mediaquery's in, en meer.
Ontdek hoe het werkt ›

Batchgewijs exporteren vanuit PSD-bestanden

Bespaar tijd door snel voor het web geoptimaliseerde afbeeldingen uit Photoshop-documenten te extraheren in diverse resoluties en indelingen.
Ontdek hoe het werkt ›

Sneller coderen

Dankzij de nieuwe code-editorthema's, de real-time codevalidering met Linting en de functie voor automatisch aanvullen met Emmet-ondersteuning gaat het schrijven van code in Dreamweaver sneller en eenvoudiger dan ooit.
Ontdek hoe het werkt ›

En zoveel meer

Omvat tevens: Een nieuw DOM-deelvenster om moeiteloos door de elementen op HTML-pagina's te navigeren en de elementen te bewerken; real-time voorvertoningen van kleuren en afbeeldingen in de codeweergave; nieuwe responsieve codefragmenten om sneller te ontwikkelen; dynamische bestanden automatisch pushen wanneer je ze opslaat; en nog veel meer.
Bekijk volledige release notes ›

Dreamweaver CC (2014.1)

Extract

Profiteer van contextuele codesuggesties; sleep geoptimaliseerde afbeeldingen en zet ze neer in Live View; kopieer eenvoudig CSS en tekst; en verkrijg metingen en informatie over kleuren, verlopen, lettertypen en meer uit een PSD-bestand.
Ontdek hoe het werkt ›

Live weergave

Met nieuwe voorzieningen zoals contextmenu's en aanpassingen aan het deelvenster Invoegen, sneltoetsen en de HTML-code-editor kun je nu sneller dan ooit websites bewerken en previews bekijken.
Ontdek hoe het werkt ›

Live hulplijnen

Met live hulplijnen kun je HTML-elementen en de bijbehorende codes nauwkeurig verplaatsen door ze te verslepen.

Basissjablonen

Gebruik de ingebouwde aanpasbare lay-outs om snel en eenvoudig responsieve websites te creëren.

64-bits architectuur

Dreamweaver is opnieuw ontwikkeld en maakt nu optimaal gebruik van moderne 64-bits hardware en besturingssystemen, waardoor de compatibiliteit en prestaties zijn verbeterd.

Dreamweaver CC (2014)

Snelle elementweergave

Visualiseer je markeringen op hoog niveau met de nieuwe DOM-visualisatietool. Breng eenvoudig wijzigingen aan in je contentstructuur met workflows voor slepen en neerzetten, dupliceren, verwijderen of meervoudige selectie.
Ontdek hoe het werkt ›

Eigenschappencontrole voor Live weergave

Selecteer, wijzig en inspecteer de eigenschappen van HTML-elementen in Live weergave. Bekijk de resultaten zonder te vernieuwen.
Ontdek hoe het werkt ›

Invoegen in Live weergave

In Live weergave kun je via het deelvenster Invoegen HTML-elementen toevoegen en previews van wijzigingen weergeven zonder van modus te veranderen of op vernieuwen te drukken.
Ontdek hoe het werkt ›

Verbeteringen voor CSS Designer

Genereer foutloze, op standaards gebaseerde CSS met intuïtieve, visuele bewerkingstools. Pas snel tekst, lay-out, kleur en andere CSS-eigenschappen toe. Grote verbeteringen in het gebruiksgemak zoals nieuw gereedschap voor Randen, ondersteuning voor Ongedaan maken en significante workflowverbeteringen.
Ontdek hoe het werkt ›

Sitebeheer op basis van certificaten

Beheer bestanden nauwkeurig via je site met behulp van op certificaten gebaseerde SFTP-autorisatie. Deze autorisatiemethode biedt een gestroomlijnde toegang tot meerdere servers.

Help Center

Met deze functie kun je nieuwe functies en effectieve workflows ontdekken zodra deze worden geïntroduceerd. Deze functie kan eenvoudig worden overgeslagen en is modulair, zodat je er, indien nodig, eenvoudig naar kunt terugkeren.
Ontdek hoe het werkt ›

En zoveel meer

En verder: verbeteringen in de functionaliteit voor ongedaan maken en opnieuw uitvoeren, wijzigingen in de toegang tot uitbreidingen, aanpassingen aan Adobe Business Catalyst- en PhoneGap Build-workflows, en nog veel meer.
Bekijk volledige release notes ›

Dreamweaver CC (13.1)

Livemarkering

Visualiseer de relaties tussen de HTML-elementen in Live weergave en toegepaste CSS-selecties. Controleer en markeer elementen in real time in Live weergave terwijl je interactief werkt met CSS Designer.
Ontdek hoe het werkt ›

Gemoderniseerde Live weergave

Een nieuwe render-engine in Live weergave brengt webcontent op het scherm met dezelfde snelheid en HTML5-ondersteuning die beschikbaar is in Google Chrome. Nu kun je meer tijd besteden in Dreamweaver en minder aan het omschakelen van en naar de browser om je content te testen.
Ontdek hoe het werkt ›

Verbeterd CSS ontwerpen

Genereer foutloze webstandaardcode met intuïtieve, visuele bewerkingstools. Pas snel CSS-eigenschappen zoals kleurgradaties en slagschaduwen toe. Verbeteringen in het gebruiksgemak en een nieuwe kleurkiezer verhogen de productiviteit door versnelling van de visuele workflows voor CSS-bewerking.
Ontdek hoe het werkt ›

Verbeterde synchronisatie-instellingen

Meld je op een willekeurige computer aan bij Creative Cloud en synchroniseer je Voorkeuren, Site-instellingen, Aangepaste werkruimten en Sneltoetsen. Maak één keer een aangepaste workflow en neem die mee waar je maar gaat of staat, dankzij Creative Cloud.
Ontdek hoe het werkt ›

Ondersteuning voor moderne platforms

Ontwerp projecten met HTML (HTML5-formulieren, verbeterde JQuery-ondersteuning) CSS en JavaScript.
Ontdek hoe het werkt ›

Verbeterde codeweergave

Codeer efficiënter met verbeterde codeweergave, inclusief markering van regelnummers en bij elkaar horende tags. De nieuwe codesuggesties in de CSS-selecties ondersteunen voorkeuren voor kleuraanpassing.
Ontdek hoe het werkt ›

En zoveel meer

En verder: codesuggesties voor CSS-selecties, PHP 5.4-ondersteuning, updates van Adobe Extension Manager, Adobe Exchange-verbeteringen, en nog veel meer.
Bekijk volledige release notes ›

Dreamweaver CC (13)

CSS Designer

Met deze intuïtieve visuele bewerkingstool kun je foutloze webstandaardcode genereren en snel CSS-eigenschappen zoals verlopen en slagschaduwen toepassen.
Ontdek hoe het werkt ›

Verbeterde vloeiende rasterlay-out

Bouw webontwerpen en responsieve lay-outs in een visuele omgeving. Met de bijgewerkte vloeiende rasterlay-out is het ontwerpen van projecten voor verschillende schermformaten van desktops en apparaten een fluitje van een cent.
Ontdek hoe het werkt ›

Instellingen synchroniseren

Meld je op een willekeurige computer aan bij Creative Cloud voor toegang tot je bestanden, voorkeuren en instellingen. Je beschikt over alles wat je nodig hebt om te werken aan je webprojecten, wanneer en waar je dat wilt.
Ontdek hoe het werkt ›

Adobe Edge Web Fonts

Maak gebruik van de enorme en steeds groeiende bibliotheek met Edge Web Fonts van , aangeboden door Adobe Typekit.
Ontdek hoe het werkt ›

Ondersteuning voor moderne platforms

Ontwerp projecten met HTML, CSS en JavaScript. Ontwikkel met meer vertrouwen dynamische pagina's, dankzij de nieuw ondersteunde PHP 5.4.

Vereenvoudigde gebruikerservaring

De gemoderniseerde Dreamweaver CC-interface is intuïtiever en biedt meer gestroomlijnde workflows. Profiteer van een gebruikersvriendelijkere en snellere toepassing dankzij het verwijderen van verouderde functies.
Ontdek hoe het werkt ›

jQuery UI-widgets

Dankzij visuele ondersteuning van jQuery UI-widgets wordt je ontwikkelingsworkflow verbeterd.
Ontdek hoe het werkt ›

Gestroomlijnde audio en video in HTML5

Verrijk je projecten voor desktops en mobiele apparaten met fraaie geluiden en films. Voeg makkelijk HTML5-audio en -video toe aan je websites en toepassingen. Dankzij de overzichtelijke interface en de coderingstips kun je sneller en efficiënter rijke media invoegen.
Ontdek hoe het werkt ›

Snellere invoeging van HTML5-elementen

Gebruik het vernieuwde deelvenster Invoegen om snel HTML5-tags en veelvoorkomende pagina-elementen in te voegen. Het deelvenster is ingedeeld in overzichtelijke categorieën, waardoor de opties sneller te vinden zijn. In de handige, gecentraliseerde interface kun je in een oogwenk items vinden en toevoegen.

En zoveel meer

Verkrijg meer informatie over al deze nieuwe functies.
Volledige release notes ›