How to Insert Raw HTML Code in Dreamweaver

From time to time, you may find that you need to insert a snippet of raw HTML code into your web page. For example, you may have come across some cut-and-paste HTML code from a site, such as that found on thesitewizard.com's Link To Us page, and want to insert it into your site. If you tried inserting the code by pasting it into your page using Dreamweaver, you may have found that your web page displays the HTML code instead of the actual text or picture you intended.

This tutorial takes you through the steps of inserting HTML code into your page. The guide assumes that you already know how to use Dreamweaver for the normal tasks of creating and publishing a website using the WYSIWYG interface, and merely focuses on the task of inserting the raw HTML code correctly. If you need a complete Dreamweaver tutorial, you should check out my article on Dreamweaver Tutorial: How to Create a Website with Dreamweaver CS3 instead.

Steps to Inserting Cut-and-Paste HTML Code into Your Site

1. Start up Dreamweaver and open the page that you want to edit.

2. Switch to your web browser and surf to the page from which you can get the cut-and-paste HTML code. Select the code with your mouse by dragging over all the text, click your right mouse button, and select the "Copy" item from the pop-up menu that appears.

3. Return to Dreamweaver, and click on the spot where you want to insert the code.

4. Switch to Dreamweaver's Code view by clicking the "View" menu followed by the "Code" menu item.

5. Click the "Edit" menu and select the "Paste" item. The code you copied earlier will be inserted at the cursor position.

6. Click the "View" menu again, followed by the "Design" menu item to return to Design mode. You should be able to see the results of your insertion.

You can now save your page and upload it to your website.

Copyright © 2007 by Christopher Heng. All rights reserved.
Get more free tips and articles like this, on web design, promotion, revenue and scripting, from http://www.thesitewizard.com/.

If you find this article useful, please consider making a donation.

thesitewizard™ News Feed (RSS Site Feed) 

Do you find this article useful? You can learn of new articles and scripts that are published on thesitewizard.com by subscribing to the RSS feed. Simply point your RSS feed reader or a browser that supports RSS feeds at http://www.thesitewizard.com/thesitewizard.xml. You can read more about how to subscribe to RSS site feeds from our RSS FAQ.

Please Do Not Reprint This Article

This article is copyrighted. Please do not reproduce this article in whole or part, in any form, without obtaining my written permission.

Related Pages

• Which Web Host Do You Recommend? (FAQ)

New Pages

• How to Create and Use Cookies in PHP
• How to Insert Google AdSense Advertisements into Your Blogger Blog
• How to Design a Two Column Layout for Your Website Using CSS
• Is It Legal to Use Any Piece of Music, Image, or Article for my Website? And Other Questions on Copyright Relevant to Webmasters
• Why Do the Pictures on My Web Page Not Show Up in Nvu / KompoZer? Troubleshooting the Broken Images on Your Page.
• Should I Have a Multi-Column Newspaper Layout for My Website? More Tips on Usability
• Should I Use a Temporary Domain Name Till My Preferred Domain Becomes Available?
• Should You Use Cloaked Domain Redirection to Point to Your Website?
• Why Is My Site Not Ranking in the Search Engines?
• What Sort of Website Should I Create In Order to Earn Money?

Popular Pages

• How to Start / Create Your Own Website: The Beginner's A-Z Guide
• Tips on Choosing a Good Domain Name
• How to Create a Search Engine Friendly Website
• Dreamweaver Tutorial: How to Create a Website with Dreamweaver CS3
• How to Design and Publish Your Website with Nvu (free WYSIWYG web editor)

How to Link to This Page

To link to this page from your website, simply cut and paste the following code to your web page.

It will appear on your page as:

How to Insert Raw HTML Code in Dreamweaver