Adobe week: Wat is nieuw in Adobe Dreamweaver CC 2020?

Wat is nieuw in Adobe Dreamweaver 2020

Adobe week: Wat is nieuw in Adobe Dreamweaver CC 2020?

Voor website ontwikkeling wordt veel gebruik gemaakt van Adobe Dreamweaver. Ook Adobe Dreamweaver 2020 heeft verschillende features erbij gekregen. In dit artikel laat ik zien welke nieuwe onderdelen eraan toegevoegd zijn.

Wat is Adobe Dreamweaver?

Met Adobe Dreamweaver kunt u als gebruiker websites, platformen of systemen maken. Dit kan gerealiseerd worden door de mogelijkheid om de HTML5, CSS, PHP, Javascript of andere belangrijke website bestanden te bewerken.

Het kan daarbij gaan om kleine aanpassingen tot grote wijzigingen in het systeem of website waar u op dat moment mee bezig bent. Deze bestanden kunt u zelf testen op uw lokale harde schijf of kunt u door middel van de FTP functie (File Transport Protocol).

Door de ontwikkelingen binnen Adobe en behoefte vanuit de gebruikers van Adobe producten is Adobe Dreamweaver de vervanger van het vertrouwde Adobe Muse. Adobe Muse was de what you see is what you get (wysiwyg) website ontwikkelaar. Door deze uitfasering van Adobe is het niet meer mogelijk om Adobe Muse te gebruiker en zal dus Adobe Dreamweaver de enige manier zijn om website te bouwen.

 

 

Wat is nieuw in Adobe Dreamweaver 2020?

Er gaan al lange tijd geruchten over de toekomst van Adobe Dreamweaver. Niet dat het programma gaat stoppen, maar over weg het programma op moet gaan. Aan de ene kant wordt er veel gebruik gemaakt van Content Management Systemen (CMS) en aan de andere kant worden gewone systemen gebruikt die door een website ontwikkelaar zelf zijn gemaakt. Daarom is er tijdens de lancering van Adobe Dreamweaver 2020 ook enkele krachtige veranderingen verricht die daarbij kunnen helpen. Laten we deze veranderingen eens bekijken.

Verandering 1: Live view

De live view van Adobe Dreamweaver 2020 heeft ook weer deze keer een krachtige live view gekregen. De voorgaande versies was hier al de focus op gelegd om dit element te verbeteren, maar ook dit keer kunnen specifieke elementen worden verbeterd.

Wanneer u in de live view zit dan kunt u elementen, zoals een afbeelding, aanklikken. Door deze afbeelding aan te klikken kunt u heel eenvoudig semantische tags toevoegen. Bijvoorbeeld door te klikken op de plus bovenaan de afbeeldingen. Daarmee kunt u specifieke elementen aanpassen. Dit wordt door Dreamweaver automatisch toegevoegd aan de broncode waardoor u zich geen zorgen hoeft te maken of u het element goed codeert.

Wat ook een waardevolle toevoeging is, is de selectie van teksten. Hierbij krijgt de gebruiker automatisch enkele opties aangeboden waarbij gekozen kan worden tussen een vetgedrukte, schuingedrukte of een link naar een bestand of andere URL. Dit voorkomt dat u eerst moet overstappen naar het coderingsscherm waarbij u misschien het risico loopt waarbij de code verkeerd wordt ingevoerd. Dreamweaver zorgt dan automatisch ervoor dat de codering goed wordt ingezet.

Verandering 2: Japanse standaardlettertype

Dreamweaver 2020 heeft nu de ondersteuning voor de Japanse lettertype. Het moeilijkste punt was altijd dat er verschil zit tussen de lettertypes op een Windows computer en op een Apple computer. Nu heeft Adobe ervoor gezorgd dat zowel de Windows als de Apple computers ondersteuning kunnen bieden aan Japanse lettertype wat gebruikt kan worden voor het coderen en tonen van teksten in het Japans.

Verandering 3: Coderingstips

Met de update naar Dreamweaver 2020 wordt ook de filterlogica voor de coderingstips verbeterd voor PHP-bestanden. Wanneer een gebruiker PHP codeert dan zullen vanaf nu aan coderingstips bovenaan het scherm worden weergegeven. Dit heeft als voordeel dat u goed wordt geadviseerd bij het coderen van een systeem wat u graag op PHP wil uitvoeren. Ook deze manier van het tonen en de beschikbaarheid van de coderingstips voor JS-bestanden (Javascript) en PHP-bestanden is verbeterd door deze update.

Verandering 4: Zelfeducatie (zelfstudie)

Naast deze veranderingen heeft het beginscherm ook een kleine update gekregen. Naast de werkruimtes en het deelvenster die aangepast kunnen worden heeft ook de zelfeducatie (zelfstudie) een update gekregen die u via het beginscherm kunt raadplegen. In deze zelfeducatie kunt u overzicht inzien hoe bepaalde functies en tools werken zodat u uw eerste website kunt maken of kunt aanpassen. Deze zelfeducatie is ook beschikbaar via de Creative Cloud App waarbij u via het programma Dreamweaver ook bij de zelfeducatie kunt komen.

PHP 7.3 voor WordPress 5 om uw website te creeren

Conclusie

Ondanks dat Adobe Dreamweaver 2020 krachtige verbeteringen met zich meebrengt is er in de afgelopen jaren al sterk gewerkt aan het verbeteren van het programma. Het is dan ook de vraag hoe en waarvoor u het programma kunt gebruiken, omdat de ondersteuning van de website bestanden erg groot is. Mocht u vragen hebben over Adobe Dreamweaver 2020 of hulp nodig zijn, dan kunt u gerust contact met mij opnemen via het contactformulier.