Dreamweaver Course Materials

Here are some excellent Dreamweaver Course Materials at University of Minnesota. Dreamweaver is a web development application for Mac and Windows operating systems. These Dreamweaver course materials describe some of Dreamweaver’s new features, tips to quickly create and manage websites, incorporating Dreamweaver with an already existing site, using CSS and designing page layouts.


Dreamweaver CS3: Creating Basic Web Sites 7.67 Mb, 113 Pages
This Dreamweaver course materials discusses the creation of a new website, the use of a template, using formats and editing web pages.

  - LESSON 1 – CREATE A NEW SITE
  - LESSON 2 – CREATE A NEW PAGE
  - LESSON 3 – CREATE A PAGE HEADER
  - LESSON 4 – CREATE A PAGE BODY
  - LESSON 5 – CREATE A PAGE FOOTER
  - LESSON 6 – CREATE A CLASS STYLE
  - LESSON 7 – UPLOAD A NEW SITE TO A WEB SERVER
  - LESSON 8 – CREATE A TEMPLATE
  - LESSON 9 – USE A TEMPLATE
  - LESSON 10 – UPDATE A TEMPLATE
  - LESSON 11 – APPLY OTHER COMMONLY USED FORMATS TO CONTENT
  - LESSON 12 – SYNCHRONIZE A SITE
  - LESSON 13 – DETERMINE A WEB SITE’S FORMATTING
  - LESSON 14 – SET UP DREAMWEAVER TO WORK WITH AN EXISTING SITE
  - LESSON 15 – EDIT WEB PAGES FORMATTED WITH HTML
  - APPENDIX A – TURN OFF THE CSS EDITING OPTION
  - APPENDIX B – RGB HEX TRIPLETS


Dreamweaver CS3: Creating Basic Web Pages Intro Handout 803.6 Kb, 2 Pages
This Dreamweaver course material explains to users how quickly create web pages along with their structure, containers, content and the best practices followed in designing them.

  - THE BASIC EQUATION FOR A WEB PAGE
  - STRUCTURE / CONTAINERS
  - CONTENT
  - BEST PRACTICES


Dreamweaver CS3: CSS for Presentation 1.46 Mb, 79 Pages
This Dreamweaver course material provides information on using CSS within Dreamweaver, CSS features, its basics, and how to implement control over various functionalities of a web page.

  - LESSON 1 – CASCADING STYLE SHEET BASICS
  - LESSON 2 – CREATE A NEW STYLE SHEET
  - LESSON 3 – CREATE CLASS STYLES
  - LESSON 4 – CREATE CSS STYLE RULES FOR HYPERLINKS
  - LESSON 5 – ADDING STYLE SHEET TO ADDITIONAL PAGES
  - LESSON 6 – USE CSS TO CONTROL BACKGROUND IMAGES (OPTIONAL)
  - LESSON 7 – ADD CSS TO A SITE THAT PREVIOUSLY USED HTML FORMATTING (OPTIONAL)
  - APPENDIX A – CSS PROPERTIES
  - APPENDIX B – GLOSSARY


Dreamweaver CS3: CSS for Page Layout 8.29 Mb, 184 Pages
This 184 page Dreamweaver course material discusses the preparation of web page layout using CSS, column creation, creation of a printer style sheet and creating a callout box.

  - LESSON 1 – PREP A TABLE-BASED LAYOUT FOR A CSS LAYOUT
  - LESSON 2 – APPLY CSS RULES FOR A BASIC FIXED-WIDTH CSS LAYOUT
  - LESSON 3 – REFINE THE FOOTER LAYOUT
  - LESSON 4 – CREATE THE TWO COLUMNS
  - LESSON 5 – CREATE A FAUX COLUMN
  - LESSON 6 – CREATE A HORIZONTAL NAVIGATION BAR
  - LESSON 7 – CSS FOR DESIGN: AN UNORDERED LIST INCOGNITO
  - LESSON 8 – CREATE A PRINTER STYLE SHEET
  - LESSON 9 – CREATE A 3 COLUMN LAYOUT
  - LESSON 10 – SET A MINIMUM WIDTH FOR A LIQUID LAYOUT
  - LESSON 11 – CREATE A CALLOUT BOX WITH ROUNDED EDGES
  - LESSON 12 – CREATE A VERTICAL NAVIGATION BAR (EXTENDED LESSON)
  - APPENDIX A – DON’T REINVENT THE WHEEL: RESOURCES ON WHICH TO BUILD YOUR CSS LAYOUT
  - APPENDIX B – THE BOX MODEL
  - APPENDIX C – GREAT RESOURCES FOR CSS LAYOUTS


Class Files (.zip)
This section contains the class file for the above course materials that can be downloaded and view at leisure later.

  - Dreamweaver CS3: Creating Basic Web Pages
  - Dreamweaver CS3: CSS for Presentation
  - Dreamweaver CS3: CSS for Page Layout