Print Version

Effective: Summer 2013
GID 56WEBSITE DESIGN4 Unit(s)

Advisory: Advisory: Proficiency using Adobe Photoshop software; not open to students with credit in GRDS 94.
Grade Type: Letter Grade, the student may select Pass/No Pass
Not Repeatable.
FHGE: Non-GE Transferable: CSU
3 hours lecture, 3 hours laboratory. (72 hours total per quarter)

Student Learning Outcomes -
  • A successful student will be able to demonstrate three ways to design a Web site and identify the differences between them.
  • A successful student will be able to demonstrate technical and expressive fluency in industry-standard software applications.
Description -
Basic instruction using the computer for web site and interface design. Emphasis on interactive media and creative problem solving.

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.
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.

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
Methods of Evaluation -
  1. Completed student projects
  2. Participation in class critiques
  3. Classroom discussions
Representative Text(s) -
Instructor generated materials and appropriate software manuals and online learning resources.

Disciplines -
Graphic Arts, Computer Information Systems
 
Method of Instruction -
  1. Lecture
  2. Discussion
  3. Electronic discussions/chat
  4. Laboratory
  5. Demonstration
 
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
 
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.