Site menu:

Homework

All assignments are loaded onto a Web server, where they will be viewed and graded online. Due dates are midnight Pacific Standard Time. Late work will be accepted one week after due date, and a 20% deduction will be imposed. Late work will not be graded unless student sends instructor an email with URL for late work. If you have problems with FTP or the online forms send email to lhemenway@santarosa.edu

In grading your work, some points will be assigned for completing the assignment, additional points are awarded based on the appropriateness of the design decisions. A student who completes all parts of the class assignment is guaranteed a C in the course. Grades of A and B are made based on the aesthetic and usability of the design. The instructor is happy to make suggestions for improvement and offer design suggestions to students before the due date of an assignment.

Lesson 1:Check in and Get Started

Check in part 1
DO NOT DO THIS IF YOU WERE ENROLLED IN CS 50.21A this semester, or if you have another class with me this semester. Use your existing username and password in the Student Introduction form below.		Submit
Form		Due
10/23		 n/aWELCOME
Student Introductions FormSubmit
Form		Due
10/23		 10
Points		Classmate
Introductions
ENTER THE SAME USERNAME AND PASSWORD FROM CS 50.21A. Please check in by this date. Share with me and the class a little bit about your history, your experience with computers, HTML, CSS, Photoshop and design on the Student Introductions form.
Update Homework page send linda emailDue
10/26		 10
Points		 Student Work

The easiest way to complete this assignment is to add onto the homework page you created in the beginning class. Refer to the link below to see the new assignments that need to be added to the top of your homework page. If you are new to the class, send me an emal with the homework page URL.

homework example file
Client 3 Preliminary DesignDue
10/26		 30
Points		 Student Work

Look through the Photoshop designs found in the PWD folder > Designs - Third Edition > 101-120-photoshop. You will select one of those designs to use as your model.

Second Level Design [20]
Use the PSD file which is a design of the home page. Modify that design to one that will work for the second level page. Save the file as a JPG.

Second Level Design with Color Overlay [10]
Add color overlays where you think the major div tags will be. Save the file as a JPG.

You may want to review the sample I have on the class DVD > Advanced class > client 3 > designing a second level page.
top

Lesson 2: Create HTML/CSS/images for Client 3
Client 3 final Due
11/2		 40
Points		 Student Work

Client 3 - second level page
Create the HTML and CSS code that will produce a second level page that is based on your PSD design. Add images produced from the Photoshop file. The page should pass HTML and CSS validation. It should look the same on the current version of Firefox and IE.

Link to Homework page
Create a link from your homework page to this second level page.

Lesson : Photos/Logos
Please Note - you have 2 weeks to complete this assignment

Photo/Logos Lesson
Due
11/16
75
Points

Logo inserted in 2 of 3 client sites [30]
Chose 2 of the 3 clients we have worked on in class and create new logos for these clients. Add the original logo you created to the home page and second level pages.

Logo in various sizes [15]
Create a Web page which displays the original logos you created sized at 200, 100 and 50 pixels.

Photo Collage Sampler [30]
Create a web page which links to 2 original collages you created (these can either be inserted into one of the 3 clients sites or placed on a sample page)

Link to Homework page
Create links to all the items listed above from our homework page so your instructor can easily access the work.

Surfing Example 1

Surfing Example Submit Form Due
11/16		 10
Points		Classmate
Examples
Find an example of a website that inspires you regarding either logo or photo collage
top

Lesson 5: Advanced Images
Advanced Images Due
11/23		 40
Points		 Student Work

Photo Gallery [20]
Create a photo gallery using an Adobe Photoshop gallery or Lightbox code

Random Image or Slideshow [20]
Either add the code which displays random images or create code which displays a slideshow (your choice).

Link to Homework page
Create links to all the items listed above from our homework page so your instructor can easily access the work.

top

Lesson 6: Advanced Navigation

Adv. Navigation Lesson Due
12/7		 75
Points		 Student Work

Each of the 3 client sites need one of these types of navigation. Some students may have 3 clients who all have either horizontal or vertical navigation so you may need a sample page.

Drop Down Navigation Sampler [25]
Create a Web page with a navigation bar with drop down navigation that has 2 levels of navigation.

Vertical Navigation [25]
Create a vertical column of links and then add code so that a pop out menu appears as I hover over the links.

Sliding Door Sampler [25] Create a navigation bar with sliding door images.

Link to Homework page
Create links to all the items listed above from our homework page so your instructor can easily access the work.

top
Classmate Critique Submit
Form		Due
12/8		 10
Points		Classmate
Critiques
Choose one of your classmate's sites to critique. Remember, this is going to be posted for everyone to read, so be constructive in your comments. This assignment is meant to encourage dialogue. If a classmate has achieved an effect that you are curious about, this is the time to inquire about it. Student Work page
Class Evaluation Submit Form 12/8 n/a
Please give me feedback on the class and your experience.