You are previewing The Complete Idiot's Guide® To HTML5 and CSS3.
O'Reilly logo
The Complete Idiot's Guide® To HTML5 and CSS3

Book Description

What's next for web developers who want creative, competitive sites.

The newest revision of HTML (HyperText Markup Language), the primary markup language for most of the content on the web. It's a major update that incorporates video playback, animation, and drag & drop. CSS3 is the latest version of Cascading Style Sheets, a style sheet language that is used in conjunction with HTML to enhance the presentation of web content. The Complete Idiot's Guide(r) to HTML5 and CSS3 provides both new and existing web developers with the tools they need to code and design the web content people increasingly expect to see when they open their browser of choice to surf the web.

• Apple's decision to support HTML5 instead of Adobe Flash on the iPhone and iPad is expected to increase the transition to HTML5/CSS3.

• Includes a 16-page color insert.

Table of Contents

  1. Title Page
  2. Dedication
  3. Copyright Page
  4. Introduction
  5. Part 1 - Getting Started with HTML and CSS
    1. Chapter 1 - Laying the Groundwork
      1. Exploring Your Website Hosting Options
      2. Creating an Account … and Paying for It
      3. Becoming Master of Your Own Domain (Name)
      4. Poking Around in Your Hosting Service’s Control Panel
      5. Getting Your @yourdomain.com E-Mail Address
      6. Ya Gotta Know How to FTP
      7. The Least You Need to Know
    2. Chapter 2 - Grasping HTML and CSS Basics
      1. What Is HTML, Anyway?
      2. Checking Out All You Can Do with HTML
      3. Adding Style and Grace with CSS
      4. The Next Generation: Stepping Up to HTML5 and CSS3
      5. The Least You Need to Know
    3. Chapter 3 - Making Your Job Easier with a CMS
      1. Sampling Web Page Authoring Options
      2. Checking Out What Your Hosting Provider Offers
      3. Logging In and Out of Your CMS
      4. Giving Your Site a Makeover with a Different Theme
      5. Adding Content to Your Site
      6. Exploring Other CMS Features, Options, and Settings
      7. The Least You Need to Know
  6. Part 2 - Authoring Pages and Posts with HTML
    1. Chapter 4 - Creating a Bare-Bones Web Page
      1. Brushing Up on HTML and XHTML Fundamentals
      2. Creating a Web Page Skeleton
      3. Tossing In a Few Headings
      4. Inserting Paragraphs and Line Breaks
      5. Emphasizing Text with Phrase Tags: <em>, <strong>, and More
      6. Inserting Horizontal Lines … or Not
      7. ©, ®, ™, and Other Unusual Characters
      8. Putting the Meta in HTML
      9. Note to Self: Adding Hidden Comments
      10. Adding Form and Function with HTML5 Structure Tags
      11. The Unveiling: Viewing Your Page in a Browser
      12. The Least You Need to Know
    2. Chapter 5 - Breaking Up Text with Lists and Quotes
      1. Building Lists
      2. Making a List of Terms and Definitions
      3. Setting Off Text as a Blockquote
      4. Adding a Few Special HTML5 Elements
      5. The Least You Need to Know
    3. Chapter 6 - Inserting Links and Interactive Elements
      1. Understanding URLs: Addresses in Cyberspace
      2. Transforming Text into Links
      3. Contact Us: Inserting an E-Mail (mailto:) Link
      4. The Least You Need to Know
    4. Chapter 7 - Adding Photos and Other Graphics
      1. Prepping Photos: Adjusting Quality and Size
      2. Putting Your Images on the Web
      3. Inserting an Image into a Page or Post
      4. Transforming an Image into a Clickable Link
      5. Getting Creative with Scalable Vector Graphics
      6. The Least You Need to Know
    5. Chapter 8 - Enhancing Your Page with Audio and Video
      1. Roll ’Em! Adding Video to a Web Page
      2. Making Your Site Sing with Audio Clips
      3. The Least You Need to Know
    6. Chapter 9 - Tabling Your Text in Rows and Columns
      1. Building a Table from the Top Down
      2. Table and Cell Formatting No-No’s
      3. Structuring an Entire Web Page with a Table
      4. The Least You Need to Know
  7. Part 3 - Formatting and Layout with CSS Styles
    1. Chapter 10 - Wrapping Your Brain Around CSS
      1. Starting with a Theme
      2. Deconstructing Style Rules
      3. Applying Styles: External, Internal, and Inline
      4. Targeting Elements to Format with Selectors
      5. Grouping and Nesting Selectors
      6. Specifying Dimensions: Pixels, Percentages, and More
      7. Adding Comments: FYI Only
      8. Understanding How This Cascading Thing Works
      9. The Least You Need to Know
    2. Chapter 11 - Saving Time with a CSS Theme
      1. What Is a CSS Theme?
      2. Finding and Trying on Different Themes
      3. Personalizing the Theme
      4. Identifying Styles at Work: Behind the Scenes
      5. The Least You Need to Know
    3. Chapter 12 - Giving Your Text a Makeover
      1. Applying Font Formatting
      2. Applying Text Formatting
      3. The Least You Need to Know
    4. Chapter 13 - Adding a Splash of Color
      1. Taking a Spin on the Color Wheel
      2. Coming Up with an Attractive Color Scheme
      3. Converting Colors into Codes
      4. Applying Color in CSS
      5. The Least You Need to Know
    5. Chapter 14 - Formatting Margins and Lists
      1. Taking Control of Paragraphs and Other Text-Based Elements
      2. Choosing a Bullet Style for Unordered Lists
      3. Using an Image as the List Item Marker
      4. Choosing a Value for Ordered Lists
      5. The Least You Need to Know
    6. Chapter 15 - Jazzing Up Hyperlinks
      1. Using Pseudo Classes to Apply Styles Dynamically
      2. Choosing Link Properties to Modify
      3. Styling Images Used as Hyperlinks
      4. The Least You Need to Know
    7. Chapter 16 - Packing Stuff in Boxes
      1. Comprehending the CSS Box Model
      2. Wrapping a Border Around Your Box
      3. Adding an Outline … Outside the Border
      4. Adding Space Around Stuff Inside and Outside Your Box
      5. Coloring the Box’s Background
      6. Adding an Artistic Touch with a Background Image
      7. Dealing with Text Overflow and Wrapping
      8. The Least You Need to Know
    8. Chapter 17 - Arranging and Rearranging Items on a Page
      1. Specifying a Positioning Type
      2. Overlapping Elements for a Layered Effect
      3. Floating Elements: It’s Not What You Think
      4. The Least You Need to Know
    9. Chapter 18 - Manipulating Page Layout
      1. Designing Attractive Page Layouts
      2. Drafting Page Layouts with Wireframing Tools
      3. Take It from the Top: The Header
      4. Adding a Horizontal Navigation Bar
      5. Scoping Out Column Layout Options
      6. Creating Newspaper Columns
      7. Using CSS3’s Flexible Box Model
      8. The Least You Need to Know
    10. Chapter 19 - Sprucing Up Your Tables
      1. Targeting Table Elements with Selectors
      2. Controlling the Borders
      3. Specifying Table and Column Widths and Row Height
      4. Aligning Text Within Cells
      5. Adding a Dash of Color
      6. The Least You Need to Know
    11. Chapter 20 - Stepping Up to More Advanced CSS
      1. Executing an Image Rollover
      2. Hiding Stuff with the Display and Visibility Properties
      3. Rotating, Scaling, Moving, and More with CSS Transform
      4. Animating Objects with CSS
      5. Creating a CSS-Only Drop-Down Menu
      6. Creating Printable Versions of Web Pages
      7. Specifying Different Media Types
      8. Styling Text for Speech Synthesis
  8. Part 4 - Making Your Pages More Dynamic and Interactive
    1. Chapter 21 - Gathering Feedback and Other Data with Forms
      1. Wrapping Your Brain Around Forms
      2. Taking the Easier Route
      3. Building a Form by Hand
      4. Spiffing Up Your Form with Some CSS
      5. The Least You Need to Know
    2. Chapter 22 - Getting Up to Speed on jQuery Basics
      1. Loading the jQuery Library
      2. Constructing jQuery Statements
      3. Adding and Removing a Class Attribute
      4. Doing More with jQuery
      5. The Least You Need to Know
    3. Chapter 23 - Transforming Your Page into a Canvas
      1. Prepping Your Canvas
      2. Drawing Lines, Curves, and Basic Shapes
      3. Taking Control of Colors, Line Styles, and Gradients
      4. Adding Other Images to Your Canvas
      5. The Least You Need to Know
  9. Part 5 - Testing and Fine-Tuning Your Site
    1. Chapter 24 - Taking Your Site for a Test Drive
      1. Validating Your Web Pages
      2. Viewing Your Website in Different Browsers
      3. Checking Your Site Accessibility
      4. Dealing with Web Browser Compatibility Issues
      5. The Least You Need to Know
    2. Chapter 25 - Boosting Your Site’s Search Engine Ranking
      1. What Do Search Engines Look For?
      2. Performing an SEO Audit of Your Site
      3. Keying in on Page and Post Titles and Page Content
      4. Implementing a Savvy Linking Strategy
      5. Rolling Out a Sitemap and Robots.txt File
      6. Submitting Your Site for Indexing
      7. SEO Meta Tag Do’s and Don’ts
      8. Using Google Webmaster Tools to Improve SEO
      9. Checking Page Rankings for Specific Keywords
      10. The Least You Need to Know
    3. Chapter 26 - Making Your Pages Load Faster
      1. Testing Web Page Loading Times
      2. Identifying Bottlenecks
      3. Reducing HTTP Requests
      4. Streamlining Images
      5. Adding an HTTP Expires Header
      6. Caching CMS-Generated Pages
      7. Gzipping Components
      8. Moving CSS to Beginning and JavaScript to End
      9. Minifying CSS and JavaScript
      10. The Least You Need to Know
  10. Appendix A
  11. Appendix B - HTML Tags and Attributes Quick Reference
  12. Appendix C - CSS Quick Reference
    1. CSS Properties and Values
    2. Pseudo Classes, Measurements, Colors, and More
  13. Appendix D - HTML Special Characters and Symbols
  14. Index