How to Learn Dreamweaver

« Star Student | Main | Free Blog Syndication using PHP »

March 29, 2005

How to Learn HTML and CSS Using Dreamweaver

This week we covered the following topics:

• Working with Code view
• Code hints
• Code coloring
• Tag Autocomplete
• Reference Panel
• Macromedia Forums
• Breaking a tag in Split view
• Invisible Elements
• Dependent Files
• Inserting a link
• Modify > Convert > Tables to layers...

On the Web:

• Effective Web Searching - first search for the sentence you're looking for, then the topic

Regarding Design:

• Basic elements of design: content, content, content. Then, mark (copyright/license), meta data, header, footer, navigation.
• Free CommunityMX content

Student sites:

• Christina
• Sam
• Student News Aggregator

Homework:

1. Tables vs Layers
   1. Draw a new design on paper. Include the basic elements of web design (above).
   2. Using Layout mode, draw your table as you see fit.
   3. Switch to Standard mode and perfect the table.
   4. Use Modify > Convert > Tables to layers...
   5. Manipulate the layers to your satisfaction in Design view.
   6. Use Modify > Convert > Layers to tables... and then back to Layers to achieve a unique design.
   7. Remove inline styles to the HEAD of your document so that the CSS Styles panel shows all of your styles.
   8. Export your styles to an external file for use on other pages.
   9. Put your page to the web and send URL to the class list.
2. If you haven't already done so, send me your Bloglines blog URL.
3. Post to your bloglines blog. Include images and links using HTML from Dreamweaver.
4. Choose one to read up on: ASP, PHP, ColdFusion.

Next week: How to Learn Server Languages Using Dreamweaver!

Posted by at March 29, 2005 06:13 PM