« How to Learn Dreamweaver, Part One | Main | Take Full Advantage of your Mac »
March 08, 2005
How to Learn Dreamweaver, Part Two
This week we went over the following topics:In Dreamweaver:
- Navigating code with Design View
- Creating a link using Design view and the link field in the Properties Inspector
- Navigating code with Tag Selector (at bottom of document window)
- Window > Insert Bar
- Draw DIV button under "Layout"
- Favorites - Right-click to Add Favorite
- HTML and CSS Code-hinting - just start typing in code view!
- CSS Code Coloring - pink = CSS
- Double-click to select, shift-select to expand selection
- Modify > Page Properties (Apple + J)
- File > Export > CSS Styles...
- Window > CSS Styles (all available rules)
- Window > Tag Inspector (F9) - Relevant CSS tab
- Cascade of Rules (applied rulesleast specific down to most specific)
- Property Grid (set properties float to the top in blue)
- Insert > Image
- Dreamweaver > Preferences (Apple + U)
- Dreamweaver > Keyboard Shortcuts
Regarding Design:
- Game: Make a Web Page Out of It
- Prototyping with OmniGraffle
Regarding Code:
- Four CSS selector types: class (.foo), id (#foo), tag-based (h1), and pseudoelement (a:link)
- Link, Visited, Hover, Active is the correct sequence of pseudoelements
- Curly braces start and end the rule
- Style tag in the head contains CSS in the document
- Link tag in the head references another CSS document
In Blogger:
- Edit post button
- What to do when Blogger fails
Assignment Due Friday Morning (3/11) for Comments, Sunday night (3/13) for Credit but no comments:
- Watch Designing with Dreamweaver (for chapters, select Show Index): [Est 1 hr]
Caveat: mouse movements and screen sharing are a few seconds behind the voice
Warning: I will be Quizzing on this content in class. - Post sites and links of interest to your Blogger blog [Est 30 mins to 1hr]
- Choose one: [Est 3-4 hrs]
- Continue to refine and distinguish your Blogger template, adding images and links. Goal: Affect the CSS and distinguish yourself from the original template.
- Create a page or two of your own content using Page Designs (CSS) template. Post it to your domain and send URL.
- Draw a page on paper and lay it out in Dreamweaver. Post it to your domain and send URL. (Hint, try the Draw Div button in the Insert Panel)
- Iterate on your own site (Sam or others)
Sites from class:
Posted by at March 8, 2005 10:34 PM