Overzicht van nieuwe functies

Dreamweaver 13.1 is een update voor Dreamweaver CC (13.0) en vereist dat Dreamweaver CC (13.0) is geïnstalleerd op uw computer. Zie Nieuwe functies in Dreamweaver CC voor een lijst met nieuwe functies in Dreamweaver CC (13.0).

U kunt de kleurkiezer nu gebruiken om een groot aantal kleuren te selecteren bij het gebruik van Dreamweaver-functies, zoals CSS ontwerpen, het deelvenster Middelen en Voorkeuren.

Met de nieuwe kleurkiezer in Dreamweaver kunt u het volgende doen:

• Kleuren kiezen uit verschillende kleurmodellen (RGBa, Hexadecimaal of HSLa). De lichtsterkte (F) en het dekkingsniveau (E) van de kleuren naar wensen aanpassen. De verschillende kleurcombinaties kunt u vervolgens opslaan als kleurstalen.
  • Als u de nieuwe kleur weer wilt instellen de originele kleuren, klikt u op de originele kleur (B).
  • Als u de volgorde van de stalen wilt wijzigen, sleept u de stalen naar de gewenste positie.
  • Als u een kleurstaal wilt verwijderen, sleept u de kleurstaal uit het deelvenster.
• Gebruik het pipet (H) om kleurmonsters te nemen van een plek op het beeldscherm. Als u kleuren wilt kiezen uit andere toepassingen dan Dreamweaver, houdt u de muisknop ingedrukt en sleept u de muisaanwijzer over de gewenste kleur en laat u vervolgens de muisknop los.

Verbeteringen voor cloudsynchronisatie

Sneltoetsen en synchronisatie van werkruimten

U kunt nu sneltoetsen en aangepaste werkruimten synchroniseren met de cloud (en een andere computer waarop Dreamweaver CC wordt uitgevoerd).

Sneltoetsen en werkruimten zijn standaard ingesteld voor synchronisatie. U kunt ervoor kiezen deze onderdelen niet te synchroniseren door de betreffende opties in het dialoogvenster Voorkeuren uit te schakelen.

Verbeteringen voor het dialoogvenster Voorkeuren

De knop OK in het dialoogvenster Voorkeuren is vervangen door de knop Toepassen zodat u instellingen in meerdere categorieën kunt aanpassen en de wijzigingen kunt toepassen voor u het dialoogvenster sluit.

Verbeteringen in CSS ontwerpen

Livemarkering

Bij het bewerken van de eigenschappen van een CSS-kiezer in eerdere versies dan Dreamweaver 13.1 was er geen manier om de elementen op de pagina die door de wijzigingen werden beïnvloed, te identificeren.

Vanaf nu kunt u met Livemarkering eenvoudig de pagina-elementen identificeren die zijn gekoppeld aan een CSS-kiezer. Hierna kunt u de eigenschappen bewerken, of als u alleen de eigenschappen van een specifiek element wilt wijzigen, een nieuwe CSS-kiezer voor het element maken en vervolgens de bijbehorende eigenschappen bewerken. 

Zie Pagina-elementen identificeren die zijn gekoppeld met een CSS-kiezer voor meer informatie.

Context opslaan en herstellen

Context opslaan en herstellen is nu geïmplementeerd in Dreamweaver zodat de oorspronkelijke context van het deelvenster CSS ontwerpen behouden blijft in alle workflows voor bewerken, toevoegen en verwijderen.

Als u eerder een eigenschap in een kiezer in de berekende lijst met kiezers wilde bewerken of toevoegen, werd in het deelvenster Eigenschappen overgeschakeld naar de berekende lijst met eigenschappen. Ook werd bij het bewerken/verwijderen van margewaarden het blok met marge-eigenschappen omlaag verplaatst.

Deze problemen zijn opgelost met Context opslaan en herstellen.

U kunt Context opslaan en herstellen in actie zien in de volgende scenario's:

• CSS-regels bijhouden – Klik op een kiezer in het deelvenster Kiezers. Het invoegpunt (IP) wordt bijgewerkt in de CSS-code.
• Verwijder eigenschappen uit de tekst/rand of een van de andere categorieën. De context gaat niet verloren in het deelvenster Eigenschappen.
• Schuif- en tabbewerkingen in het deelvenster Eigenschappen blijven behouden tussen de verschillende kiezers. Als u in een kiezer naar de categorie Rand gaat en vervolgens naar een andere kiezer gaat, wordt de categorie Rand nog steeds weergegeven in het deelvenster Eigenschappen.

Naast deze verbeteringen is het bewerken/toevoegen van eigenschappen in een kiezer in de berekende lijst met kiezers en het bewerken/verwijderen van margewaarde aanzienlijk beter geworden.

Verbeteringen voor codeweergave

