Target Audience: High School,
Community College students as well as transitional workers enrolled in
the Cisco Networking Academy Program.
Prerequisites:
Students should have basic computer literacy and a basic understanding
of the Web. Prior use of an Adobe product desirable but not required.
Course
Description: Introduction to Web Design course focusing on
the overall production processes with particular emphasis on design
elements involving layout, navigation and interactivity.
Lab
Requirements: Adobe Photoshop 6, Illustrator 9, Premiere 6,
GoLive 6, LiveMotion 1, Adobe Studio 1
Course
Objectives: Upon completion of this course, students will
have an understanding of:
- Web site architecture, work flow and
production processes.
- Principles of graphic and content
creation for online media.
- Fundamental online graphic design
principles including appropriate interactivity, content sensitive
navigation schemes and user interface criteria.
- Task-appropriate software tool
selection.
- Distinctive attributes of the Web as a
unique medium.
- Web animation techniques.
- Web site accessibility.
- Web site implementation and hosting.
- Media skills necessary to become a web
designer either as an employee or freelance designer.
The course does
not cover essential information about:
- Advanced design skills.
- Web site back end technologies and
hardware issues.
- Database-driven web sites.
- Video and audio media creation.
- Programming techniques.
- E-commerce.
- Large-scale web site development and
deployment.
- 3-D design.
- Business management.
- Advanced interactive elements such as
discussion forums, chat rooms, etc.
Course Outline
1. Foundations
of Web Site Creation
1.1 Course Overview
1.2 Introduction to the Internet
1.3 Internet Connectivity
1.4 Browsers
1.5 Browser Functions
1.6 Other Internet Applications
1.7 Plug-Ins
2. Web Page
Elements
2.1 Overview
2.2 HTML Basics
2.3 Color Formats
2.4 Image Formats
2.5 Multimedia Formats
2.6 Interactive Elements
3. Production
Tools
3.1 HTML and Interactive Formats
3.2 HTML and Interactive Editors
3.3 Graphics Formats
3.4 Graphics Applications
3.5 Multimedia Formats
3.6 Multimedia Applications
4.
Pre-Production Process
4.1 Project Definition
4.2 Functional Requirements
4.3 Content and Media Assets
4.4 Production Milestones
5. Layout and
Design
5.1 The Web as a Medium
5.2 Basic Design Principles
5.3 Web Design Issues
5.4 Separation of Content and Format
5.5 Other Design Issues
6. User
Interface Design
6.1 Definition
6.2 Site Identity Design
6.3 Usability
6.4 Navigation
6.5 Effective Navigation
7.
Accessibility Considerations
7.1 Disability Accessibility Guidelines
7.2 Localization
8. Media
Creation
8.1 Web Writing
8.2 Image Creation
8.3 Image Manipulation
8.4 Animation
8.5 Animated GIF
8.6 SWF Animation
8.7 Digital Audio and Video
9.
Interactivity
9.1 Appropriate Interactivity
9.2 Interactive Elements
9.3 Interactive Multimedia
9.4 Advertisement
9.5 Online Forms
10. Testing
and Optimization
10.1 Site Review
10.2 Error Checking
10.3 Speed Optimization
10.4 Site Management
10.5 Site Maintenance
10.6 Usability Testing
11.
Implementation and Hosting
11.1 Client Sign-off
11.2 Legal Review
11.3 ISP Requirements
11.4 Domain Name Registration
11.5 File Publishing to the Web
11.6 Site Advertising
12. Course
Project
Appendices
|
