The Dreamweaver Interface

The image below shows the Dreamweaver CS6 inteface when the Design layout is selected (the exact appearance will depend on which layout is actually selected and which windows are hidden). In this layout there are four main regions to the interface; roll the mouse over to select different elements and click for a more detailed description of each element:

Dreamweaver Window Panel Groups Properties Window Document Window

By the way, this clickable image interface is an example of an Image Map combined with Rollover Images... Dreamweaver provides automation to make Image Maps and automation to make Rollover Images, but does not seem to provide a feature to combine the two. In this example, I used Dreamweaver to create the image map and then added hand-written JavaScript event handling code to add the rollover effect. Take a look at the page source to see how it was done!

Back back to the main Dreamweaver page