Foothill CollegeApproved Course Outlines

Fine Arts and Communication Division
GID 56WEB SITE DESIGNSummer 2013
3 hours lecture, 3 hours laboratory.4 Units

Total Quarter Learning Hours: 72 (Total of All Lecture, Lecture/Lab, and Lab hours X 12)
 
 Lecture Hours: 3 Lab Hours: 3 Lecture/Lab:
 Note: If Lab hours are specified, see item 10. Lab Content below.

Repeatability -
Statement: Not Repeatable.

Status -
 Course Status: ActiveGrading: Letter Grade with P/NP option
 Degree Status: ApplicableCredit Status: Credit
 Degree or Certificate Requirement: AA Degree,   Certificate of Achievement
 GE Status: Non-GE

Articulation Office Information -
 Transferability: CSUValidation: 07/01/2011; 11/26/12

1. Description -
Basic instruction using the computer for web site and interface design. Emphasis on interactive media and creative problem solving.
Prerequisite: None
Co-requisite: None
Advisory: Proficiency using Adobe Photoshop software; not open to students with credit in GRDS 94.

2. Course Objectives -
The student will be able to:
  1. demonstrate an understanding of the language and characteristics of web site design.
  2. observe and analyze concepts of successful web sites.
  3. create web site experiences that effectively communicate design objectives.
  4. demonstrate a working knowledge of computer software for creating web site designs.
  5. create interactive experiences in the form of digital computer files for class critique and portfolio presentation.
  6. recognize and appreciate the artistic contributions made by people from diverse cultures and backgrounds.
3. Special Facilities and/or Equipment -
  1. A lecture room equipped with instructional computer, high resolution color monitor, scanner; software; projection system, sound system, and lighting suitable for displaying projected media, and speaker system suitable for listening to audio media . An integrated or separate facility with student workstation configurations to include hard drives, color monitors, video input and output hardware, audio input and output hardware, mice or electronic drawing tablets, keyboards, scanner, and software.
  2. When taught via Foothill Global Access: on-going access to computer with java-script enabled Internet browsing software, media plug-ins, and relevant computer graphics applications.

4. Course Content (Body of knowledge) -
  1. Web site design overview
    1. History and development of dynamic web site design
    2. Art and technology
    3. Creating meaningful experiences
    4. Contributions by individuals from diverse cultural backgrounds
  2. Concepts of web site design
    1. Identifying the audience
    2. Articulating the message
    3. Organizing the content
      1. Data, information, and knowledge
      2. Structure
      3. Interpretation
      4. Presentation
  3. Interface design
    1. Navigation
    2. Active and passive experiences
    3. Typography for the Web
    4. Exploring solutions for diverse audiences
  4. Software demonstrations and techniques
    1. Wordpress.com
    2. Image preparation
    3. Web site building tools
    4. Introduction to HTML
    5. Introduction to CSS
    6. Interactive content building tools
    7. Introduction to Javascript
  5. Hardware instruction
    1. Acquiring content
    2. Digitizing media
5. Repeatability - Moved to header area.
 
6. Methods of Evaluation -
  1. Completed student projects
  2. Participation in class critiques
  3. Classroom discussions
7. Representative Text(s) -
Instructor generated materials and appropriate software manuals and online learning resources.

8. Disciplines -
Graphic Arts, Computer Information Systems
 
9. Method of Instruction -
  1. Lecture
  2. Discussion
  3. Electronic discussions/chat
  4. Laboratory
  5. Demonstration
 
10. Lab Content -
  1. Digital techniques for web sites
  2. Software demonstrations and techniques
    1. Wordpress.com
    2. Image preparation
    3. Web site building tools
    4. Introduction to HTML
    5. Introduction to CSS
    6. Interactive content building tools
    7. Introduction to Javascript
  3. Hardware instruction
    1. Acquiring content
    2. Digitizing media
 
11. Honors Description - No longer used. Integrated into main description section.
 
12. Types and/or Examples of Required Reading, Writing and Outside of Class Assignments -
  1. Example of required reading assignments
    1. Lesson 2 - Watch/read how to optimize transparent images
  2. Example of required writing assignments
  3. Lesson 2 - Write 150 words explaining transparent images and images optimization.
13. Need/Justification -
This course is a restricted support course for the AA degree and Certificate of Achievement in Graphic & Interactive Design.


Course status: Active
Last updated: 2013-02-26 18:35:03


Foothill CollegeApproved Course Outlines