
The reverse is also true: highlight some code, and the section it relates to highlights in preview area. Yes you can drag and drop items from the ‘Insert’ tab onto the page’s Preview, but this will only take you so far, and you’ll find you’ll have to delve into the code quickly, and often, to make the alterations you need.ĭreamweaver does attempt to make it easy though: highlight text in the preview section, and the same text is highlighted in the code, cutting down on the time you’d spend searching for the same section.

There’s even an easy way to drag a target icon onto another image in the File tab to switch images quickly and easily.ĭespite such features, if you don’t have a knowledge of coding, you will get lost pretty fast. To alter parts of your page (like an image or text), bringing up the Properties floating window will allow you to make the changes you need.

The properties window help you make quick changes to highlighted elements (Image credit: Adobe)
