Resources
Books
HTML, XHTML, and CSS, Sixth Edition
by Elizabeth Castro
Web Design in a Nutshell: A Desktop Quick Reference (In a Nutshell (O’Reilly))
by Jennifer Niederst
by Chuck Musciano and Bill Kennedy
HTML & XHTML Pocket Reference: Quick, Comprehensive, Indispensible (Pocket Reference (O’Reilly))
Web Development and Design Foundations with XHTML
By Terry Felke-Morris
Learning Web Design: A Beginner’s Guide to (X)HTML, StyleSheets, and Web Graphics 3rd Edition. O’Reilly Media, 2007.
By Jennifer Niederst Robbins (O’Reilly)
Don’t Make Me Think! A Common Sense Approach to Web Usability
by Steve Krug
CSS Mastery: Advanced Web Standards Solutions
by Andy Budd
CSS: The Definitive Guide
by Eric A. Meyer
Dreamweaver CS5: The Missing Manual
by David Sawyer McFarland
Web sites
Jakob Nielsen: Useit.com (usability guru)
How to create your own custom theme in WordPress
How to Size Text in CSS – Alistapart.com
Tutorials
- W3C Schools HTML
- W3C Schools XHTML
- W3C Schools CSS
- HTML.net HTML tutorial
- HTML.net CSS tutorial
- Tutorial on positioning
Tools
- W3C HTML validator
- Validates your HTML code
- W3C CSS validator
- Validates your CSS code
Downloads
FTP programs
for the PC: WS_FTP LE download here
for the Mac: Fetch download here
Editors
For the Mac:
Bbedit (full version, 30 day trial)
For the PC:
Graphics tools and references
References:
Online optimizers:
Code Examples:
Sticky footer, plain vanilla:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<style>
* { margin: 0; }
html, body { height: 100%; }
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -42px; /* the bottom margin is the negative value of the footer’s height */
}
.footer, .push { height: 42px; /* .push must be the same height as .footer */
/*
Sticky Footer by Ryan Fait
|http://ryanfait.com/
*/</style>
</head>
<body>
<div class=”wrapper”>
<!– put all body content here –>
<div class=”push”></div>
</div>
<div class=”footer”>FOOTER HERE</div>
</body>
</html>
Take control of technology!
All photographs taken on location by A. E. Shroeder
TIP
Has someone been dipping their hand in your cookie jar? Search for copies of your web site on the web (is someone using your content without your permission?)
