In general, there's no single right way to write your site. However, there are a few specific issues with Dreamweaver CS6. Dreamweaver includes a number of interface conventions that you need to consider when building a site.
The view of the Markup panel in Dreamweaver CS6 is a little different than previous versions. In previous versions, you could use the mouse scroll wheel to zoom in and out. In CS6, that's not an option. To zoom in or out, you must use the keyboard shortcut Ctrl+Shift+P, or on a Mac, Shift+Cmd+P.
For the Markup panel, there are two modes to work in:
HTML: This will be the mode that is automatically selected when you select the HTML, or Visual Layout tab in the Markup panel.
CSS: This will be the mode that is automatically selected when you select the CSS, or Style Layout tab in the Markup panel.
Both of these modes provide a basic preview window. If you click on the small preview icon, you will be shown the code that is displayed in this window. You can use the keyboard shortcuts to navigate around the document as you would in an editor. In addition, there are some special commands to move around the document that are more convenient than those found in most other editors, such as in Dreamweaver CS5 or earlier.
To navigate around the document, use the arrow keys on your keyboard to move to the next or previous pane. If you have placed the cursor between two panes, you can use the Ctrl+- (or Shift+- for Mac) key to move it to the adjacent pane.
If you have the cursor between two panes, you can use the Alt key to toggle back and forth between the two panes. This is useful for switching from viewing the HTML and CSS styles to viewing the live page preview. You can also use the View > Preview or View > Live Preview buttons on the toolbar, or the F6 and F7 keys, respectively, to toggle between the two.
If you have the cursor between two panes, you can use the Tab key to toggle between the two panes. This is useful for switching between the HTML and CSS views.
If you click on the magnifying glass in the bottom right, you can toggle between two alternate views of the site. The first one shows you what will be displayed in the viewport; the second one shows you the actual Markup.
In Dreamweaver CS6, there's also a live preview that is activated when you select the Live Preview button (image below). The default behavior of the live preview is to show you the code that will be shown in your browser. You can use this feature to see how a page will be 0b46394aab