2015-versies van Dreamweaver CC
Overzicht van nieuwe functies

Dreamweaver CC 2015.1, 2015.2 en 2015.3 bieden u een geweldige ervaring bij het ontwerpen en ontwikkelen van websites in Dreamweaver. U krijgt nu toegang tot Creative Cloud Libraries en Adobe Stock vanuit Dreamweaver om ontwerpelementen en -stijlen van desktop-apps en mobiele apps van Adobe te integreren. Daarnaast wordt integratie van afbeeldingen en video's van hoge kwaliteit mogelijk. Samenwerkingsfuncties in Creative Cloud voorzien in soepele workflows van ontwerper naar ontwikkelaar.

Daarnaast bevat deze release verschillende verbeteringen in het deelvenster DOM, responsief webontwerp, Extract, bewerken met Live View en andere verbeteringsverzoeken die we hebben ontvangen van gebruikers zoals u. Deze nieuwe functies en verbeteringen worden in dit artikel geïntroduceerd. Daarnaast bevat het artikel koppelingen naar hulp- en informatiebronnen.

Adobe Dreamweaver CC, versie 2015.3

Deze versie van Dreamweaver biedt een oplossing voor het probleem op Windows-computers waarbij de computer niet kan overschakelen naar de slaapstand als Dreamweaver wordt uitgevoerd (probleem met activeringstimer). 

Zie Computer kan niet overschakelen naar de slaapstand als Dreamweaver wordt uitgevoerd | Windows.

Adobe Dreamweaver CC 2015.2 (versie van maart 2016)

Verbeteringen in het deelvenster DOM

Nu meervoudige selecties, het bewerken van tags, klassen en id's en het invoegen van nieuwe elementen worden ondersteund, kunt u het grootste deel van uw webpagina opmaken en ontwerpen door enkel het deelvenster DOM te gebruiken.

Lees verder voor meer informatie over deze verbeteringen in het deelvenster DOM:

Ondersteuning voor meervoudige selectie van DOM-elementen 

U kunt nu meerdere tags selecteren in het deelvenster DOM van een document om zo meerdere tags tegelijk te bewerken of andere bewerkingen uit te voeren met meerdere tags.

  • Voor een aaneengesloten selectie houdt u de Shift-toets ingedrukt en klikt u op de tags in het deelvenster DOM.
  • Voor een niet-aaneengesloten selectie houdt u de Ctrl-toets ingedrukt en klikt u op de tags in het deelvenster DOM.
Aaneengesloten selectie in deelvenster DOM
Aaneengesloten selectie in deelvenster DOM

Niet-aaneengesloten selectie in deelvenster DOM
Niet-aaneengesloten selectie in deelvenster DOM


Wanneer u meerdere elementen selecteert in het deelvenster DOM:

  • Eigenschappencontrole en CSS ontwerpen zijn uitgeschakeld.
  • Tagstructuur onder aan de pagina wordt gewist.
  • De invoegpositie in de codeweergave wordt inactief.

Tags, klassen en id's bewerken in het deelvenster DOM

U kunt nu tags, klassen en id's bewerken door er in het deelvenster DOM op te dubbelklikken. U kunt ook extra klassen of id's toevoegen door deze met een spatie van elkaar te scheiden. Voor tags die niet aan een klasse of id zijn gekoppeld, kunt u de naam van de klasse of id typen nadat u op de tag hebt gedubbelklikt.

Er worden coderingstips weergegeven wanneer u de naam van de tag, klasse of id begint te typen. Begin met het typen van een punt om alleen de tips voor klassen weer te geven. Als u alleen tips voor id's wilt weergeven, begint u met het typen van een hekje (#).

Tags bewerken in het deelvenster DOM
Tags bewerken in het deelvenster DOM

Klassen bewerken of toevoegen in het deelvenster DOM
Klassen bewerken of toevoegen in het deelvenster DOM

Id's bewerken en toevoegen in het deelvenster DOM
Id's bewerken en toevoegen in het deelvenster DOM

Als u een tag wilt verwijderen, klikt u met de rechtermuisknop op de tag in het deelvenster DOM en klikt u op Code verwijderen.

Elementen invoegen in het deelvenster DOM

U kunt nu op een van de volgende manieren nieuwe elementen in uw webpagina invoegen met het deelvenster DOM:

  • Druk op de spatiebalk of klik op het pictogram naast het gewenste element in het deelvenster DOM. Klik in het pop-upmenu dat wordt weergegeven op een van de opties. Als u tags wilt plaatsen rond meerdere elementen, selecteert u de gewenste elementen en kiest u de invoegoptie Tags rondom plaatsen.
Er wordt als tijdelijke aanduiding een div-tag ingevoegd en weergegeven in de bewerkingsmodus. U kunt in plaats van de div-tag de gewenste tag typen.
Opties voor Invoegen in het deelvenster DOM
Opties voor Invoegen in het deelvenster DOM

  • Klik in het deelvenster Invoegen op het gewenste element en sleep het element naar het deelvenster DOM. Er worden livehulplijnen weergegeven om aan te geven waar het element wordt ingevoegd. Zet het element neer op de gewenste locatie.

