Dreamweaver - Design View vs. Live View

Live View - things that cannot be done

1. Spell check
2. When you switch away from a file you are editing and then return back to it, you will be put at the top of the page regardless of where you were before.
3. Tables - Merge table cells.
4. Behaviors:
• Add behaviors (JavaScript) using the Behaviors panel.
5. Templates:
• Save an html file as a Dreamweaver template file (.dwt)
• Other template options are also not available.
6. Add hot spots (areas of an image that can be clicked on).
7. Select an element. Right-click and select Wrap tag to nest the selection in the element of your choice.
• This CAN be done in Live view but only with selected text and selecting Tag editor.
8. Right-click in an element and select Remove tag
• This removes a tag but not the element's content.
• In Design view you can accomplish this by either right-clicking in the element in the Design view area or by right-clicking on the tag in the tag selector area of the status bar.
• FYI: This was supposed to work in Code view (per Dreamweaver CC Classroom in a Book, page 168) which uses version 2015.1. However, it did not work for me Oct. 23, 2016, Jan. 26, 2019 using Dreamweaver CC v.19.0, and March 14, 2020 using v.20.
9. Select anything in the element, right click on the selection, and then choose Wrap tag from the contextual menu which will allow you to nest the selected element inside a new element that you specify in the menu provided.
   • It is important for me to stress:
     • Merely having your cursor inside the element you want to wrap will not suffice. ( ! )
   • In order be provided with the option to wrap an element you must first select, and then right-click on that selection, any of the contents of the element that you want to wrap.
   • You can select as little as one letter.
   • Or you can click on the tag in the tag selector and then right-click on the selection engendered.

Design View - things that cannot be done

1. You cannot easily apply multiple CSS classes to one element.
   • HTML allows for multiple classes to be applied to a tag's class attribute.
   • However, you cannot apply multiple classes to one element by right-clicking on the element in the tag selector or using the Class menu in the Properties panel.
   • There is no apparent simple way to do this in Design view.
   • You can use the little blue tab in Live view to specify more than one class which is easier to do.
2. You will not be shown the effect of the use of the CSS rem unit.
   1. Note that a (rem = the "root em" size - which is the "default font-size" for the document.