WDV 331 Dreamweaver Applications

1. WDV 331 Dreamweaver Applications Under The Hood of Dreamweaver CS6 Chapter 7

2. Control How DW Handles HTML • DW let’s you write code the way you want. UNLESS! You ask it to. • Auto-fixing you Code. • Overlapping Tags • Unclosed tags • Extra closing Tags

3. Where are preferences set? Edit dropdown Last choice Page 333 in text book

5. Left edge coding tools • Code view provides easy access to common code-writing commands in the Coding toolbar (left edge). • Using the toolbar, • wrap a selection of HTML in an HTML comment • hide code you don’t want to see or edit • turn on and off Code view options • like line numbering and highlighting invalid code • Add and remove comments • Plus many more.

6. Figure 7-6 page 339

7. Quick Tag Editor in Design View • Press Control T • 3 modes • Insert HTML • Edit Tag • Wrap tag • Property inspector – far right Icon • Book page 361

8. The Tag Inspector • NOT IN DW CC !!!!!!!!!!!!!!!!! • Open->Windows – Tag Inspector or press F9 • A handy tool. It lets you adjust properties for all sorts of HTML tags, like a table’s width or a paragraph’s font. • Some HTML tags have additional properties that don’t appear here. • Use Tag Inspector only when CSS will not do the job. • Add tags Not attributes • .

9. The Tag Inspector -2 • NOT IN DW CC !!!!!!!!!!!!!!!!! • When you select a tag on the page (in either Code or Design view), Dreamweaver displays all its html attribute properties in the panel. • To edit any of them, click in the space to the right of the property name. • You can type in a new value or, for certain properties, choose from a list of values from a drop-down menu.

10. Reference Panel • NOT IN DW CC !!!!!!!!!!!!!!!!! • Dreamweaver OUT OF DATE!!!!! • HFML, CSS, JavaScript • http://reference.sitepoint.com • www.w3schools.com • PHP • www.php.net/manual/en