CS 181 - Electronic Publishing on the WWW * ~ CLASSROOM SUPPLEMENTS

Week 8 - Dreamweaver

Tool Site CSS trick

Notepad ++

http://notepad-plus.sourceforge.net/uk/site.htm

http://www.useit.com/

centering divs

http://www.maxdesign.com.au/presentation/center/

 

 

Dreamweaver Sites

Working with Dreamweaver:

  • First make a single page to feel comfortable with the menu options:
  • focus first on the File Menu (File Save, File Open)
  • make sure you are comfortable moving back and forth between Code and Design - remember you can use any editor (including Notepad in a pinch, to edit the pages that Dreamweaver creates but only in Dreamweaver can you manage the web site as an entity.)

The Iterative process of web design:

  • Conception
  • Construction of content
  • Construction of templates and styles
  • Construction of functionality
  • Creation of pages
  • Critique - correct - keep current

Dreamweaver and CSS

Fun with images in Dreamweaver

Dreamweaver Templates

Other resources:

Training videos from Adobe:

http://www.adobe.com/designcenter/video_workshop/?id=vid0148 (inserting images)

http://www.adobe.com/designcenter/video_workshop/?id=vid0147 (formatting text using Property inspector)

 

 

  Janet Sedgley ~ 370-4796 (9 am to 9 pm) ~ office hours by arrangement