Dreamweaver - The HTML Source Window

The HTML Source Window

You can open the HTML Source window from the Launcher by clicking on the HTML button.

You can access it quickly by clicking on the icon at the lower right corner of the screen.

The HTML Source window simply reveals the HTML in the document. You can code directly in the window, watch the code change as you are working in Dreamweaver, or copy and paste code.

When the HTML window is opened, the actual code will be on top of a gray background. You are still in WYSIWYG mode until you click inside the code window. You can code directly into the HTML window when the background is white, which means it is the active window.

Not Active

Active

When you are coding HTML in Dreamweaver, the changes won't be applied to the visual layout until the HTML Source window is no longer the active window. Simply click on any of the visual elements and the WYSIWYG mode will be active.

The window can be resized by clicking on the lower right corner and dragging to the desired width and height.

---

If you found this tutorial helpful, you can bookmark it with your favourite tracker.