Foothill CollegeApproved Course Outlines

Fine Arts and Communication Division
GID 77ADVANCED WEB SITE DESIGN & DEVELOPMENTSummer 2013
3 hours lecture, 3 hours laboratory.4 Units

Total Quarter Learning Hours: 72 (Total of All Lecture, Lecture/Lab, and Lab hours X 12)
 
 Lecture Hours: 3 Lab Hours: 3 Lecture/Lab:
 Note: If Lab hours are specified, see item 10. Lab Content below.

Repeatability -
Statement: Not Repeatable.

Status -
 Course Status: ActiveGrading: Letter Grade with P/NP option
 Degree Status: ApplicableCredit Status: Credit
 Degree or Certificate Requirement: AA Degree,   Certificate of Achievement
 GE Status: Non-GE

Articulation Office Information -
 Transferability: CSUValidation: 11/26/12

1. Description -
Introduction to HTML5 and CSS3 for advanced Web development and design. Prepares students and working professionals to use advanced tags and layout. Emphasis on writing well-formed markup using current Web standards and coding technology, design concepts, usability, accessibility, and browser compatibility. Includes minor elements of JavaScript. Intended for students with a basic working knowledge of HTML/CSS and Web design.
Prerequisite: None
Co-requisite: None
Advisory: GID 56 and 57.

2. Course Objectives -
The student will be able to:
  1. Develop a sound plan for converting an existing website using xhtml/CSS to HTML5/CSS3, and/or develop a new website using HTML5/CSS3.
  2. Demonstrate a working knowledge of the use and advantages of HTML 5 including tags for accessibility and semantics, including audio and video, and new formatting tags for enhanced rendering of HTML documents.
  3. Demonstrate a working knowledge of the use and advantages of web page design using CSS3 over CSS, including enhanced layout for both Web designer and programmers, especially formats that allow Web pages to look more like traditional print and page layout.
  4. Create Web pages that effectively demonstrate proficiency with HTML5 and CSS3, especially for enhanced presentation and mobile format, and validate according to current standards for class critique and portfolio presentation.
  5. Demonstrate basic use of XSLT in rendering XML content
3. 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.

4. Course Content (Body of knowledge) -
  1. Website development overview
    1. Conceptual thinking, storyboard, website navigation
    2. Theory and application of Web development technologies
    3. Analysis of xhtml/css and application of HTML5/CSS3
    4. Apply and use current Web development standards for HTML5 and and CSS3
  2. HTML5 tags and attributes
    1. New symantic/structural elements
    2. New media elements
    3. New form elements
    4. Local Storage
    5. Web Socket
    6. Drag and drop
    7. Geo location
    8. Server Sent Events
    9. Canvas, SVG, basic Javascript
  3. CSS3 Modules
    1. Selectors
    2. Box Model
    3. Backgrounds and borders
    4. Text Effects and User Interface
    5. 2D/3D Transformations
    6. Animations
    7. Multiple Column Layout
  4. Mobile formats using HTML5/CSS3
    1. HTML5/CSS3 formats for mobile browsers
    2. Rich media formats for mobile browsers
    3. Designing mobile apps using HTML5/CSS3
  5. XML XPATH and XSLT
    1. Basic XML content contrast with xhtml
    2. XPATH and tree navigation and selection
    3. XSLT for rendering basic XML documents
5. Repeatability - Moved to header area.
 
6. Methods of Evaluation -
  1. Completed student projects
  2. Participation in class critiques
  3. Classroom discussions
7. Representative Text(s) -
Appropriate software and instructor generated materials.

8. Disciplines -
Graphic Design, Computer Information Sysytems
 
9. Method of Instruction -
  1. Lecture
  2. Discussion
  3. Electronic discussions/chat
  4. Laboratory
  5. Demonstration
 
10. Lab Content -
  1. Semantic/structural tags
  2. Form and input tags
  3. Media tags
  4. Drag/Drop, geo location, local storage
  5. Server Sent Events and Web Sockets
  6. Canvas, SVG, basic Javascript
  7. CSS3 selectors and box model, multiple column layout
  8. Backgrounds, borders, text effects, and user interface
  9. 2D/3D transformations and animation
  10. Mobile content and formats
  11. XML and xhtml
 
11. Honors Description - No longer used. Integrated into main description section.
 
12. Types and/or Examples of Required Reading, Writing and Outside of Class Assignments -
  1. Example of required reading assignments
    1. W3C Schools HTML/HTML5
    2. W3C Schools CSS/CSS3
    3. Chapter 2, the Design of HTML5, in HTML5 for Web Site Designers by Jeremy Keith
  2. Example of required writing assignment
    1. Website analysis / storyboard
    2. HTML5 markup for one or more pages including inline comments explaining markup and design.
13. Need/Justification -
This course is a restricted support course for the AA and Certificate of Achievement in Graphic & Interactive Design.


Course status: Active
Last updated: 2014-09-02 07:48:46


Foothill CollegeApproved Course Outlines