| |
Web Development - Client-side
Description:
This track provides an introduction
to developing web sites using client-side tools and
techniques including XHTML, Cascading Style Sheets (CSS),
JavaScript, Flash, and Dreamweaver.
Participants should walk away with sufficient
materials to design an advanced web design/development
course.
Prerequisites:
Program participants must have a
working knowlege of web page creation using HTML
and a text editor. Some previous exposure to
programming would be helpful due to the strong emphasis
on JavaScript techniques.
Expected Outcomes:
- use CSS to enhance web page formatting
- implement inline, embedded, and linked CSS
- demonstrate using CSS to ease website maintenance
- convert web pages to XHTML
- validate and automatically fix XHTML documents
- create dynamic web pages using JavaScript
- use JavaScript to make graphics dynamic
- manipulate frames and windows with JavaScript
- validate form data using JavaScript
- maintain state with cookies using JavaScript
- discuss the basics of information architecture
- discuss principles of good web design
Schedule:
| Day 1 | |
HTML history and references
HTML techniques: frames, tables, and image maps
Accessibility issues
XHTML, validation
Introduction to Information Architecture
Web design principles
|
| |
| Day 2 | |
Design examples
Cascading Style Sheets
JavaScript
- introduction
- variables, operators, precedence
- selection
- repetition
- input and output
- object-oriented programming
- redirection
- using the status bar
|
| |
| Day 3 | |
JavaScript
- functions
- rollovers
- working with graphics
- handling events
- working with frames
- working with windows
- dynamic page creation
- validating form data
- regular expressions
|
| |
| Day 4 | |
Javascript
- working with cookies
- animation
XML overview
Dreamweaver tutorial
|
| |
| Day 5 | |
Flash tutorial and demonstrations
|
| |