Wanneer u tags invoegt met het deelvenster DOM, worden de standaardtekst (tijdelijke aanduiding) en vereiste kenmerken voor de tags ook ingevoegd:

  • Wanneer u een van de volgende tags invoegt en wijzigingen doorvoert, wordt standaardtekst ingevoegd in de code- en ontwerpweergave en in Live View:
    div, header, nav, aside, article, section, footer, h1-h6 en hgroup
  • Wanneer u de tag table invoegt en de wijzigingen doorvoert, wordt een tabel van 3x3 ingevoegd.
  • Wanneer u de tag embed of img invoegt en de wijzigingen doorvoert, verschijnt het dialoogvenster Bestand selecteren waarin u wordt gevraagd een geschikt bestand te selecteren.
  • Wanneer u een meta-tag invoegt en de wijzigingen doorvoert, wordt de volgende code toegevoegd in de codeweergave: <meta name="" content="">
  • Wanneer u de tag figure invoegt en de wijzigingen doorvoert, wordt de tag figure met de geneste tag figcaption ingevoegd.
  • Wanneer u de tag ul of ol invoegt en de wijzigingen doorvoert, wordt de tag ol/ul met de geneste tag li ingevoegd.

Visuele feedback voor onderliggende knooppunten

Wanneer een knooppunt is geselecteerd in het deelvenster DOM, worden de onderliggende knooppunten lichtblauw weergegeven.

Als onderliggende knooppunten expliciet zijn geselecteerd, wordt de lichtblauwe markering niet weergegeven.

Onderliggende knooppunten worden gemarkeerd als bovenliggend knooppunt is geselecteerd
Onderliggende knooppunten worden gemarkeerd als bovenliggend knooppunt is geselecteerd

Onderliggend knooppunt gemarkeerd op dezelfde manier als bovenliggend knooppunt
Onderliggend knooppunt gemarkeerd op dezelfde manier als bovenliggend knooppunt


Verbeterde beveiliging om misbruik van Gatekeeper te voorkomen

Gatekeeper is een ingebouwde functie in MAC OS X 10.7 en hoger voor het opsporen van malware. Deze functie controleert apps op geldige handtekeningen met een ontwikkelaar-id voordat ze op de Mac worden geïnstalleerd. Apps die dynamisch worden geladen vanuit apps met een geldige handtekening, worden door Gatekeeper echter niet gedetecteerd of geblokkeerd. Als u Dreamweaver bij een onofficiële bron koopt, kan deze tekortkoming in Gatekeeper worden misbruikt om schadelijke insteekmodules op te nemen in het Dreamweaver-installatiepakket. 

Om potentieel misbruik te voorkomen, vraagt Dreamweaver u nu te bevestigen of u insteekmodules van derden wilt laden als het wordt geïnstalleerd op een andere locatie dan /Programma's.

Bevestigingsprompt voor het laden van bibliotheken van derden
Bevestigingsprompt voor het laden van bibliotheken van derden

CEF-integratie

Dreamweaver is nu geïntegreerd met CEF3 2357. In Live View kunnen 3D-overgangen, -animaties en -transformaties uit CSS3 nu worden weergegeven.

Zie CEF-integratie voor meer informatie.

Verbeteringen in visuele mediaquery's

U kunt nu een eenheid (px, em of rem) selecteren terwijl u mediaquery's toevoegt met de visuele-mediaquerybalk. Wanneer u een waarde opgeeft in een eenheid en vervolgens de eenheid wijzigt, wordt de waarde automatisch geconverteerd naar de nieuwe geselecteerde eenheid.

Eenheden opgeven terwijl u een mediaquery toevoegt
Eenheden opgeven terwijl u een mediaquery toevoegt

Zie Visuele mediaquery's voor meer informatie.

Verbeteringen in CC Libraries

Wijzigingen in het dialoogvenster met resamplingopties

De interfaceoptie ‘Formaat wijzigen in’ in het dialoogvenster Afbeelding optimaliseren is gewijzigd in ‘Resampling uitvoeren naar’.

Wanneer u resampling uitvoert voor een afbeelding vanuit het deelvenster CC Libraries, wordt er een draaiend rondje op de afbeelding weergegeven totdat de resampling volledig is voltooid.

Dialoogvenster met resamplingopties in Dreamweaver CC 2015.2
Dialoogvenster met resamplingopties in Dreamweaver CC 2015.2

Zie Creative Cloud Libraries in Dreamweaver voor meer informatie.

Voor het web geoptimaliseerde SVG-bestanden uit CC Libraries extraheren

Als u Adobe Stock-afbeeldingen waarvoor u een licentie hebt gekocht, in uw Creative Cloud Libraries hebt opgeslagen, kunt u deze als voor het web geoptimaliseerde SVG-bestanden extraheren in uw Dreamweaver-webpagina's. Als u de afbeeldingen vanuit het deelvenster CC Libraries naar uw webpagina's sleept, worden ze standaard als SVG-bestanden ingevoegd.

