Five Handy Features In Adobe Dreamweaver

Alan Gurney
By Alan Gurney
14 Oct at 15:19

Adobe Dreamweaver

As part of my role at Excel with Business, I regularly create emails for our marketing campaigns. To do this I use a web design programme called Adobe Dreamweaver. It is a programme that, on the outset, looks extremely daunting – especially if you have never written in code before. As Dreamweaver features in our Web Design course I thought it would be helpful to share a few features of the programme that I find really handy and allow me, a veritable coding novice, to produce some pretty powerful email campaigns. 


1. Code view and design view


Code view and design view

This is probably my favourite feature of Dreamweaver as it makes learning how to code very easy. You can choose whether to build you webpage in code view, design view or in a split screen between the two views. This is the majority of Dreamweaver users' preference, including myself, since it allows you to relate the code to what the user will view on the webpage. When I started using Dreamweaver, I had never used code in my life and the prospect of having to use it daily was intimidating to say the least. But having used the split view it has allowed me to create and learn code structure at the same time.

2. Pre-emptive code suggestions


Pre-emptive code suggestions

When typing code into your prospective web page as soon as you type in a tag Dreamweaver will then list all of the possible tags that could follow this, meaning that you can simply scroll down the list and select the tag you’re looking. For example, when you are typing in the code for a hyperlink <a href="” target=”_blank”> as soon as you type the <a then a list will populate with the next option, in this case <strong>href</strong> (see above).</p> <p><a a=" "="" case="" data-cke-saved-href="" in="" list="" next="" p="" populate="" see="" the="" then="" this="" will="" with="">3. Code Highlights


Code highlights

There are a multitude of different coding types you can use within web design, HTML, CSS, Javascript, the list goes on. Dreamweaver, however, makes things easy for you by highlighting each kind of code in a different colour. Not only is this very handy when you come to checking your work but it also helps coding amateurs to figure out basic code structure.

4. Properties Menu


Properties menu

This makes styling your content really straightforward. All of the options available are listed and it allows you to insert hyperlinks, colours, fonts, headings and so on. It allows you to edit HTML and CSS so you can alter the style as well as the structure and you don’t need to even look at the code for this.

5. Preview 



This sounds obvious but it’s probably the command I use the most when I’m using Dreamweaver. Much like in a publishing document, preview allows you to see what the final web page will look like when live on the internet. It allows you to check the formatting, see that your hyperlinks are going to the correct pages, make sure images have the correct labels and generally lets you play around with what you’ve created as if it were a real web page.