Introduction to Web Design

Introduction to Web Design

Your First Web Page

Video Segment	Code/Notes
Basic HTML
Validation	tplt.html validate.html

Adding CSS

Video Segment	Code/Notes
Colors in CSS	Color Demo
Fonts in CSS	Font Notes Font Demo

Introduction to Binary

Video Segment	Code/Notes
Intro to Binary	Number Systems.ppt binlights.html legomover.html
Binary to Base 10 Conv.
Octal and Hexadecimal

Internet Addressing

Video Segment	Code/Notes
Internet Addressing	Protocols.ppt Online Article (LAN) InternetMagic.html
Other Protocols

Learning About Linux

Video Segment	Code/Notes
Overview of Unix	Unix.ppt
Basic Unix Commands
Permissions
Extending Unix Commands

Color and Images

Video Segment	Code/Notes
Science of Color	ScienceOfColor.ppt Color Applets
Creating Images
Gif (Transparency)	Images.ppt

Learning Emacs

Video Segment	Code/Notes
Emacs	Emacs.ppt guide to emacs
Emacs: Files, Windows, Buffers

XHTML Images, Links, and Lists

Video Segment	Code/Notes
Images	image notes twoPi.jpg bgPattern1.jpg bgPattern2.jpg bgPattern3.jpg
Links	link notes new page
Lists	list notes list demo

Layout with CSS

Video Segment	Code/Notes
Borders and the Box Layout	Box / Border notes Box / Border demo boxModel.gif
CSS Layout with Float	Float Layout notes Float Layout Demo Diagram of layout
Buttons in CSS	Button notes Vertical button demo Horizontal button demo

Tables

Video Segment	Code/Notes
Basic Tables	basicTable.html TableBasics.ppt

Managing CSS

Video Segment	Code/Notes
CSS Levels	CSS Levels notes globalStyle.html myStyle.css second.html
Cross-Browser CSS	Cross-Browser Notes CSS Buttons Improved CSS Buttons

Multimedia

Video Segment	Code/Notes
Adding Audio	AddingSound.ppt soundEffects.html
Multimedia With Flash	plane.html
Multimedia with Wax	waxPlane.html debugmode.com
Basic Image Swapping	imageSwap.html
Rollover Buttons	mouseOver.html
Extending HTML	cgispy.com dynamicdrive.com