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:
March 8, 2005
Comments
post a comment
use simple HTML for web links
<a href="http://URL">link text</a>
<a href="http://URL">link text</a>
URL? email? spam?
If you enter a URL for yourself, then your comment will have your name listed as a link to a web site. If you enter only an email address, then your name will be linked to your email address. This page uses Movable Type's "Spam Protect" feature which means that your email address is encoded in a way to keep spammers from picking it up while trolling the web. People can still email you individually from your comment, myself included!
If you enter a URL for yourself, then your comment will have your name listed as a link to a web site. If you enter only an email address, then your name will be linked to your email address. This page uses Movable Type's "Spam Protect" feature which means that your email address is encoded in a way to keep spammers from picking it up while trolling the web. People can still email you individually from your comment, myself included!