Graphics Work

I'd like you to take a fair amount of time and work on graphics. There are a number of links available to help you at any level. Please view the table on the right for places to help your graphics work.

I strongly suggest going through Graphics 101.

Develop in Dreamweaver

We will continue to work in Dreamweaver's WYSIWYG environment on the Assignment 1 sites.

In class we will perform the following:

  1. Open and sync your sites
  2. Create a new page called portfolio.html
  3. Add it to the navigation structure
  4. Rename resume.html
  5. Perform some basic site authoring functions, such as
    1. Font assignments
    2. Links
    3. Background colors
  6. Import pictures
  7. Explore

This should all be a lot easier for you that writing code in straight HTML. But we will not forget the code, as a working knowledge of HTML is essential to make Dreamweaver work.


arrow upreturn to top

Expanding on Dreamweaver

OK, now the fun starts. Now that we have completed the steps involved with taking the Simple Web Project and making it into a Dreamweaver project, we'll start to explore Dreamweaver's tools. This will draw heavily on your readings from the Visual QuickStart Guide chapters 3-6, so I hope you are ready. We will:

  1. Work with pages, including backgrounds and basic styles
  2. Look at placing and linking graphics
  3. Work with links
  4. Play around with the CSS dialog box

Define Project 2

Project 2 will be a five to ten page website that has a single unifying theme. This can be a business web site, an informational site, a band site or the like. The project should have the following as elements

  1. Use of a single Dreamweave Template
  2. Use of a consistent CSS stylesheet
  3. Text consistent with Web Authoring Guidelines
  4. Pictures and graphics throughout
  5. At least 3 of the following:
    1. Embedded audio
    2. Embedded video
    3. Use of Behaviors or Navigation Objects
    4. Use of Dynamic Elements
    5. A form

Access the rubric for the Final Project


This uses Dreamweaver's included templates as a basis, and are thus easier than starting from scratch. But that is not to say easy. We will do the following next week:

  1. Open your site in Dreamweaver
  2. Create a new folder called css_pract in the root
  3. Images for CSS inclass practice (zip file)
  4. Turn to page 233 and put all the elements in that folder
  5. In your own site, create a class that removes the indent from the navigation paragraphs


arrow upreturn to top


Lab Work


Hollenbeck Home

Last modified Tuesday, March 22, 2011 8:29 PM

202 Home
Current Student Work

Assignment 1 Rubric

Assignment 2 Rubric

Search SMAD 202