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 made 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 in 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 views 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?
• The Welcome Screen
• Workspace Overview
• Optimizing Images
• Designing with Web Fonts