Foothill CollegeApproved Course Outlines

Fine Arts and Communication Division
GID 58WEB DESIGN & DEVELOPMENT IIISummer 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 -
Website design and production using an HTML editor software, with an emphasis on application of current HTML/CSS coding technologies, design concepts,, usability and accessibility, organizing page content, producing dynamic pages, incorporating rich media, and reusable elements. Large scale website development with emphasis on site management, and web page delivery to multiple platforms. Develop proficiency with web production software Adobe Dreamweaver.
Prerequisite: None
Co-requisite: None
Advisory: GID 56 and 57.

2. Course Objectives -
The student will be able to:
  1. Create websites for class critique and portfolio presentation that
    1. Demonstrate a thorough knowledge of website design concepts.
    2. Demonstrate an understanding of usability and accessibility as related to developers and end users needs.
    3. Demonstrate proficiency with HTML/xHTML and CSS.
    4. Apply basic JavaScript.
    5. Are validated web pages according to current standards.
    6. Function effectively across multiple browsers.
  2. Investigate the related concepts of local development and remote server implementation through the use of FTP.
  3. Implement a website on a remote server through the use of FTP.
  4. Investigate advanced topics of HTML5 and XML
  5. Demonstrate a working knowledge of search engine optimization techniques.
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. Survey of website design using Adobe Dreamweaver
    1. Dreamweaver workspace
    2. FTP site setup
    3. Compare software applications with hand coding HTML and CSS markup
  2. Create websites using techniques for producing HTML and CSS markup, JavaScript, rich media, and reusable assets within Adobe Dreamweaver.
    1. HTML and CSS
      1. Create HTML and CSS in Design view
      2. Create HTML and CSS in Code view
      3. Validate HTML and CSS mark-up in Dreamweaver
      4. Apply accessibility techniques in Dreamweaver
      5. Apply Search Engine Optimization (SEO) in Dreamweaver
      6. Testing and Troubleshooting HTML and CSS in Dreamweaver
    2. JavaScript
      1. Create JavaScript automatically within the Dreamweaver application
      2. Hand code JavaScript within the Dreamweaver application
      3. Testing and Troubleshooting JavaScriptin Dreamweaver
    3. Incorporate rich media
      1. Produce rich media in Dreamweaver
      2. Edit rich media in Dreamweaver
      3. Create reusable elements and reuse them in Dreamweaver
      4. Testing and Troubleshooting rich media in Dreamweaver
    4. Reusable assets.
      1. Produce reusable HTML and CSS elements in Dreamweaver
      2. Edit reusable HTML and CSS elements in Dreamweaver
      3. Reuse HTML and CSS elements in Dreamweaver
      4. Produce other reusable assets in Dreamweaver
      5. Testing and Troubleshooting reusable assets in Dreamweaver
  3. Dreamweaver site management tools
    1. Page navigation
    2. Link checking
    3. FTP
    4. Website synchronization
  4. Multi-platform website development
    1. Web
    2. Mobile
5. Repeatability - Moved to header area.
 
6. Methods of Evaluation -
  1. Completed student projects
  2. Participation in class critiques
C. Classroom discussions
7. Representative Text(s) -
Appropriate software and instructor generated materials.

8. Disciplines -
Graphic Design, Computer Information Systems
 
9. Method of Instruction -
  1. Lecture
  2. Discussion
  3. Electronic discussions/chat
  4. Laboratory
  5. Demonstration
 
10. Lab Content -
  1. Dreamweaver Workspace
  2. HTML
  3. CSS
  4. Javascript
  5. Rich media
  6. Reusable elements
  7. Mark-up code validation
  8. Accessibility
  9. Search Engine Optimization (SEO)
  10. FTP
  11. Testing and Troubleshooting
 
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. Assignment 1 - Dreamweaver online documentation
  2. Example of required writing assignment:
    1. Assignment 2 - Explain the process of using Adobe Dreamweaver to upload web site files to a server and synchronizing those files.
  3. Example of Outside of Class assignment:
    1. Assignment 3 - Create a 10 page website which applies reusable assets across all pages within that website.
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:28


Foothill CollegeApproved Course Outlines