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
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
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="www.excelwithbusiness.com/main/index” 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
4. 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.
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.