Als u de eigenschappen van SVG-bestanden wilt aanpassen, kunt u de voorkeuren in het bestand options.json bewerken.

Zie Voor het web geoptimaliseerde SVG-bestanden uit CC Libraries extraheren voor meer informatie.

Nieuwe, eenvoudige sjablonen

In deze build zijn drie nieuwe e-mailsjablonen toegevoegd: E-mail - Dynamisch, E-mail - Hybride en E-mail - Responsief.

Als u deze sjablonen wilt gebruiken, gaat u naar Bestand > Nieuw > Eenvoudige sjablonen > E-mailsjablonen.

Nieuwe eenvoudige e-mailsjablonen in Dreamweaver CC 2015.2
Nieuwe eenvoudige e-mailsjablonen in Dreamweaver CC 2015.2

Verbeteringen in het bewerken van tabellen in Live View

Nieuwe bewerkingsopties voor rijen en kolommen

De volgende bewerkingsopties zijn nu beschikbaar voor tabellen in Live View:

  • Verwijderen met de toetsen Delete/Backspace.
  • Knippen met behulp van het contextmenu, het menu Bewerken of een sneltoets.
  • Kopiëren met behulp van het contextmenu, het menu Bewerken of een sneltoets.
  • Plakken met behulp van het contextmenu, het menu Bewerken of een sneltoets.
  • Kopiëren en andere rijen of kolommen vervangen met de optie Geselecteerde cellen vervangen in het contextmenu.

Als u deze opties wilt zien, activeert u de tabelopmaakmodus door de tabel te selecteren en te klikken op het sandwichpictogram in de elementweergave. Selecteer vervolgens de gewenste cellen en klik met de rechtermuisknop.

Bewerkingsopties voor tabelcellen in Live View
Bewerkingsopties voor tabelcellen in Live View

U kunt nu navigeren tussen de cellen in een tabel in Live View met de linker- en rechterpijltoets. Klik op een cel in de tabel en druk op de linkerpijltoets om naar de vorige cel te gaan of op de rechterpijltoets om naar de volgende tabelcel te gaan.

Wijzigingen in het welkomstscherm

Het welkomstscherm is gewijzigd in deze versie van Dreamweaver:

Welkomstscherm in Dreamweaver CC 2015.2
Welkomstscherm in Dreamweaver CC 2015.2

Adobe Dreamweaver CC 2015.1 (versie november 2015)

Integratie met Creative Cloud Libraries

Dankzij de nieuwe ondersteuning voor Creative Cloud Libraries kunt u samenwerken en illustraties en kleurenthema's delen die zijn gemaakt in andere ontwerpprogramma's, zoals Photoshop, Illustrator of mobiele apps. U kunt creatieve middelen zoeken, beheren en gebruiken waar en wanneer u deze nodig hebt in Dreamweaver-projecten. 

Het deelvenster CC Libraries in Dreamweaver
Het deelvenster CC Libraries in Dreamweaver

Wanneer u middelen invoegt vanuit Creative Cloud Libraries, kunt u ervoor kiezen om de koppeling tussen het middel en de bron te behouden zodat uw middelen altijd up-to-date zijn.

Met het nieuwe deelvenster CC Libraries in Dreamweaver kunt u de middelen in uw Creative Cloud-bibliotheken weergeven en de middelen invoegen in uw webpagina's. U kunt coderingstips gebruiken om de middelen in te voegen in Live View of in de codeweergave.

Zie Creative Cloud Libraries in Dreamweaver voor meer informatie.

Integratie met Adobe Stock

Door integratie met Adobe Stock kunt u royaltyvrije afbeeldingen, vectorafbeeldingen en video's rechtstreeks naar Creative Cloud Libraries downloaden en uw Adobe Stock-inhoud gemakkelijk direct in Dreamweaver beheren en hergebruiken.

Vind de perfecte afbeeldingen, illustraties en video's van Adobe Stock om uw website visueel aantrekkelijk te maken voor uw publiek, gewoon vanuit Dreamweaver.

Afbeeldingen in Adobe Stock zoeken en aanschaffen
Afbeeldingen in Adobe Stock zoeken en aanschaffen

Verbeteringen voor responsief ontwerp

Verbeteringen in Bootstrap

Ondersteuning voor Bootstrap v3.3.5

De in Dreamweaver gebruikte versie van Bootstrap is bijgewerkt naar versie 3.3.5. Hierdoor zijn de Bootstrap-componenten, codefragmenten en eenvoudige sjablonen nu bijgewerkt naar versie 3.3.5. 

Ook jQuery is bijgewerkt, naar versie 1.11.3.

Rijen en kolommen dupliceren

Naast de mogelijkheid om in Live View kolommen en rijen toe te voegen in Bootstrap-documenten, kunt u in Dreamweaver nu ook rijen en kolommen dupliceren.

