Understand WYSIWYG HTML Editors - Dreamweaver CS6

Dreamweaver CS6 has three separate views that can be utilized to create your site: Code, Split and Design.

Design View

Design view operates as the WYSIWYG portion of Dreamweaver, allowing any changes that are make in this view to be applied to the Code view immediately; thus your site code is automatically created.

Code View

Code view allows you to custom code your site by manually entering the HTML. Your code can be rendered in Design view to give you an idea of how it will appear; however, be aware that Design view is not 100% accurate of what will be seen in every browser. To get a better idea of the visual, you can activate Live View Mode.

Split Mode

Split Mode allows you to directly view both Design and Code view simultaneously. Because edits on either view are immediately reflected, you can watch your code change instantly while editing in Design view; or highlight a section of code to see what it corresponds with in Design view.

Getting Started with Dreamweaver CS6

• What is Dreamweaver CS6?
• Understanding WYSIWYG Editors
• The Welcome Screen
• Workspace Overview
• Optimizing Images
• Designing with Web Fonts

Dreamweaver is a popular Adobe program for creating websites and applications. It supports HTML5, CSS3, PHP, FTP, jQuery and more and works with HostGator web hosting.

You can learn more about Dreamweaver by visiting Adobe's website or the video learning portal, Adobe TV. The video in this article is courtesy of Adobe TV.