| |
| |
Foreword | |
| |
| |
Contributors | |
| |
| |
Technical Reviewers | |
| |
| |
Preface | |
| |
| |
| |
The Web Environment | |
| |
| |
| |
Web Standards | |
| |
| |
What Are Standards? | |
| |
| |
Current Web Standards | |
| |
| |
Standards-Driven Design | |
| |
| |
For Further Reading | |
| |
| |
| |
Designing for a Variety of Browsers | |
| |
| |
Browser History | |
| |
| |
Browser Roll-Call | |
| |
| |
Gathering Usage Statistics | |
| |
| |
Learning from Browser Statistics | |
| |
| |
Dealing with Browser Differences | |
| |
| |
Know Your Audience | |
| |
| |
Test! | |
| |
| |
| |
Designing for a Variety of Displays | |
| |
| |
Designing for Unknown Monitor Resolutions | |
| |
| |
Fixed Versus Liquid Web Pages | |
| |
| |
Designing "Above the Fold" | |
| |
| |
Mobile Devices | |
| |
| |
| |
A Beginner's Guide to the Server | |
| |
| |
Servers 101 | |
| |
| |
Unix Directory Structures | |
| |
| |
File Naming Conventions | |
| |
| |
Uploading Documents (FTP) | |
| |
| |
File (MIME) Types | |
| |
| |
| |
Accessibility | |
| |
| |
Types of Disabilities | |
| |
| |
Overview of Assistive Technology | |
| |
| |
Who Is Responsible for Accessibility? | |
| |
| |
Web Content Accessibility Guidelines | |
| |
| |
Web Content Accessibility Guidelines 2.0 (WCAG 2.0) | |
| |
| |
Standards Variations and Section 508 | |
| |
| |
Web Accessibility Techniques | |
| |
| |
Testing for Accessibility | |
| |
| |
| |
Internationalization | |
| |
| |
Character Sets and Encoding | |
| |
| |
Character References | |
| |
| |
Language Features | |
| |
| |
Style Sheets Language Features | |
| |
| |
For Further Reading | |
| |
| |
| |
The Structural Layer: XML and (X)HTML | |
| |
| |
| |
Introduction to XML | |
| |
| |
XML Basics | |
| |
| |
How It Works | |
| |
| |
XML Document Syntax | |
| |
| |
Well-Formed XML | |
| |
| |
Document Type Definition (DTD) | |
| |
| |
XML Namespaces | |
| |
| |
XML on the Web | |
| |
| |
Web-Related XML Applications | |
| |
| |
Where to Learn More | |
| |
| |
| |
HTML and XHTML Overview | |
| |
| |
The Role of HTML | |
| |
| |
Markup Basics | |
| |
| |
Introduction to XHTML | |
| |
| |
Which Standard Is Right for You? | |
| |
| |
Well-Formed XHTML | |
| |
| |
Web Authoring Tools | |
| |
| |
Good Authoring Practices | |
| |
| |
| |
Document Structure | |
| |
| |
Minimal Document Structure | |
| |
| |
Document Type Declaration | |
| |
| |
The Root Element | |
| |
| |
The Document Header | |
| |
| |
The Document Body | |
| |
| |
| |
Text Elements | |
| |
| |
Choosing Text Elements | |
| |
| |
The Building Blocks of Content | |
| |
| |
Inline Elements | |
| |
| |
Deleted and Inserted Text | |
| |
| |
Generic Elements (div and span) | |
| |
| |
Lists | |
| |
| |
Presentational Elements | |
| |
| |
Character Entity References | |
| |
| |
| |
Creating Links | |
| |
| |
Simple Hypertext Links | |
| |
| |
Linking Within a Document | |
| |
| |
Targeting Windows | |
| |
| |
Alternative Protocols | |
| |
| |
Linking Documents with link | |
| |
| |
| |
Images and Objects | |
| |
| |
Inline Images | |
| |
| |
Image Maps | |
| |
| |
Embedded Media | |
| |
| |
Java Applets | |
| |
| |
Inline (Floating) Frames | |
| |
| |
| |
Tables | |
| |
| |
Table Uses | |
| |
| |
Basic Table Structure | |
| |
| |
Row Groups | |
| |
| |
Columns and Column Groups | |
| |
| |
Table Presentation | |
| |
| |
Accessible Tables | |
| |
| |
Responsible Layout Tables | |
| |
| |
| |
Frames | |
| |
| |
Introduction to Frames | |
| |
| |
Basic Frameset Structure | |
| |
| |
Frame Function and Appearance | |
| |
| |
Targeting Frames | |
| |
| |
Frame Design Tips and Tricks | |
| |
| |
| |
Forms | |
| |
| |
The Basic Form Element | |
| |
| |
Form Controls | |
| |
| |
Accessibility Features | |
| |
| |
Disabled and readonly | |
| |
| |
Affecting Form Appearance | |
| |
| |
| |
The Presentation Layer: Cascading Style Sheets | |
| |
| |
| |
Cascading Style Sheets Fundamentals | |
| |
| |
CSS in a Nutshell | |
| |
| |
The Benefits of CSS | |
| |
| |
How CSS Works | |
| |
| |
Rule Syntax | |
| |
| |
Adding Styles to a Document | |
| |
| |
Key Concepts | |
| |
| |
Specifying Values | |
| |
| |
Browser Support | |
| |
| |
For Further Reading | |
| |
| |
| |
Selectors | |
| |
| |
Type (Element) Selector | |
| |
| |
Contextual Selectors | |
| |
| |
Class and ID Selectors | |
| |
| |
Attribute Selectors | |
| |
| |
Pseudoselectors | |
| |
| |
| |
Font and Text Properties | |
| |
| |
Typography on the Web | |
| |
| |
Font Family | |
| |
| |
Font Size | |
| |
| |
Other Font Settings | |
| |
| |
Text Transformation (Capitalization) | |
| |
| |
Text Decoration | |
| |
| |
Line Height | |
| |
| |
Text Alignment Properties | |
| |
| |
Text Spacing | |
| |
| |
Text Direction | |
| |
| |
| |
Basic Box Properties | |
| |
| |
The Box Model, Revisited | |
| |
| |
Width and Height | |
| |
| |
Margins | |
| |
| |
Borders | |
| |
| |
Padding | |
| |
| |
| |
Color and Backgrounds | |
| |
| |
Foreground Color | |
| |
| |
Background Color | |
| |
| |
Background Images | |
| |
| |
| |
Floating and Positioning | |
| |
| |
Normal Flow | |
| |
| |
Floating | |
| |
| |
Positioning Basics | |
| |
| |
Absolute Positioning | |
| |
| |
Fixed Positioning | |
| |
| |
Relative Positioning | |
| |
| |
| |
CSS for Tables | |
| |
| |
The Essence of Tables | |
| |
| |
Styling Tables | |
| |
| |
Borders | |
| |
| |
Table Layout (Width and Height) | |
| |
| |
Table Display Values | |
| |
| |
| |
Lists and Generated Content | |
| |
| |
CSS for Lists | |
| |
| |
Generated Content | |
| |
| |
| |
CSS Techniques | |
| |
| |
Centering a Page | |
| |
| |
Two-Column Layouts | |
| |
| |
Three-Column Layouts | |
| |
| |
Boxes with Rounded Corners | |
| |
| |
Image Replacement | |
| |
| |
CSS Rollovers | |
| |
| |
List-Based Navigation Bars | |
| |
| |
CSS Techniques Resources | |
| |
| |
| |
Managing Browser Bugs: Workarounds, Hacks, and Filters | |
| |
| |
Working with "Troubled" Browsers | |
| |
| |
The Browsers | |
| |
| |
Hack and Workaround Management 101 | |
| |
| |
| |
The Behavioral Layer: JavaScript and the DOM | |
| |
| |
| |
Introduction to JavaScript | |
| |
| |
A Little Background | |
| |
| |
Using JavaScript | |
| |
| |
JavaScript Syntax | |
| |
| |
Event Handling | |
| |
| |
The Browser Object | |
| |
| |
Where to Learn More | |
| |
| |
| |
DOM Scripting | |
| |
| |
A Sordid Past | |
| |
| |
Out of the Dark Ages | |
| |
| |
The DOM | |
| |
| |
Manipulating Documents with the DOM | |
| |
| |
Working with Style | |
| |
| |
DOM Scripting in Action | |
| |
| |
Supplement: Getting Started with Ajax | |
| |
| |
| |
Web Graphics | |
| |
| |
| |
Web Graphics Overview | |
| |
| |
Web Graphic File Formats | |
| |
| |
Image Resolution | |
| |
| |
Color on the Web | |
| |
| |
Web Graphics Production Tips | |
| |
| |
| |
GIF Format | |
| |
| |
8-Bit Indexed Color | |
| |
| |
LZW Compression | |
| |
| |
Interlacing | |
| |
| |
Transparency | |
| |
| |
Minimizing GIF File Sizes | |
| |
| |
Designing GIFs with the Web Palette | |
| |
| |
| |
JPEG Format | |
| |
| |
24-Bit Color | |
| |
| |
JPEG Compression | |
| |
| |
Progressive JPEGs | |
| |
| |
Creating JPEGs | |
| |
| |
Minimizing JPEG File Size | |
| |
| |
| |
PNG Format | |
| |
| |
When to Use PNGs | |
| |
| |
PNG Features | |
| |
| |
Platform/Browser Support | |
| |
| |
Creating PNG Files | |
| |
| |
PNG Optimization Strategies | |
| |
| |
For Further Reading | |
| |
| |
| |
Animated GIFs | |
| |
| |
How They Work | |
| |
| |
Using Animated GIFs | |
| |
| |
Tools | |
| |
| |
Creating Animated GIFs | |
| |
| |
Optimizing Animated GIFs | |
| |
| |
| |
Media | |
| |
| |
| |
Audio on the Web | |
| |
| |
Basic Digital Audio Concepts | |
| |
| |
Using Existing Audio | |
| |
| |
Preparing Your Own Audio | |
| |
| |
Streaming Audio | |
| |
| |
Audio Formats | |
| |
| |
Choosing an Audio Format | |
| |
| |
Adding Audio to a Web Page | |
| |
| |
| |
Video on the Web | |
| |
| |
Basic Digital Video Concepts | |
| |
| |
Compression | |
| |
| |
Video File Formats | |
| |
| |
Adding Video to an HTML Document | |
| |
| |
| |
The Flash Platform | |
| |
| |
Using Flash on Web Pages | |
| |
| |
Creating Flash Movies | |
| |
| |
ActionScript | |
| |
| |
Adding Flash to a Web Page | |
| |
| |
Integrating Flash with Other Technologies | |
| |
| |
The Flash Player | |
| |
| |
Flash Resources | |
| |
| |
| |
Printing from the Web | |
| |
| |
Browser Print Mechanisms | |
| |
| |
Cascading Style Sheets for Print | |
| |
| |
Portable Document Format (PDF) | |
| |
| |
Flash Printing | |
| |
| |
| |
Appendixes | |
| |
| |
| |
HTML Elements and Attributes | |
| |
| |
| |
CSS 2.1 Properties | |
| |
| |
| |
Character Entities | |
| |
| |
| |
Specifying Color | |
| |
| |
| |
Microformats: Extending (X)HTML | |
| |
| |
Glossary | |
| |
| |
Index | |