U kunt een geselecteerde rij of kolom dupliceren door te klikken op het pictogram voor dupliceren () in de rechterbenedenhoek. De volledige rij of kolom wordt gedupliceerd met de bijbehorende inhoud.

Opmerking:

Via de optie Rij toevoegen of Kolom toevoegen dupliceert u de rij of kolom inclusief klassen, maar zonder inhoud.

Optie voor dupliceren van rij en kolom in Bootstrap-documenten
Optie voor dupliceren van rij en kolom in Bootstrap-documenten

Verbeteringen in de workflow voor het maken van Bootstrap-documenten

Of u nu een Bootstrap-document maakt via het dialoogvenster 'Nieuw document' of op basis van een eenvoudige sjabloon, de workflow verloopt nu naadloos. De dialoogvensters ‘Afhankelijke bestanden kopiëren’ en ‘Bestaande bestanden overschrijven’ worden niet meer weergegeven (zoals in eerdere versies van Dreamweaver).

Wanneer u een Bootstrap-document maakt en opslaat op een specifieke locatie, worden de afhankelijke bestanden automatisch op dezelfde locatie opgeslagen.

Verbeteringen in visuele mediaquery’s

Markering voor de huidige onderbrekingspuntwaarden

Dreamweaver markeert nu de mediaquery’s die zijn gekoppeld aan de huidige viewportgrootte, zodat u deze snel kunt identificeren. De markering bestaat uit donkerdere pijlen en een donkere achtergrond voor de onderbrekingspuntwaarden van de mediaquery’s.

Actieve mediaquery's en inactieve mediaquery's (hierboven gemarkeerd)
Actieve mediaquery's en inactieve mediaquery's (hierboven gemarkeerd)

Verbeteringen in de workflow Mediaquery toevoegen

Wanneer u nu op het plusteken (+) op de visuele-mediaquerybalk klikt, vraagt Dreamweaver niet meer om te klikken op de optie ‘max-width’ of ‘min-width’. In plaats daarvan wordt meteen de pop-up voor het toevoegen van de mediaquery weergegeven. 

Bovendien wordt in het pop-upvenster standaard de optie ‘max-width’ geselecteerd. Er is nu een vervolgkeuzelijst waarin u de optie kunt wijzigen in ‘min-width’ of ‘min-max’. 

Wijzigingen voor het toevoegen van mediaquery's
Wijzigingen voor het toevoegen van mediaquery's

Verbeteringen in het bewerken van onderbrekingspunten

U kunt de mediaquerywaarden nu bewerken door te dubbelklikken op de onderbrekingspuntwaarden in de visuele-mediaquerybalk. Wanneer u dubbelklikt op de onderbrekingspuntwaarde, wordt er een oranje rand weergegeven en wordt de invoegpositie weergegeven binnen de rand.

Na het invoeren van de nieuwe waarden (in pixels), drukt u op Enter of Return om de wijzigingen door te voeren of op Escape om ze te verwijderen.

Onderbrekingspuntwaarde 768 px met een oranje rand in de bewerkingsmodus
Onderbrekingspuntwaarde 768px met een oranje rand in de bewerkingsmodus

Weergave van regelnummer bij optie Ga naar codeweergave

Met de optie Ga naar codeweergave in het contextmenu van visuele mediaquery's, dat u opent met de rechtermuisknop, wordt nu het regelnummer van de code weergegeven zodat u de overeenkomende code eenvoudig kunt controleren.

Regelnummers voor code die overeenkomt met visuele mediaquery's
Regelnummers voor code die overeenkomt met visuele mediaquery's

Verbeteringen in Extract

Ondersteuning voor meerdere tekengebieden

U kunt nu PSD’s met meerdere tekengebieden openen in het deelvenster Extract van Dreamweaver om middelen te extraheren. Elk tekengebied wordt weergegeven als een map in het deelvenster Lagen. U kunt de map uitvouwen of samenvouwen om de inhoud ervan weer te geven of te verbergen.

Als u wilt inzoomen op een bepaald tekengebied, klikt u op de naam van het tekengebied.

Dubbelklik op 'PASSEND' in de koptekst van het deelvenster om het tekengebied uit te zoomen en de PSD in te passen in de huidige weergave.

Ondersteuning voor het extraheren van Slagschaduw

Als u CSS extraheert uit een PSD-bestand dat de eigenschap Slagschaduw heeft, wordt de eigenschap nu geëxtraheerd als box-shadow in CSS.

Tips voor het werken met niet-ondersteunde laagstijlen

In veel gevallen maakt u in een PSD-bestand meerdere laagstijlen die wel afzonderlijk werken, maar niet in combinatie. Extract controleert dergelijke situaties en geeft suggesties voor wat u met deze laagstijlen kunt doen.

