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 code from a site, such as that found on thesitewizard.com's Link To Us page, and want to use it on your site. If you simply paste that in Dreamweaver's default design mode, you may find that your 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 correct way. The guide assumes that you already know how to use Dreamweaver to design and publish a website using the WYSIWYG interface, and merely focuses on this specific task. If you need a complete Dreamweaver tutorial, you should check out one of the following instead:
If the code you are inserting is for a YouTube video, you may wish to read How to Insert a YouTube Video into Your Web Page with Dreamweaver instead. It contains additional information specific to that task that is not included here.
Start up Dreamweaver and open the page that you want to edit.
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.
Return to Dreamweaver, and click on the spot where you want to insert the code.
Switch to Dreamweaver's Code view by clicking the "View" menu followed by the "Code" menu item.
Click the "Edit" menu and select the "Paste" item. The code you copied earlier will be inserted at the cursor position.
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-2018 by Christopher Heng. All rights reserved.
Get more free tips and articles like this,
on web design, promotion, revenue and scripting, from https://www.thesitewizard.com/.
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 https://www.thesitewizard.com/thesitewizard.xml. You can read more about how to subscribe to RSS site feeds from my RSS FAQ.
This article is copyrighted. Please do not reproduce or distribute this article in whole or part, in any form.
It will appear on your page as:
How to Insert Raw HTML Code in Dreamweaver
