title

Course List

Syllabi

Faculty

Projects

Sign Off Sheet

Student Examples

Tutorials

GD Home

Web Design Home

SFCC Home

 

 

GRDSN 122: Design Tech III

Project: Online Newsletter

Performance Objectives: (Things you will be able to learn...) and Criteria: (This is how well it has to be done...)

Instructions: Select a score for each outcome below based on the following scale...
0= Clearly does not demonstrate competency.
1= Demonstrates basic understanding of competency.
2= Demonstrates clear understanding of competency.
3= Demonstrates competency with clarity, uniqueness and depth.
4= Demonstrates competency at a professional work level.

1. Design a navigation structure for the online newsletter that flows easily, is user friendly and invites interactivity

0 1 2 3 4

2. Develop cross platform authoring in the web site to avoid browser incompatibility by...

  • selecting common web colors
  • using html code that works in various browsers
  • making your web page fit within the live area of both Safari, Firefox and Internet Explorer browsers using a monitor size of
    1024 x 768

0 1 2 3 4

3. Design images to take advantage of Run Length Encoding / Compression by...

  • creating artwork that has horizontal changes in color. This will create a more compressed image (small file size).
  • creating artwork that has large areas of flat color
  • creating non-complicated line art and non-dithered images

0 1 2 3 4

4. Create small file sizes so web pages load quickly for the online newsletter by...

  • reducing the number of colors when possible (using the web, adaptive or exact palettes when saving gif files)
  • using compression / quality controls to improve file size reduction when saving jpeg files
  • cropping images tightly

0 1 2 3 4

5. Uae CSS div tags and properties:

  • Create a layout with div elements
  • Edit CSS rules to adjust the layout
  • Use the float property to control nested divs
  • Use margins and padding to affect element placement
  • Define HTML tag selectors and descendent tag selectors
  • Create pseudo-class selectors
  • Add and modify selectors to meet specific design requirements

0 1 2 3 4

6. Create background tiles, patterns and/or full screen backgrounds that add interest and load quickly in the online newsletter

0 1 2 3 4

7. Use Web Tools in your browser

0 1 2 3 4

8. Create web pages that are 180k or less for quick download

0 1 2 3 4

Suggestions for improvement: