CLASS RESOURCES
Start Up Outline | PDF
We will start getting the very basics from this document.
Start Up Handout | PDF
We will use this for your code samples.
ONLINE RESOURCES
World Wide Web Consortium
Web standards and active discussion.
W3Schools
Full tutorials for building all aspects of web media.
CSS Zen Garden
A powerful display of how to make Style Sheets bring your HTML pages to life.
Delicious
An online bookmark utility that has become industry standard.
A List Apart | Code
An online publication that details the practices of content creators and how to best use the web an it's available resources.
BOOKS
Head First Labs/HTML
Friendly HTML how-to books published by O'Reilly.
Cookwood Press
HTML how-to books and resource guides by Elizabeth Castro.
TOOLS
BBEdit
The leading professional HTML and text editor for the Macintosh.
XScope
A great tool for getting and controlling all visual elements on the screen.
CSS Edit
Dynamic Style Sheet authoring software that speeds up the process of how we work with and preview CSS.
Typetester
An online tool that shows how type displays in various sizes, spacing and color.
Fetch
An easy-to-use, full-featured FTP and SFTP client for the Apple Macintosh.
Boxer
a full-featured text editor for Windows that's easy to use, but sufficiently powerful for even the most complex text editing tasks.
Filezilla
A free and easy-to-use, FTP client for Windows Vista.
CLASS POINTS | HTML | 5.25.09
Review Curriculum and Resources
File Management
Notepad
Intro Exercise
Tag, Element, Attribute, Value
HTML and The Browser
W3C Schools
Adding Links
Adding Images
Formatting Text
Tables
Lists
Colors
HTML Quiz | PDF
CLASS POINTS | CSS | 6.1.09
HTML Quiz
Styles Intro
Syntax
Selectors
Comments
External. Internal and Inline Styles
Examples
Background
Text
Font Properties
Borders
Outline Properties
Positioning
PROJECT DETAILS
The attached PDF contains a set of page designs. Based on these designs, create a multi-page website using HTML and CSS that links together using the navigation displayed on the left column. All of the images to create these pages can be clicked and saved from the links below.
Project Comps | PDF
Project Images
LOGO
LARGE BASEBALL
SMALL BASEBALL
VASE
HAT
NOISE MAKER
SHEMP
BACKGROUND IMAGE