Extract detecteert de volgende situaties:

  • Scenario 1: Meerdere instanties van eigenschappen die worden vertaald in achtergrondkleuren. Er zijn bijvoorbeeld twee kleurbedekkingen of twee verloopbedekkingen gedefinieerd in het PSD-bestand.
  • Scenario 2: Een kleurbedekking met een dekking van minder dan 100% is boven een verloopbedekking geplaatst of er is een achtergrondkleur toegewezen aan de laag. In zo’n geval is het lastig te bepalen wat de resulterende mengkleur wordt.
  • Scenario 3: Een verloopbedekking heeft een dekking van minder dan 100% en er is een achtergrondkleur toegewezen aan de laag. Ook in zo’n geval is het lastig te bepalen wat de resulterende mengkleur wordt.

Als dit soort situaties wordt gedetecteerd, geeft Extract een waarschuwingspictogram weer op de laagminiatuur in het deelvenster Extract. Het volgende waarschuwingsbericht wordt weergegeven in het pop-upvenster van de laagminiatuur en in de CSS voor deze laag:

‘De laag bevat meerdere laagstijlen die niet in de CSS kunnen worden weergegeven. Gebruik de kleurkiezer of extraheer de laag als afbeelding.’

Daarnaast worden in gevallen waarin een halftransparante achtergrondkleur een andere achtergrondkleur bedekt (scenario 2 en 3 hierboven), waarden voor alle achtergrondkleuren weergegeven in de CSS. U kunt de vereiste waarde vervolgens extraheren.

Verbeteringen in bewerken met Live View

Verbeteringen voor het bewerken van tabellen

Rijen of kolommen selecteren met één klik

U kunt de rijen en kolommen van een tabel in Live View nu met één klik selecteren. Er is een nieuw pijlpictogram geïntroduceerd (vergelijkbaar met dat in de ontwerpweergave) waarop u kunt klikken om een rij of kolom te selecteren.

  1. Selecteer de tabel om de elementweergave met het sandwichpictogram weer te geven.

  2. Klik op het sandwichpictogram om de opmaakmodus van de tabel te activeren.

  3. Plaats de muisaanwijzer op de rij of kolom die u wilt selecteren. Wijs met de muisaanwijzer de uiterste rand van de rij of kolom aan om een pijl weer te geven die aangeeft dat u nu kunt klikken om de rij of kolom te selecteren.

  4. Klik om de rij of kolom te selecteren.

    Een tabelrij selecteren in Live View
    Een tabelrij selecteren in Live View

    Een tabelkolom selecteren
    Een tabelkolom selecteren in Live View

  5. Klik met de rechtermuisknop om het contextmenu weer te geven en ga verder met de benodigde bewerkingen voor de rij of de kolom.

Meerdere cellen selecteren door te slepen

U kunt nu meerdere cellen, rijen of kolommen selecteren door te slepen. Klik op een cel en sleep over meerdere cellen, rijen of kolommen om deze te selecteren.

  1. Selecteer de tabel om de elementweergave met het sandwichpictogram weer te geven.

  2. Klik op het sandwichpictogram om de opmaakmodus van de tabel te activeren.

  3. Sleep en selecteer de gewenste rijen en kolommen.

    Meerdere cellen selecteren door te slepen
    Meerdere cellen selecteren door te slepen

  4. Klik met de rechtermuisknop om het contextmenu weer te geven en ga verder met de benodigde bewerkingen voor de rij of de kolom.

Rijen of kolommen verwijderen met de toets Delete

U kunt rijen of kolommen nu verwijderen door deze te selecteren en op de toets Delete/Backspace te drukken.

Snelle eigenschappencontrole voor tekst

U kunt nu de Snelle eigenschappencontrole voor tekst in Live View gebruiken om tekst snel op te maken, te laten inspringen en van een hyperlink te voorzien. De Snelle eigenschappencontrole voor tekst wordt weergegeven wanneer u klikt op het sandwichpictogram voor tekstelementen: h1-h6, pre en p.

Snelle eigenschappencontrole voor tekst
Snelle eigenschappencontrole voor tekst

  • Met de opmaakoptie kunt u de tag van het element snel wijzigen in een van de volgende: h1-h6, p en pre. 
  • Met de koppelingsoptie kunt u een hyperlink aan het tekstelement toevoegen. 
  • Met de pictogrammen voor Vetgedrukt en Cursief kunt u de tags <strong> en <em> aan het tekstelement toevoegen.
  • Met de pictogrammen voor blockquote kunt u de tekst laten inspringen of de inspringing verwijderen. De tag wordt overeenkomstig toegevoegd aan of verwijderd uit de code.

In Bootstrap-documenten kunt u met de Snelle eigenschappencontrole voor tekst de tekstelementen ook uitlijnen en transformeren.

Snelle eigenschappencontrole voor tekst in Bootstrap-documenten
Snelle eigenschappencontrole voor tekst in Bootstrap-documenten

  • Uitlijnen: u kunt Bootstrap-tekstelementen links, gecentreerd, rechts of regelvullend uitlijnen door de betreffende klassen toe te passen.
  • Transformeren: u kunt het hoofdlettergebruik van een element wijzigen door de klassen voor kleine letters, hoofdletters of hoofdletters als in een zin toe te passen.

Wijzigingen in de Snelle eigenschappencontrole voor afbeeldingen