Markering voor regelnummers

Regelnummers waarop het invoegpunt aanwezig is, worden gemarkeerd in de codeweergave, Live code, de ontwerpweergave, Live View en de codecontrole. Regelnummers worden ook gemarkeerd in het geval van syntaxisfouten.

Markering voor tags en kenmerken

De tag waarop het invoegpunt (IP) aanwezig is, wordt gemarkeerd. Als het invoegpunt aanwezig is op de openingstag, wordt ook de afsluitende tag gemarkeerd en vice versa. Markering werkt met muisklikken en met de navigatietoetsen van het toetsenbord. Markering voor tags werkt ook met Live code en codecontrole.

U kunt de kleur van de markering voor tags wijzigen bij Voorkeuren (Codekleuren).

Codetips voor CSS-kiezers

Codetips voor klassen en id's in de bovenliggende HTML-bestanden kunnen nu worden weergegeven in CSS-, LESS-, SASS- en SCSS-bestanden samen met tags met inline stijl.

Dreamweaver geeft codetips weer wanneer u . of # typt in een verwant CSS-bestand of in tags met inline stijl van het bovenliggende HTML-bestand.

Sneltoetsen om naar het begin of einde van de huidige regel te gaan

• Mac: Cmd + pijl naar links om naar het begin van de huidige regel te gaan. Cmd + pijl naar rechts om naar het einde van de huidige regel te gaan.
• Windows: Ctrl + pijl naar links om naar het begin van huidige regel te gaan. Ctrl + pijl naar rechts om naar het einde van de huidige regel te gaan.

U kunt de sneltoetsen aanpassen bij Bewerken > Sneltoetsen bewerken > Opdrachten > sectie Code bewerken.

CEF-integratie

Dreamweaver is nu geïntegreerd met het Chromium Embedded Framework (CEF), een open-sourceframework gebaseerd op het Google Chromium-project. Dankzij deze integratie kunt u in Dreamweaver het laden van bronnen, navigatie, contextmenu's, afdrukken en meer regelen, terwijl u tevens profiteert van dezelfde prestaties en HTML5-technologieën die beschikbaar zijn in de Google Chrome-webbrowser.

Zie CEF-integratie voor meer informatie.

Opmerking: Vanwege de CEF-integratie is er een wijziging vereist voor de wijze waarop u <mm:browsercontrol> gebruikt tijdens het ontwikkelen van extensies. Zie dit artikel voor gedetailleerde informatie.

Ondersteuning voor PHP 5.4

Volledige ondersteuning voor PHP 5.4 (geen syntaxisfouten).

Updates voor Adobe Extension Manager

Adobe Extension Manager 7.1 biedt nieuwe functies die een betere ervaring bieden voor het downloaden en up-to-date houden van extensies.

Verbeteringen in Adobe Exchange

• Eerder moest inhoud voor Adobe Exchange worden verpakt als een ZXP-bestand met een hulpprogramma, zoals Adobe Exchange Packager. Adobe Exchange en Extension Manager zijn bijgewerkt waardoor nu elk bestandstype kan worden verzonden en geïnstalleerd. Dit betekent dat Adobe Exchange nu ondersteuning biedt voor meer Adobe CC-toepassingen en voor aanzienlijk meer inhoud. Adobe Exchange bevat geselecteerde compatibele inhoud die afkomstig is van Adobe Exchange Classic en Photoshop Marketplace.

• Iedereen kan nu bestanden verzenden naar de portal voor Adobe Exchange-producenten. Wanneer u deze optie kiest, wordt inhoud in Adobe Exchange automatisch verpakt als niet-ondertekend ZXP-bestand. De inhoud wordt met Extension Manager geïnstalleerd in de map met downloads van de gebruiker. Vanuit deze map kan inhoud op dezelfde wijze worden geladen als meer complexe, dynamische extensies. Deze nieuwe ondersteuning voor inhoud werkt met elke CC-desktop-app die compatibel is met Exchange, zoals Photoshop® CC, InDesign® CC, Illustrator® CC, Dreamweaver® CC, InCopy® CC, Prelude® CC en Premiere® Pro CC.

Extensies rechtstreeks bijwerken via Adobe Extension Manager

Voor een extensie die wordt aangeboden via Extension Manager kan nu ook een koppeling voor bijwerken worden geleverd, die verwijst naar de informatie voor bijwerken op de updateserver van de provider. De updates die beschikbaar zijn op deze locatie, worden weergegeven in Extension Manager en de gebruiker kan de updates starten. U kunt een download-URL voor het ZXP-pakket leveren waarmee de extensie automatisch wordt gedownload en geïnstalleerd met Extension, of u kunt verwijzen naar een pagina met instructies waarmee de gebruiker de extensie handmatig kan downloaden en installeren.