SiteBuilder.ws - Helping You Build, Manage & Promote Your Website
Call Us Today at 1-858-764-2645
Print E-mail

Inserting Code into Dreamweaver Templates

Dreamweaver Tutorials

How can I insert html code into the editable region of a Dreamweaver template?  Read this tutorial to find out!

  

  1. Open the page based on the Dreamweaver template.
  2. Insert your cursor into the editable region where you want to insert the html code and type INSERT CODE HERE. This is just a place holder.
  3. Next we need to change our VIEW so that we can see the code. You can choose either CODE or CODE and DESIGN (Split View). I prefer the latter so I can view both the code and design at the same time. Make this choice from the menu View > Code and Design.
  4. Now, you should see two panes with both code and the design. From the design view, click and highlight the text INSERT CODE HERE. This will also highlight it in the CODE VIEW. This is where we will insert the HTML code into the Dreamweaver template.
  5. Now you can paste the HTML code into the CODE VIEW. Make sure that you paste over the sample text you inserted.
  6. Finally, publish and preview your page to make sure that the code is working properly.

You have now learned how to insert HTML code into the Editable regions of a Dreamweaver Template.

 

 
wdc-onsale
Website Templates
Dreamweaver Templates
Dreamweaver Video Tutorials
Video Template Support
Download Templates
SiteBuilder Tutorials
Tutorials Home Page
Dreamweaver Tutorials
Joomla Tutorials
Step by Step Web Design Course
 
SiteBuilder Services
Fast Web Hosting
Professional Web Design
Joomla Experts
SiteBuilder Info
About SiteBuilder
Partnership Opportunities
Employment Opportunities
Support
©2010 SiteBuilder.ws. All Rights Reserved. | Home · Learn Web Design · Online SiteBuilder · Sitemap · Terms of Use · Top