Academic Catalog

GID 56: WEBSITE DESIGN

Foothill College Course Outline of Record

Foothill College Course Outline of Record
Heading Value
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:
A. demonstrate an understanding of the principles of website design.
B. observe and analyze design principles found in successful websites.
C. create website experiences that effectively communicate design objectives.
D. demonstrate a working knowledge of software applications for creating website designs.
E. create interactive experiences in the form of websites for class critique and portfolio presentation.
F. recognize and appreciate the artistic contributions made by people from diverse cultures and backgrounds.

Course Content

A. 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
B. Concepts of website design
1. Identifying the audience
2. Articulating the message
3. Organizing the content
a. Data, information, and knowledge
b. Structure
c. Interpretation
d. Presentation
C. 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
D. Software techniques
1. Webpage templates
2. Image preparation
3. Website building tools
4. Introduction to dynamic websites
5. Interactive content building tools

Lab Content

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

Special Facilities and/or Equipment

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

Method(s) of Evaluation

A. Completed student projects
B. Participation in class critiques
C. Classroom discussions
D. Quizzes

Method(s) of Instruction

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

Representative Text(s) and Other Materials

Beaird, Jason. The Principles of Beautiful Web Design. 3rd ed. SitePoint, 2013.

Instructor-generated materials, appropriate software tutorials, and online learning resources.

 

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

A. Example of required reading assignments:

1. Lesson 2 - Watch/read how to apply a grid to web page design

B. Example of required writing assignments:

1. Lesson 2 - Write 150 words explaining how to apply a grid to web page design

 

Discipline(s)

Computer Information Systems, Graphic Arts