De Snelle eigenschappencontrole voor afbeeldingen bevat nu opties voor het aanpassen van afbeeldingen in Bootstrap-documenten.

Snelle eigenschappencontrole voor tekst in Bootstrap-documenten
Snelle eigenschappencontrole voor tekst in Bootstrap-documenten

  • Bijsnijden naar vorm: klik om de hoeken van afbeeldingen bij te snijden tot cirkelvormige of afgeronde hoeken of als miniatuurafbeelding.
  • Afbeelding responsief maken: klik om afbeeldingen responsief maken, zodat ze zich aanpassen aan verschillende schermgrootten.

In-app updates

Adobe levert doorlopend updates om Dreamweaver up-to-date te houden met de continue technologische ontwikkelingen, zoals updates voor Bootstrap-bibliotheken of eenvoudige sjablonen.

U kunt de in-app updates automatisch of handmatig downloaden en installeren. U kunt de updates ook uitschakelen of verwijderen en Dreamweaver terugzetten naar de toestand waarin de toepassing is geïnstalleerd of bijgewerkt met de Adobe Creative Cloud desktop-app. In het dialoogvenster Voorkeuren in Dreamweaver kunt u de modus het voor bijwerken, uitschakelen of terugzetten van in-app updates opgeven.

Zie In-app updates voor meer informatie over in-app updates.

Voorkeuren voor in-app updates
Voorkeuren voor in-app updates

Testserver - workflowverbeteringen

In de vorige versie (Dreamweaver CC 2015) hebben we een functie geïntroduceerd voor het automatisch pushen van bestanden naar de testserver om zo moeiteloos dynamische documenten te kunnen bewerken in Live View. Op verzoek van gebruikers die deze functie willen kunnen uitschakelen, hebben we nu in het dialoogvenster Site-instelling een nieuwe voorkeursinstelling geïntroduceerd.

Zie Automatisch pushen van dynamische bestanden uitschakelen voor meer informatie.

Optie voor automatisch pushen van dynamische bestanden uitschakelen
Optie voor automatisch pushen van dynamische bestanden uitschakelen

Code samenvouwen op basis van selectie

De functie voor het samenvouwen van code voor een geselecteerd codeblok is terug. U kunt nu:

  • Code samenvoegen op tagniveau zoals in de vorige versie van Dreamweaver en/of;
  • Een gedeelte van de code samenvouwen door dit te selecteren.
Wanneer u een codeblok selecteert, wordt de optie om de code samen te vouwen weergegeven (zie onder):
Code samenvouwen op basis van selectie
Klik op ‘-’ om de code samen te vouwen

Code samenvouwen op basis van selectie
Klik op ‘+’ om de code uit te vouwen


Klik op ‘-’ om de code samen te vouwen. Als u een samengevouwen deel van de code wilt uitvouwen, klikt u op '+'.

Klik op '- 'om de code samen te vouwen. Als u een samengevouwen deel van de code wilt uitvouwen, klikt u op ‘+’. 
Klik op ‘-’ om de code samen te vouwen. Als u een samengevouwen deel van de code wilt uitvouwen, klikt u op ‘+’. 
Klik op ‘-’ om de code samen te vouwen. Als u een samengevouwen deel van de code wilt uitvouwen, klikt u op ‘+’. 

Zie Code samenvouwen voor meer informatie over het samenvouwen van code.

Verbeteringen in CSS ontwerpen

Kiezers opnieuw rangschikken

U kunt de positie van kiezers in het deelvenster Kiezers nu wijzigen door ze naar de gewenste positie in het deelvenster te slepen.

Kiezers in CSS ontwerpen opnieuw rangschikken
Kiezers in CSS ontwerpen opnieuw rangschikken

Deelvensters in CSS ontwerpen behouden aangepaste afmetingen

Wanneer u deelvensters in CSS ontwerpen samenvouwt of uitvouwt, worden de afmetingen ervan gedurende de hele sessie onthouden. De deelvensters Bronnen en Media behouden hun aangepaste afmetingen totdat u ze wijzigt.

Deelvenster Eigenschappen uitgeschakeld voor Bootstrap-bestanden

In Bootstrap-bestanden, waarin de stijlen zijn gedefinieerd in Bootstrap CSS-bestanden en alleen-lezen zijn, is het deelvenster Eigenschappen in CSS ontwerpen uitgeschakeld.

Opmerking:

Als u de stijl van het Bootstrap-document wilt wijzigen, moet u een ander CSS-bestand maken waarmee de bestaande stijlen worden overschreven en dit bestand aan het document koppelen.

Specifieke functies voor ongedaan maken/opnieuw uitvoeren voor actieve documenten

Handelingen ongedaan maken en opnieuw uitvoeren kan nu worden beperkt tot alleen actieve documenten.

