Academic Catalog

GID 57: WEBSITE DESIGN & DEVELOPMENT II

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: GID 56.
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

  • Apply basic JavaScript functionality in a web page
  • Create web pages that effectively demonstrate proficiency with HTML/xHTML and CSS and validate according to current standards for class critique and portfolio presentation.
  • 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:
A. investigate and demonstrate the related concepts of local development and remote server through the use of FTP to set up a website.
B. demonstrate a working knowledge of website design concepts, usability, and accessibility, and browser compatibility.
C. create websites that effectively demonstrate proficiency with HTML/xHTML and CSS and validate according to current standards for class critique and portfolio presentation.
D. apply basic JavaScript and introduce advanced topics of HTML5 and XML.
E. demonstrate a working knowledge of search engine optimization techniques.

Course Content

A. Investigate and demonstrate the related concepts of local development and remote server through the use of FTP to set up a website
B. 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
C. 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
D. Apply basic JavaScript and introduce advanced topics
1. Introduction to JavaScript
2. HTML5 tags and concepts
3. XML models and sitemaps
E. Demonstrate a working knowledge of search engine optimization techniques
1. Create Google Webmaster and Analytics accounts

Lab Content

A. FTP
B. HTML text, headings, links
C. Lists, tables
D. Images and image maps
E. CSS
F. Positioning and navigation using div tags and CSS
G. Forms
H. Iframes and multimedia
I. JavaScript
J. HTML5
K. XML
L. SEO

Special Facilities and/or Equipment

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

Method(s) of Evaluation

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

Method(s) of Instruction

A. Lectures on technical and conceptual concepts in website design and development.
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 and development techniques.

Representative Text(s) and Other Materials

Femke-Morris, Terry. Web Development & Design Foundations with HTML5. Pearson, 2016.

 

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

A. Example of required reading assignments:

1. Textbook reading topic HTML coding techniques for links

B. Example of required writing assignment:

1. 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, Graphic Arts