| Page Title | Printed Pages | Week |
|---|
Introduction |
| Syllabus / Schedule | 4 | 1 |
| Teaching Schedule / Office Hours | 1 |
| Tasks and Reviews (Grading) | 1 |
| Course References and Useful Links | 1 |
| A Bibliography for Web Developers | 1 |
| Background—How did this course come to be? | 4 |
| The client-server model—Client-side versus server-side web development | 1 |
| HTML for Structure | 1 |
| Cascading Style Sheets (CSS) for Layout | 3 |
| JavaScript for Client-side Programming | 2 |
| Suggestions for Learning | 3 |
| HTML Elements | 2 |
| HTML Attributes | 1 |
| HTML Tables, Table Elements, and Major Attributes | 1 |
| <Table>: Two Things to Remember | 1 |
| Task 1—Introduction to Dreamweaver, ftp, and HTML Basics | 1 |
| Notes on Writing a Resume | 1 |
| Review: HTML Review I |
1 |
| Links and Anchors | 2 | 2 |
| Linking to External Files, Script Libraries, and Style Sheets; Server-side Includes | 2 |
| Title, Meta (for keywords and descriptions); !DOCTYPE and Document Type Definition (DTD). | 3 |
| The World Wide Web Consortium: W3C recommendations as standards | 5 |
| Extensible markup languages; "well-formed" and "valid" XHTML; validators and the Mozilla Web Developer Add-on. | 2 |
| Review: W3C & HTML Review II |
1 |
| Frames | 1 | 3 |
| Image Types | 2 |
| Photoshop for sizing | 5 |
| Bringing Styles to Web Pages | 1 |
| Writing Style Rules | 1 |
| The Cascade | 1 |
| Task 2—External site style sheet; styling your resume | 1 |
| Review: CSS Foundations | 1 |
| Font and text properties | 3 | 4 |
| Styling Links and Lists: Pseudostates and lists within lists | 1 |
| The Box Model: Styling with content, padding, borders, and margins | 2 |
| Using Margins: To position and separate; Horizontal and vertical margins work differently; Negative margins | 3 |
| Color: Colors and background color. Color coding in hex, percentages, names. | 1 |
| Task 3—Menu Styles and Server-side Includes | 1 |
| Review: Typography and the Box Model | 1 |
| Media: Separate style sheets for screen and print | 1 | 5 |
| Static, relative, and absolute positioning | 3 |
| Floated elements | 3 |
| Controlling Page Breaks in Print Media | 2 |
| Task 4—CSS Positioning | 1 |
| Review: CSS Positioning | 1 |
| Fixed positioning | 1 | 6 |
| Task 5—Fixed Positioning | 1 |
| Review: Advanced CSS | 1 |
| Introduction to JavaScript: Client-side programming for browsers. Event Handlers. | 2 | 7 |
| JavaScript Overview: Language characteristics | 2 |
| Variables | 2 |
| Assignment and comparison operators; expressions | 3 |
| HTML Form Elements | 2 |
| Task 6—HTML form development and styling (Part 1 of 2) | 1 |
| Review: Mid-semester Task and Review Checklist | 1 |
| Review: HTML Form Basics | 1 |
| JavaScript Functions Writing blocks of separate, reusable code. | 2 | 8 |
| Form Validation: JavaScript for Simple Form Validation | 5 |
| Review: Introduction to JavaScript | 1 |
| Task 7—JavaScript for Simple Form Validation (Part 2) | 1 |
| Regular Expressions | 4 | 9 |
| The DOM and Javascript Object Models: The W3C Document Object Model; using nodes; | 2 |
| DHTML: Javascript + CSS = Dynamic HTML | 3 |
| Task 8—Advanced Form Validation | 2 |
| Review: JavaScript Programming | 1 |
| DHTML for Image Swapping: Graphic Navigation (How do those fancy rollover buttons work?) | 1 | 10 |
| JavaScript's Built-in Objects: Array, Date, Math, Boolean, Number, String | 4 |
| Web Site Design / Redesign: Development of a professional web development practice. Overview of site redesign. Client survey. | 3 |
| Tasks 9&10—Advanced Project (2 projects out of list of options) | 1 |
| Review: Web Site Design and Redesign | 1 |
| Writing for the web | 3 | 11 |
| Web site optimization: techniques to speed up web sites. | 3 |
| Review: Accessibility | 3 |
| Server-side Programming and Databases | 2 | 12 |
| Review: Final Task and Review Checklist | 1 |
| Where is the web going next, and what do I have to learn to go with it? | 2 | 13 |
| Review: Comprehensive | 2 |