Dreamweaver CS5 - Gebruiksomgeving

Hieronder een korte samenvatting van de nieuwe functies in CS5 die interessant zijn voor het werken met HTML en CSS.

Inspect

In de werkbalk Document is een nieuwe knop 'Inspect' aanwezig Het is niet voor niets dat deze naast 'Live View' zit. Als je op 'Inspect' klikt gaat de weergave automatisch in Live View. Door daarin met de muis boven een pagina-element te hangen, verschijnt in venster CSS Styles de CSS die er van toepassing op is. Zorg dan wel dat de tab Current (Huidige) actief is (bovenin venster CSS Styles). Handig is ook dat je in het ontwerp zelf de afmetingen van een element ziet, samen met de padding en de marges. Vergeet niet om na gebruik ook Live View uit te zetten.

Adobe BrowserLab

Adobe BrowserLab is een extensie die standaard in Dreamweaver CS5 aanwezig is maar die inmiddels niet meer bestaat.

Meer op tv.adobe.com

HTML5

Hoewel Dreamweaver standaard geen HTML5 ondersteunt kan je het eenvoudig uitbreiden naar HTML5 door de meest recente Dreamweaver update te installeren. Dit is overigens niet alleen voorbehouden aan CS5, maar kan ook met CS4 en CS3.

Multiscreen

Eenmaal in bezit van de HTML5 uitbreiding beschik je ook over Multiscreen Preview waarmee je je webpagina kunt bekijken in verschillende beeldschermformaten. Meer hierover op tv.adobe.com en op adobe.com

Aanpassingen voor CS5 (en hoger)