Syllabus: Web Design

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License.

First Six Weeks:

Unit 1:  Designing & Planning Web Pages (Access IT)

• Module 1: Website Evaluation and Rubric Creation
• 15 Websites That Changed The Internet (Hongkiat)
• Module 2: Color Theory, Pic2Color,
• Module 3: Web Standards and Accessible Design
• Module 4: Planning a Website
• Beginning Design (Davesite) Ch. 1 Monitor Size and Usability, Ch. 2 Accessibility Issues, 20 Do’s & Don’ts For Web Design,
• Additional Resources: Simple Web Design Examples, Do’s and Don’ts of Modern Web Design, Design From Scratch – Basics, Design From Scratch – Design,  Design From Scratch – Architecture,  Design From Scratch Accessibility, Grid Calculator, Grid Buildrrr, The 960 Fluid Grid, Using 960 Grid in PS,

Second Six Weeks

Unit 2: Creating HTML Documents (Access IT)

• Module 1: Pre-Coding
• Module 2: Basic XHTML Markup
• W3Schools HTML Basics, Headings, Paragraphs, Formatting Text, HTML Elements, HTML Attributes, Style and Color,
• Module 3: XHTML Lists
• Module 4: Creating Links
• W3Schoos Linking,
• Module 5: Creating a Data Table
• HTML Beginner Lessons (Davesite) Ch. 1 HTML Basics , Ch. 2 HTML Headings Sizes,  Ch. 3 Paragraph Styles & Line Breaks,  Ch. 4 Adding Links & Images, Ch. 5 Center and DIV Tags, Ch. 6 Creating Clean Code, Ch. 7 Creating Lists,  Ch. 8 Using Fonts & Color in Text, Ch. 9 Using Anchors in Text, Ch. 10 Hexadecimal, Beginners Tag Review, Most Common HTML Mistakes,
• HTML Advanced Lessons (Davesite) Ch. 11 More on Graphics, Ch. 12 Tables, Borders & Cells, Ch. 13 Adding Audio, Ch. 14 Working With Frames, Ch. 17 Adding Forms,
• Additional Resources: Wikipedia Punctuation Guide, HTML Tableizer, HTML Cheat Sheet (PSACake), W3C School HTML, NVU Tutorials, Adding an HTML banner to the bottom of a web page,

Third Six Weeks

Unit 3: Creating Style Sheets with CSS (Access IT)

• Module 1: Introduction to Cascading Style Sheets
• Module 2: Page Layout Techniques
• Beginning CSS (Davesite) Ch. 2 Selectors, Properties and Values, Ch. 3 Selectors for Text Styles,  Ch. 4 Images and Colors,  Ch. 5 Fonts and Sizes,  Ch. 6 Links, Hovers, & Anchors,  Ch. 7 Lists,  Ch. 8 Margins,  Ch. 9 Padding,  Ch. 10 Borders, Ch. 11
• Additional Resources: 15 CSS Tips & Tricks, CSS Property Reference (HTML Dog), CSS Cheat Sheet (Added Bytes), Using CSS Shorthand (Smashing Magazine Tip 1), CSS Best Practices (Evotech), 10 CSS Tricks (Stylized Web), W3C Schools CSS,

Fourth Six Weeks

Unit 4: Creating and Using Web Graphics (Access IT)

• Module 1: Introduction to Web Graphics
• Resizing Photos for the Web (CamColor)
• Module 2: Creating a Web Photo Album
• Module 3: Creating Navigation Buttons
• Module 4: Creating a Web Page
• Additional Resources:  Design From Scratch – Graphics, Design From Scratch – Navigation,

Using Search Techniques:  Advanced Google Search (pdf), Boolean Searches (pdf),

Fifth Six Weeks

Unit 5: Site Managment (Access IT)

• Module 1: Organizing a Website
• Module 2: Using an External Style Sheet
• Module 4: Validating a Website

Sixth Six Weeks

Unit 6: Using Web Authoring & CMS Systems (Access IT)

• Module 1: Creating a Web Page using Web Authoring Software
• Module 2: Controlling Style using Web Authoring Software
• Module 3: Site Management with a Web Authoring Software
• Additional Lessons:  Design From Scratch – Copy-writing,  W3C Schools Java Scripting, Domain Name & Hosting, Net Neutrality,

2 Comments

Comments RSS TrackBack Identifier URI