Web Design In A Nutshell A Desktop Quick Reference

Jennifer Niederst Robbins O'Reilly Media 3 edition (Feb. 1, 2006) ISBN

What’s in the Book

This Nutshell book focuses on front end matters of web design and development: markup, style sheets, image production, multimedia, and so on. The book is divided into six parts (plus appendixes), each covering a general subject area.

What’s in the Book Part I The Web Environment Part II The Structural Layer: XML and (X)HTML Part III The Presentation layer: Cascading Style Sheets Part IV The Behavioral Layer: JavaScript and the DOM Part V Web Graphics Part Vl Media

Part I: The Web Environment 1. Web Standards 2. Designing for a Variety of Browsers 3. Designing for a Variety of Displays 4. A Beginner’s Guide to the Server 5. Accessibility 6. Internationalization

1. Web Standards What Are Standards? Current Web Standards Standards-Driven Design For Further Reading Part I

2. 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! Part I

3. Designing for a Variety of Displays Designing for Unknown Monitor Resolutions Fixed Versus Liquid Web Pages Designing "Above the Fold” Mobile Devices Part I

4. A Beginner’s Guide to the Server Sewers 101 Unix Directory Structures File Naming Conventions Uploading Documents (FTP) File (MIME) Types Part I

5. 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 Part I

6. Internationalization Character Sets and Encoding Character References Language Features Style Sheets Language Features For Further Reading Part I

Part II. The Structural Layer: XML and (X)HTML 7. Introduction to XML 8. HTML and XHTML Overview 9. Document Structure 10. Text Elements 11. Creating links 12. Images and Objects 13. Tables 14. Frames 15. Forms

7. 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 Part II

8. 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 Part II

9. Document Structure Minimal Document Structure Document Type Declaration The Root Element The Document Header The Document Body Part II

10. 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 Part II

11. Creating links Simple Hypertext Links Linking Within a Document Targeting Windows Alternative Protocols Linking Documents with link Part II

12. Images and Objects Inline Images Image Maps Embedded Media Java Applets Inline (Floating) Frames Part II

13. Tables Table Uses Basic Table Structure Row Groups Columns and Column Groups Table Presentation Accessible Tables Responsible Layout Tables Part II

14. Frames Introduction to Frames Basic Frameset Structure Frame Function and Appearance Targeting Frames Frame Design Tips and Tricks Part II

15. Forms The Basic Form Element Form Controls Accessibility Features Disabled and readonly Affecting Form Appearance Part II

Part III The Presentation layer: Cascading Style Sheets 16. Cascading Style Sheets Fundamentals 17. Selectors 18. Font and Text Properties 19. Basic Box Properties 20. Color and Backgrounds 21. Floating and Positioning 22. CSS for Tables 23. Lists and Generated Content 24. CSS Techniques 25. Managing Browse Bugs: Work arrounds, Hacks, and Filters

16. 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 Part III

17. Selectors Type (Element) Selector Contextual Selectors Class and ID Selectors Attribute Selectors Pseudo selectors Part III

18. 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 Part III

19. Basic Box Properties The Box Model, Revisited Width and Height Margins Borders Padding Part III

20. Color and Backgrounds Foreground Color Background Color Background Images Part III

21. Floating and Positioning Normal Flow Floating Positioning Basics Absolute Positioning Fixed Positioning Relative Positioning Part III

22. CSS for Tables The Essence of Tables Styling Tables Borders Table Layout (Width and Height) Table Display Values Part III

23. Lists and Generated Content Css for Lists Generated Content Part III

24. 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 Part III

25. Managing Browse Bugs: Work arrounds, Hacks, and Filters Working with "Troubled" Browsers The Browsers Hack and Work arround Management 101 Part III

Part IV. The Behavioral Layer: JavaScript and the DOM 26. Introduction to JavaScript 27. DOM Scripting

26. Introduction to JavaScript A Little Background Using JavaScript JavaScript Syntax Event Handling The Browser Object Where to Learn More Part IV

27. 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 Part IV

Part V. Web Graphics 28. Web Graphics Overview 29. GIF Format 30. JPEG Format. 31. PNG Format 32. Animated GIFs

28. Web Graphics Overview Web Graphic File Formats Image Resolution Color on the Web Web Graphics Production Tips Part V

29. GIF Format 8-Bit Indexed Color LZW Compression Interlacing Transparency Minimizing GIF File Sizes Designing GIFs with the Web palette Part V

30. JPEG Format 24-Bit Color JPEG Compression Progressive JPEGs Creating JPEGs Minimizing JPEG File Size Part V

31. PNG Format When to Use PNGs PNG Features Platform/Browser Support Creating PNG Files PNG Optimization Strategies For Further Reading Part V

32. Animated GIFs How They Work Using Animated GIFs Tools Creating Animated GIFs Optimizing Animated GIFs Part V

Part Vl. Media 33. Audio on the Web 34. Video on the Web 35. The Flash Platform 36. Printing from the Web

33. 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 Part VI

34. Video on the Web Basic Digital Video Concepts Compression Video File Formats Adding Video to an HTML Document Part VI

35. The Flash Platform Using Flash on Web Pages Creating Flash Movies Action Script Adding Flash to a Web Page Integrating Flash with Other Technologies The Flash Player Flash Resources Part VI

36. Printing from the Web Browser Print Mechanisms Cascading Style Sheets for Print Portable Document Format (PDF) Flash Printing Part VI

Part VII. Appendixes A. HTML Elements and Attributes B. CSS2.1 Properties C. Character Entities D. Specifying Color E. Microformats: Extending (X)HTML Glossary Index

Thank you!