Academic Catalog

GID 56: WEBSITE DESIGN

Foothill College Course Outline of Record

Foothill College Course Outline of Record
Heading Value
Effective Term: Summer 2022
Units: 4
Hours: 3 lecture, 3 laboratory per week (72 total per quarter)
Advisory: Not open to students with credit in GRDS 94.
Degree & Credit Status: Degree-Applicable Credit Course
Foothill GE: Non-GE
Transferable: CSU
Grade Type: Letter Grade (Request for Pass/No Pass)
Repeatability: Not Repeatable

Student Learning Outcomes

  • Student can demonstrate an understanding of website design theory by evaluating a classmates' web pages that explain specific website design theories.
  • A successful student will be able to demonstrate technical and expressive fluency with a web page building application.

Description

Basic instruction using the computer for website 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 principles of website design.
  2. observe and analyze design principles found in successful websites.
  3. create website experiences that effectively communicate design objectives.
  4. demonstrate a working knowledge of software applications for creating website designs.
  5. create interactive experiences in the form of websites for class critique and portfolio presentation.
  6. recognize and appreciate the artistic contributions made by people from diverse cultures and backgrounds.

Course Content

  1. Website design overview
    1. History and development of dynamic website design
    2. Art and technology
    3. Creating meaningful experiences
    4. Contributions by individuals from diverse cultural backgrounds
  2. Concepts of website 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. Webpage anatomy
    2. Grids for webpages
    3. Navigation
    4. Color for the web
    5. Typography for the web
    6. Exploring solutions for diverse audiences
  4. Software techniques
    1. Webpage templates
    2. Image preparation
    3. Website building tools
    4. Introduction to dynamic websites
    5. Interactive content building tools

Lab Content

  1. Digital techniques for websites
    1. Website building tools
    2. Interactive content building tools
  2. Hardware instruction
    1. Acquiring content
    2. Digitizing media

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: ongoing access to computer with JavaScript-enabled internet browsing software, media plug-ins, and relevant computer graphics applications.

Method(s) of Evaluation

Methods of Evaluation may include but are not limited to the following:

Completed student projects
Participation in class critiques
Classroom discussions
Quizzes

Method(s) of Instruction

Methods of Instruction may include but are not limited to the following:

Lectures on technical and conceptual concepts in website design
Discussion and critique of projects and representative media
Group discussions that address the creative problem solving process and technical concepts
Demonstration of website design software and technique

Representative Text(s) and Other Materials

Beaird, Jason. The Principles of Beautiful Web Design. 2020.

Types and/or Examples of Required Reading, Writing, and Outside of Class Assignments

  1. Example reading assignment: Lesson 2 - Watch/read how to apply a grid to web page design
  2. Example writing assignment: Lesson 2 - Write 150 words explaining how to apply a grid to web page design

Discipline(s)

Computer Information Systems or Graphic Arts