Academic Catalog

GID 57: WEBSITE DESIGN & DEVELOPMENT II

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

  • Design and develop responsive websites that demonstrate effective visual hierarchy, user experience principles, and accessibility standards across multiple devices and browsers.
  • Evaluate website effectiveness by analyzing user experience, accessibility compliance, and design impact, proposing evidence-based improvements for diverse audiences.
  • Implement interactive web elements using HTML, CSS, and JavaScript to enhance user engagement and solve specific communication problems.

Description

Introduction to HTML/XHTML for coding fully functional webpages and websites. Emphasis on writing well-formed markup using current web standards and coding technologies, design concepts, usability, accessibility, and browser compatibility. Brief introduction to JavaScript, HTML5, and XML.

Course Objectives

The student will be able to:

  1. investigate and demonstrate the related concepts of local development and remote server through the use of FTP to set up a website.
  2. demonstrate a working knowledge of website design concepts, usability, and accessibility, and browser compatibility.
  3. create websites that effectively demonstrate proficiency with HTML/XHTML and CSS and validate according to current standards for class critique and portfolio presentation.
  4. apply basic JavaScript and introduce advanced topics of HTML5 and XML.
  5. demonstrate a working knowledge of search engine optimization techniques.

Course Content

  1. Investigate and demonstrate the related concepts of local development and remote server through the use of FTP to set up a website
  2. Demonstrate a working knowledge of website design concepts, usability, and accessibility, and browser compatibility
    1. Review of the anatomy of a webpage
    2. Current and developing standards
    3. Browser compatibility issues
  3. Create websites that effectively demonstrate proficiency with HTML/XHTML and CSS and validate according to current standards for class critique and portfolio presentation
    1. Produce a working multi-page website using HTML/XHTML and CSS which will validate according to the W3C for current HTML/XHTML standards
    2. HTML/XHTML major tag types and attributes
    3. CSS inline, internal, and external; classes and IDs
  4. Apply basic JavaScript and introduce advanced topics
    1. Introduction to JavaScript
    2. HTML5 tags and concepts
    3. XML models and sitemaps
  5. Demonstrate a working knowledge of search engine optimization techniques
    1. Create Google Webmaster and Analytics accounts

Lab Content

  1. FTP
  2. HTML text, headings, links
  3. Lists, tables
  4. Images and image maps
  5. CSS
  6. Positioning and navigation using div tags and CSS
  7. Forms
  8. Iframes and multimedia
  9. JavaScript
  10. HTML5
  11. XML
  12. SEO

Special Facilities and/or Equipment

1. A lecture room equipped with instructional computer, high resolution color monitor, software; projection system, and lighting suitable for displaying projected media. An integrated or separate facility with student workstation configurations to include hard drives, color monitors, mice, keyboards, 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 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

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 and development
Discussion and critique of projects and representative media
Group discussions that address the creative problem solving process and technical concepts
Demonstration of website design and development techniques

Representative Text(s) and Other Materials

Femke-Morris, Terry. Web Development Design Foundation. 2020.

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

  1. Example reading assignment: Textbook reading topic HTML coding techniques for links
  2. Example writing assignment: Assignment 2 - hand in HTML/CSS markup for links including inline comments explaining the markup and layout of the page

Discipline(s)

Computer Information Systems or Graphic Arts