Standaard heeft het ongedaan maken of opnieuw uitvoeren van handelingen invloed op het momenteel actieve document en alle bijbehorende bestanden, zoals de gekoppelde CSS-bestanden. Wanneer u het ongedaan maken van handelingen beperkt tot het actieve document, wordt ongedaan maken/opnieuw uitvoeren alleen toegepast op de wijzigingen in het bestand dat op dit moment is geopend. Als u bijvoorbeeld in een HTML-bestand handelingen ongedaan maakt/opnieuw uitvoert, heeft dit alleen invloed op de wijzigingen die u aanbrengt in het HTML-bestand en niet op de wijzigingen in het bijbehorende CSS-bestand. Als u wijzigingen in een bijbehorend CSS-bestand ongedaan wilt maken of opnieuw wilt uitvoeren, moet u hiervoor eerst naar het CSS-bestand overschakelen.

Als Live View of de ontwerpweergave is geselecteerd, wordt het ongedaan maken/opnieuw uitvoeren van handelingen alleen toegepast op die wijzigingen die de HTML-code beïnvloeden. Stel bijvoorbeeld dat u een Bootstrap-pagina in Live View bewerkt. U bewerkt tekst en past vervolgens de grootte aan van een mediaquery op de visuele-mediaquerybalk. U kunt alleen de tekstbewerking ongedaan maken en niet de wijzigingen in de mediaquery, omdat deze wijzigingen betrekking hebben op een bijbehorend bestand en niet op het HTML-bestand. U kunt het bijbehorende CSS-bestand openen en de wijzigingen ongedaan maken.

U kunt het ongedaan maken en opnieuw uitvoeren van handelingen als volgt tot het huidige document beperken:

  1. Klik op Bewerken > Voorkeuren (Windows) of Dreamweaver > Voorkeuren (Mac).

  2. Selecteer in de categorie Algemeen de optie Handelingen ongedaan maken beperken tot het actieve document, in het gedeelte Opties voor bewerken.

    Ongedaan maken en opnieuw uitvoeren beperken voor actief document
    Ongedaan maken en opnieuw uitvoeren beperken tot het actieve document

  3. Klik op Toepassen en vervolgens op Sluiten om het dialoogvenster Voorkeuren te sluiten.

  4. Start Dreamweaver opnieuw om de wijzigingen te activeren.

Verbeteringen in het deelvenster DOM

U kunt een tag in het deelvenster DOM van een document nu kopiëren en plakken in het deelvenster DOM van een ander document via het contextmenu in het deelvenster, dat u opent door te klikken met de rechtermuisknop.

Opmerking:

Alleen de tags die uit het deelvenster DOM zijn gekopieerd, kunnen in een ander deelvenster DOM worden geplakt. Als u een tag kopieert uit Live View, kan deze alleen in Live View worden geplakt en niet in het deelvenster DOM.

Optie om nieuwe functiehulpmiddelen te herstellen

De nieuwe functiehulpmiddelen (functiefloaters en contexttips voor functies) worden automatisch weergegeven wanneer u Dreamweaver voor de eerste keer start nadat u de toepassing hebt bijgewerkt. Met functiefloaters kunt u kennismaken met nieuwe functies van de nieuwe update en met contexttips voor functies kunt u nieuwe workflows en verbeteringen van functies ontdekken.

Wanneer u Dreamweaver vervolgens opnieuw opent, worden deze nieuwe functiehulpmiddelen standaard onderdrukt en niet meer weergegeven. Als u de hulpmiddelen opnieuw wilt weergeven, gebruikt u de optie Herstellen bij de voorkeuren voor Dreamweaver.

 

  1. Ga naar Help > Nieuwe functiehulpmiddelen herstellen. Het dialoogvenster Voorkeuren wordt geopend.

  2. Herstel de functiefloaters, de contexttips voor functies of beide, afhankelijk van uw vereisten.

  3. Sluit Voorkeuren en sluit Dreamweaver af.

  4. Start Dreamweaver opnieuw. U kunt de nieuwe functiehulpmiddelen nu opnieuw weergeven.

Update voor W3C-validatie

Dreamweaver is bijgewerkt en maakt nu gebruik van de nieuwe validatieservice voor HTML5 van W3C: https://validator.w3.org/nu/ De oude validatieservice, validator.w3.org, is nu overbodig geworden.

De nieuwe validatieservice biedt alleen ondersteuning voor de volgende parsers:

Waarde Beschrijving
geen De keuze tussen de HTML- of XML-parser is gebaseerd op het inhoudstype.
xml XML-parser; er kunnen geen externe entiteiten worden geladen.
xmldtd XML-parser; er kunnen externe entiteiten worden geladen.
html HTML-parser; configuratie is gebaseerd op documenttype.
html5 HTML-parser in de HTML5-modus.
html4 HTML-parser in de strikte HTML4-modus.
html4tr HTML-parser in de transitionele HTML4-modus.

Net als in de vorige versies van Dreamweaver kunt u nog steeds de alternatieve parser opgeven die in Dreamweaver kan worden gebruikt als de parser niet wordt herkend op basis van inhoudstype of DTD van het document. Alleen de lijst met beschikbare parsers is gewijzigd met de nieuwe validatie.

