title

Course List

Syllabi

Faculty

Projects

Sign Off Sheet

Student Examples

Tutorials

GD Home

Web Design Home

SFCC Home

 

 

GRDSN 102: Design Tech I

Project: Personal Information Web Page

Terminology:

JPEG, HTML, Resolution, Extensions, Web Safe Colors, RGB, Hexadecimal

Resources:

HTML Visual Quickstart

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. Use a digital camera by...

  • reading digital camera handout
  • checking out a digital camera in the lab
  • have a partner take a digital portrait of you
  • export the digital image from the camera to the hard drive (desktop)
  • copy digital photograph to your zip disk

0 1 2 3 4

2. Save a photographic image using the JPEG image options to...

  • determine quality of image
  • determine format options
  • save the file with a .jpg extension (example: photo1.jpg)

0 1 2 3 4

3. Create an xhtml document by using the xhtml template provided

0 1 2 3 4

4. Crop a photographic image and save in the appropriate resolution by...

  • selecting the cropping tool
  • using the "crop options" dialog box to set a fixed size
  • setting the image resolution to 72ppi in order for web development

0 1 2 3 4

5. Create and e-mail link by writing an html "mailto" tag.

0 1 2 3 4

6. Save digital files with the appropriate names and file extensions by...

  • adding .htm when saving HTML files
  • adding .jpg for JPEG files
  • adding .txt for text files (Examples: index.htm, photo1.jpg or information.txt)
  • creating naming conventions that would help a user if they were doing a "find file" command

0 1 2 3 4

7. Create a tiled background image using the HTML "background" tag.

0 1 2 3 4

8. Demonstrate basic text formatting tags including: "FACE", SIZE", and "COLOR" attributes.

0 1 2 3 4

9.F ind resources to solve technical problems by using the software help menus, textbooks, online resources and communicating with colleagues

 

0 1 2 3 4

10. Maintain a positive attitude when computer problems arise by...

  • looking at problems as an opportunity to learn something new
  • not having sarcastic remarks
  • maintaining an awareness of appropriate / positive body language
  • eliminating self-defeating thoughts and language.

0 1 2 3 4

Suggestions for improvement: