How to Copy a Web Page Into Dreamweaver

by Elif Bayrasli

Designing a website can be difficult task when you are uncertain about what it will look like. Perusing different websites that you like can be a good idea when thinking about the look of your own website. However, there is a way to create a website similar to one that you admire. You can use the HTML source code of the webpage you like as a template for your own website. Using Adobe Dreamweaver, you can customize that template into the website you want.

1

Open the browser of your choice and go to the website you would like to emulate. Find the source code for the website and copy it. Depending on which browser you are using, you will find the source code in different places.

Mozilla Firefox: Click the tab on top of the browser that says "View." From the list of drop-down options, click the second-to-last option, "Page Source." Another window will pop open containing the HTML source code. Go to the "Edit" tab, choose "Select All," and then choose "Copy" from the same drop-down list.

Internet Explorer: Find the "View" tab at the top of the browser and then select "Source" near the bottom of the list. A separate window will pop up displaying the HTML source code. Go to "Edit," choose “Select All,” and then choose "Copy" from the same drop-down list.

2

Open Adobe Dreamweaver to a blank HTML page. Make sure the page is shown under the "Code" display and not under the "Design" display. You can view the three display options above the blank page: "Code," "Split" and "Design." Click the "Code" option and you will see an HTML skeleton.

3

Highlight the entire page and delete the HTML skeleton. Go to "Edit" and select "Paste" to paste the HTML source code into Adobe Dreamweaver. Next, select the "Design" display, and you will see the web site design. You are now free to customize the source code or use it as a template for future website projects.

Tip

  • check Dreamweaver offers many plug-ins to help you make your website more dynamic.

Warning

  • close If you are creating your own website, it is important to remember not to copy the website exactly. Once you copy the source code into Dreamweaver, you should alter the code to make the website your own. Using unaltered HTML source code is considered stealing another designer’s hard work.

About the Author

Elif Bayrasli is a blogger and a Web designer from Brooklyn, N.Y. Her articles regularly appear on her blog "The Wrestling Chick" that covers news from the world of professional wrestling. She has received her Bachelor of Arts and Master of Arts in English studies from St. John's University and in her off-time enjoys creative writing.

Photo Credits

  • photo_camera Christopher Robbins/Photodisc/Getty Images