Outline

• Intro to Course
• Web Standards and Basic X/HTML

HTML

1. EITHER Chapters 1-8 of HTML, XHTML, and CSS Bible, Fourth Edition (Books24x7)
2. OR HTML Dog HTML Beginner Tutorial up through/including Links
3. Wikipedia on XHTML
4. Fix Your Site With The Right DOCTYPE (aListApart)

• http://www.w3.org/2010/04/xhtml10-strict.html
• http://www.w3.org/TR/html401/sgml/entities.html
• http://validator.w3.org

• HTML and CSS
• Web Servers and FTP
• Project 1 Assigned

HTML & CSS

1. (If you chose HTML Dog earlier) HTML Dog HTML Beginner Tutorial: Images
2. CSS Intro (all subsections, WestCiv)
3. CSS Selectors (all subsections, WestCiv)
4. CSS Properties (introduction only, WestCiv)

Advanced CSS

1. CSS Positioning (Brainjar)
2. CSS Slicing Guide
3. CSS Design: Going to Print (aListApart)
4. Creating Sexy Stylesheets (ThinkVitamin)

FTP

1. How does the Internet work? (Opera)
2. How Web Servers Work (HowStuffWorks.com)
3. FTP: Transfer Your Files (About.com)

• Telnet, SSH, and basic UNIX
• UNIX Paths and Permissions

1. Chapter 3 - Working with Files and Directories from UNIX: The Complete Reference, Second Edition (Books24x7)
2. "Enough Unix for Your Resume: Permissions", from Webmonkey
3. RIT's "Digital Unix Paths" document

• Unix Tutorial 1
• Unix Tutorial 2 (2.1-2.3)
• wikipedia - cd
• wikipedia - ls
• pwd
• /
• .
• ..
• ~
• mkdir
• rmdir
• cp
• mv
• rm
• chmod
• pico
• man

• Page Design, Typography & Color
• More CSS Layouts
• Tables & Frames
• Usability
• HTML5
• Project 2 Assigned

Page Design

1. Web Style Guide, Ch 7: Page Design
2. Web Style Guide, Ch 8: Typography
3. Color Tools for the Design Impaired
4. Commonly Available Fonts
5. HTML Color Codes

Tables and Frames

1. W3 Schools: HTML Tables
2. W3 Schools: HTML Frames

Usability

1. How we really use the Web (Steve Krug), a chapter from Don't Make Me Think!
2. Ten Most Violated Homepage Design Guidelines (Jakob Nielsen)
3. Web Style Guide, Ch 2: Universal Usability in the Design Process
4. 37 Signals: The Long Road to Simple
5. Trunk Test

HTML5

1. Wikipedia on HTML 5
2. Get Ready for HTML 5 (aListApart)

CSS Layouts

• 2-column Layout
• 2-column Layout Faux Columns
• Elastic Layout
• Holy Grail Layout

Other

• Web Fonts:
  • - w3.org-CSS 3 Fonts
  • - www.fontsquirrel.com
• CSS Rollovers
• Image Maps
• Mobile Stylesheets
• Holmes Start
• Holmes Done
• NavBars
• CSS3 - text-shadow, reflections
• Intro to JavaScript

JavaScript/DOM

Books 24x7

library.rit.edu login through this page.

Books 24x7 - DOM Scripting Chapter 1

Textbook

Nav Bar ICE

• Part A
• B - horizontal01.htm
• B - horizontal02.htm
• B - horizontal03.htm
• B - horizontal05.htm

Tutorials

• List to Nav Bar Tutorial
• Another Nav Bar Tutorial
• Liquid Layout Templates

• More JavaScript
• Intro to Document Object Model

JavaScript/DOM

Books 24x7

library.rit.edu login through this page.

Books 24x7 - DOM Scripting Chapter 2-4

JS References

• Gecko DOM Reference
• W3Schools JavaScript Reference
• W3Schools Browser DOM Reference
• W3C DOM Level 2 Core

Handy DOM Methods

• document.getElementById(id)
• document.getElementsByTagName(tagname)
• document.getElementsByClassName(names)
• element.getAttribute(attributeName)
• element.setAttribute(name, value)

• More JavaScript
• Dynamic Creation of HTML Elements

JavaScript/DOM

Books 24x7

library.rit.edu login through this page.

Books 24x7 - DOM Scripting Chapter 5-7

Project 3

1. ICE: Working on the "JavaScript-powered Dynamic HTML" requirement of Project 3.

• SSI and .htaccess

1. SSI Tutorial (Really-Fine)
2. Comprehensive Guide to .htaccess
3. RIT People.rit.edu guide to .htaccess
4. Custom 404 Error (HTMLSource)

1. gibson SSI Demo
2. commands.txt

• PHP

PHP

1. PHP tutorial (php.net)
2. W3 Schools: PHP Basic through Forms