Voorkeuren voor de W3C-validatiefunctie
Voorkeuren voor de W3C-validatiefunctie

Zie Documenten valideren met W3C-validatie voor meer informatie.

Ondersteuning voor SVG-bestanden in het deelvenster Middelen

In het deelvenster Middelen worden nu alle SVG-middelen op de Dreamweaver-site weergegeven die zijn gekoppeld aan het actieve document. Net als voor alle andere middelen in het deelvenster Middelen kunt u verschillende acties uitvoeren voor SVG-middelen, zoals bewerken, URL's toewijzen en middelen opnieuw gebruiken in verschillende documenten en sites.

Lijst met SVG-middelen in het deelvenster Middelen
Lijst met SVG-middelen in het deelvenster Middelen

Wijzigingen in de opties voor zoomen

In Dreamweaver kunt u de volgende handelingen niet meer gebruiken om in of uit te zoomen in Live View en de ontwerpweergave:

Windows:

  • Op Ctrl drukken en het muiswiel gebruiken
  • Op Ctrl drukken en de schuiffunctie op de trackpad gebruiken

Mac:

  • Op Cmd drukken en het muiswiel gebruiken
  • Op Cmd drukken en de schuiffunctie op de trackpad gebruiken

Er zijn geen wijzigingen voor de andere manieren om in een document in of uit te zoomen: Cmd/Ctrl++ of Cmd/Ctrl+- en zoomen via de menuopdracht Weergave > Vergroting.

Wijzigingen in het menu Weergave

De optie voor het weergeven van de codeweergave en Live View/code- en ontwerpweergave heeft in het menu Weergave de nieuwe naam 'Splitsen' gekregen en werkt op dezelfde wijze als voor de documentwerkbalk.

Menu Weergave in eerdere versies dan Dreamweaver CC 2015.1
Menu Weergave in eerdere versies dan Dreamweaver CC 2015.1

Menu Weergave in Dreamweaver CC 2015.1
Menu Weergave in Dreamweaver CC 2015.1


Snellere synchronisatie van Dreamweaver-instellingen met Creative Cloud

Dankzij verschillende prestatieverbeteringen voor de functie voor het synchroniseren van instellingen kunt u nu sneller dan ooit instellingen synchroniseren tussen exemplaren van Dreamweaver en Creative Cloud.  

Deelvenster CSS-stijlen en bijbehorende API's worden niet meer ondersteund

Het oude deelvenster CSS-stijlen is verwijderd uit Dreamweaver. Dat betekent dat ook de daaraan gekoppelde API’s zijn verwijderd.

De volgende basis-API’s zijn nog wel beschikbaar:

  • dreamweaver.cssRuleTracker.newRule()
  • dreamweaver.cssStylePalette.getStyles()
  • dreamweaver.cssStylePalette.editStyleSheet()
  • dreamweaver.cssStylePalette.attachStyleSheet()
  • dreamweaver.cssStylePalette.getMediaType()
  • dreamweaver.cssStylePalette.setMediaType()
  • dreamweaver.cssStylePalette.getDisplayStyles()
  • dreamweaver.cssStylePalette.setDisplayStyles()
  • dreamweaver.cssStylePalette.newStyle()

De volgende API’s worden voortaan niet meer ondersteund:

  • dreamweaver.cssRuleTracker.editSelectedRule()
  • dreamweaver.cssRuleTracker.canEditSelectedRule()
  • dreamweaver.cssStylePalette.getSelectedStyle()
  • dreamweaver.cssStylePalette.editSelectedStyle()
  • dreamweaver.cssStylePalette.editSelectedStyleInCodeview()
  • dreamweaver.cssStylePalette.renameSelectedStyle()
  • dreamweaver.cssStylePalette.applySelectedStyle()
  • dreamweaver.cssStylePalette.duplicateSelectedStyle()
  • dreamweaver.cssStylePalette.deleteSelectedStyle()
  • dreamweaver.cssStylePalette.canEditSelectedStyle()
  • dreamweaver.cssStylePalette.canEditSelectedStyleInCodeview()
  • dreamweaver.cssStylePalette.canRenameSelectedStyle()
  • dreamweaver.cssStylePalette.canDuplicateSelectedStyle()
  • dreamweaver.cssStylePalette.canDeleteSelectedStyle()
  • dreamweaver.cssStylePalette.canApplySelectedStyle()
  • dreamweaver.canDisableSelectedStyle()
  • dreamweaver.canEnableAllDisabled()
  • dreamweaver.canDeleteAllDisabled()
  • dreamweaver.getSelectedStyleIsDisabled()
  • dreamweaver.setSelectedStyleIsDisabled()
  • dreamweaver.enableAllDisabled()
  • dreamweaver.deleteAllDisabled()

Dit werk is gelicentieerd onder de Creative Commons Naamsvermelding/Niet-commercieel/Gelijk delen 3.0 Unported-licentie  De voorwaarden van Creative Commons zijn niet van toepassing op Twitter™- en Facebook-berichten.

Juridische kennisgevingen   |   Online privacybeleid