Print Version

Effective: Summer 2013
GID 57WEBSITE DESIGN & DEVELOPMENT II4 Unit(s)

Advisory: Advisory: GID 56.
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 -
  • Create web pages that effectively demonstrate proficiency with HTML/xHTML and CSS and validate according to current standards for class critique and portfolio presentation.
  • Apply basic JavaScript functionality in a web page
  • Demonstrate a working knowledge of web page design concepts, webpage usability and accessibility, and browser compatibility
Description -
Introduction to HTML/XHTML for coding fully functional Web pages 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.
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: on-going access to computer with java-script enabled Internet browsing software, media plug-ins, and relevant computer applications.

Course Content (Body of knowledge) -
  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 web page
    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 id's
  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
Methods of Evaluation -
  1. Completed student projects
  2. Participation in class critiques
  3. Classroom discussions
Representative Text(s) -
Appropriate software and instructor generated materials.

Disciplines -
Graphic Design, Computer Information Systems
 
Method of Instruction -
  1. Lecture
  2. Discussion
  3. Electronic discussions/chat
  4. Laboratory
  5. Demonstration
 
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
 
Types and/or Examples of Required Reading, Writing and Outside of Class Assignments -
  1. Example of required reading assignments
    1. W3Schools Tutorials
  2. Example of required writing assignment
    1. Assignment 2 - hand in HTML markup for one page including inline comments explaining the markup and design of the page