Adding html in Dreamweaver

Dreamweaver is a great tool for designing web sites, it allows beginners and professionals alike to design and edit any site, its easy to use because it's a WYSIYWY [Define], however sometimes you still need to add the html directly in Dreamweaver.

For a lot of people adding html in Dreamweaver can be daunting, but don't worry it's a very easy thing to-do with Dreamweaver, we'll explain how.

Adding html in Dreamweaver step by step

Step1. Open your web page

Open the web page you wish to add the html to, now we are assuming Dreamweaver is in design view, which means you are looking at the page how it will be shown in the browser [Define]. To make sure go to the top menu, which has File, Edit, View etc in and select View. From the drop down menu select Design. Dreamweaver is now in design mode.

Step2. Select where to add the html

With Dreamweaver in design view select on the page where you wish to add your html, your mouse cursor should now be flashing on the location you selected. Now go to View in the top menu again and select Code. This will display the html of the page and more importantly the mouse cursor will be flashing in the location you wish to add your html to. This means you don't have to try and work out the entire html to find the location you wish to add your html to.

Step3. Paste your html into the page

We are assuming you already have some html you wish to add, if not copy the below html and paste it into your page

<p><a href="http://giantmouseblog.blogspot.com">Adding html in Dreamweaver</a></p>

This html will put a link on your web page to this one.

Now with some html to add copy and paste it into the location where your mouse is flashing in Dreamweaver. Save your web page and view it in your browser by press f12 on your keyboard. Hey presto you have added html using Dreamweaver.

Need more help?

If you are new to html it will be worth reading learn about html.