| |
| |
| 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 | |