O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

The Essential Guide to HTML5 and CSS3 Web Design

The Essential Guide to HTML5 and CSS3 Web Design

by Victor Sumner, Dionysios Synodinos, Craig Grannell
Publisher: friends of ED
Release Date: July 2012
ISBN: 9781430237860
View table of contents
Start reading

Book Description

The Essential Guide to HTML5 and CSS3 Web Design has been fully revised from its critically acclaimed first edition, and updated to include all of the new features and best practices of HTML5 and CSS3. This book reveals all you'll need to design great web sites that are standards-compliant, usable, and aesthetically pleasing, but it won't overwhelm you with waffle, theory, or obscure details!

You will find The Essential Guide to HTML5 and CSS3 Web Design invaluable at any stage of your career, with its mixture of practical tutorials and reference material. Beginners will quickly pick up the basics, while more experienced web designers and developers will keep returning to the book again and again to read up on techniques they may not have used for a while, or to look up properties, attributes and other details. This book is destined to become a close friend, adopting a permanent place on your desk.

The Essential Guide to HTML5 and CSS3 Web Design starts off with a brief introduction to the web and web design, before diving straight in to HTML5 and CSS3 basics, reusing code, and other best practices you can adopt. The book then focuses on the most important areas of a successful web site: typography, images, navigation, tables, layouts, forms and feedback (including ready-made PHP scripts) and browser quirks, hacks and bugs.

The Essential Guide to HTML5 and CSS3 Web Design is completely up-to-date, covering support of the newest standards in all the latest browsers, including IE 9 and Firefox 4. The last chapter of the book provides several case studies to dissect and learn from, including all the most popular web site archetypes—a blog, a store front, a corporate home page, and an online gallery. You'll also appreciate several detailed reference appendices covering CSS, HTML, color references, entities, and more—any details you need to look up will be close at hand.

Table of Contents

  1. Title
  2. Dedication
  3. Contents at a Glance
  4. Contents
  5. About the Authors
  6. About the Technical Reviewer
  7. About the Cover Image Artist
  8. Acknowledgments
  9. Introduction
  10. Chapter 1: An Introduction to Web Design
    1. A brief history of the Internet
    2. Why create a website?
    3. Audience requirements
    4. Web design overview
    5. Introducing HTML5
    6. Introducing CSS
    7. Creating boilerplates
    8. Working with website content
  11. Chapter 2: Web Page Essentials
    1. Starting with the essentials
    2. HTML vs. XHTML
    3. Document defaults
    4. The head section
    5. The body section
    6. Web page backgrounds
    7. Closing your document
    8. Naming your files
    9. Commenting your work
    10. Quickly testing your code
    11. Web page essentials checklist
  12. Chapter 3: Working With Type
    1. An introduction to typography
    2. Styling text the old-fashioned way (or, why we hate font tags)
    3. A new beginning: semantic markup
    4. Styling text using CSS
    5. Working with lists
  13. Chapter 4: Working With Images
    1. Introduction
    2. Color theory
    3. Choosing formats for images
    4. Common web image gaffes
    5. Working with images in HTML
    6. Using CSS when working with images
  14. Chapter 5: Using Links and Creating Navigation
    1. Introduction to web navigation
    2. Navigation types
    3. Creating and styling web page links
    4. Absolute links
    5. Links and images
    6. Enhancing links with JavaScript
    7. Creating navigation bars
    8. The dos and don’ts of web navigation
  15. Chapter 6: Tables: How Nature (and the W3C) Intended
    1. The great table debate
    2. How tables work
    3. Creating accessible tables
    4. Styling a table
    5. Tables for layout
  16. Chapter 7: Page Layouts with CSS
    1. Layout for the Web
    2. Workflow for CSS layouts
    3. CSS layouts: a single box
    4. Nesting boxes: boxouts
    5. Advanced layouts with multiple boxes and columns
    6. Scrollable content areas
  17. Chapter 8: Getting User Feedback
    1. Introducing user feedback
    2. Working with forms
    3. CSS styling and layout for forms
    4. Sending feedback
    5. A layout for contact pages
    6. Using microformats to enhance contact information
    7. Contact details structure redux
  18. Chapter 9: Dealing with Browser Quirks
    1. The final test
    2. Weeding out common errors
    3. A browser test suite
    4. Dealing with Internet Explorer bugs
    5. Supporting legacy browsers
  19. Chapter 10: Putting Everything Together
    1. Putting the pieces together
    2. Managing style sheets
    3. Creating a portfolio layout
    4. Creating a business website
    5. Creating a blog layout
    6. Working with style sheets for print
  20. Appendix A: An HTML5 reference
    1. Standard attributes
    2. Event attributes
    3. HTML5 elements and attributes
  21. Appendix B: Web Color Reference
    1. Color values
    2. Color names
  22. Appendix C: ENTITIES reference
    1. Characters used in HTML5
    2. Punctuation characters and symbols
    3. Characters for European languages
    4. Currency signs
    5. Mathematical, technical, and Greek characters
    6. Arrows, lozenge, and card suits
    7. Converting the nonstandard Microsoft set
  23. Appendix D: CSS Reference
    1. The CSS box model
    2. Common CSS values
    3. CSS properties and values
    4. Basic selectors
    5. Pseudo-classes
    6. Pseudo-elements
    7. CSS boilerplates and management
  24. Index