Books & Videos

Table of Contents

  1. Getting Started

    1. Chapter 1 Where Do I Start?

      1. Where Do I Start?
      2. What Does a Web Designer Do?
      3. What Languages Do I Need to Learn?
      4. What Do I Need to Buy?
      5. What You’ve Learned
      6. Test Yourself
    2. Chapter 2 How the Web Works

      1. The Internet Versus the Web
      2. Serving Up Your Information
      3. A Word About Browsers
      4. Web Page Addresses (URLs)
      5. The Anatomy of a Web Page
      6. Putting It All Together
      7. Test Yourself
    3. Chapter 3 Some Big Concepts You Need to Know

      1. A Dizzying Multitude of Devices
      2. Sticking with the Standards
      3. Progressive Enhancement
      4. Responsive Web Design
      5. One Web for All (Accessibility)
      6. The Need for Speed (Site Performance)
      7. Test Yourself
  2. HTML Markup for Structure

    1. Chapter 4 Creating a Simple Page: (HTML Overview)

      1. A Web Page, Step by Step
      2. Before We Begin, Launch a Text Editor
      3. Step 1: Start with Content
      4. Step 2: Give the Document Structure
      5. Step 3: Identify Text Elements
      6. Step 4: Add an Image
      7. Step 5: Change the Look with a Style Sheet
      8. When Good Pages Go Bad
      9. Validating Your Documents
      10. Test Yourself
      11. Element Review: Document Structure
    2. Chapter 5 Marking Up Text

      1. Paragraphs
      2. Headings
      3. Lists
      4. More Content Elements
      5. Organizing Page Content
      6. The Inline Element Roundup
      7. Generic Elements (div and span)
      8. Some Special Characters
      9. Putting It All Together
      10. Test Yourself
      11. Element Review: Text
    3. Chapter 6 Adding Links

      1. The href Attribute
      2. Linking to Pages on the Web
      3. Linking Within Your Own Site
      4. Targeting a New Browser Window
      5. Mail Links
      6. Telephone Links
      7. Test Yourself
      8. Element Review: Links
    4. Chapter 7 Adding Images

      1. First, a Word on Image Formats
      2. The img Element
      3. A Window in a Window
      4. Test Yourself
      5. Element Review: Images
    5. Chapter 8 Table Markup

      1. How Tables Are Used
      2. Minimal Table Structure
      3. Table Headers
      4. Spanning Cells
      5. Table Accessibility
      6. Wrapping Up Tables
      7. Test Yourself
      8. Element Review: Tables
    6. Chapter 9 Forms

      1. How Forms Work
      2. The form Element
      3. Variables and Content
      4. The Great Form Control Roundup
      5. Form Accessibility Features
      6. Form Layout and Design
      7. Test Yourself
      8. Element Review: Forms
    7. Chapter 10 What’s Up, HTML5?

      1. A Funny Thing Happened on the Way to XHTML 2
      2. In the Markup Department
      3. Meet the APIs
      4. Video and Audio
      5. Canvas
      6. Final Word
      7. Test Yourself
  3. CSS for Presentation

    1. Chapter 11 Cascading Style Sheets Orientation

      1. The Benefits of CSS
      2. How Style Sheets Work
      3. The Big Concepts
      4. Moving Forward with CSS
      5. Test Yourself
    2. Chapter 12 Formatting Text: (Plus More selectors)

      1. The Font Properties
      2. Changing Text Color
      3. A Few More Selector Types
      4. Text Line Adjustments
      5. Underlines and Other “Decorations”
      6. Changing Capitalization
      7. Spaced Out
      8. Text Shadow
      9. Changing List Bullets and Numbers
      10. Test Yourself
      11. CSS Review: Font and Text Properties
    3. Chapter 13 Colors and Backgrounds: (Plus Even More Selectors and External Style Sheets)

      1. Specifying Color Values
      2. Foreground Color
      3. Background Color
      4. Playing with Opacity
      5. Introducing...Pseudo-Class Selectors
      6. Pseudo-Element Selectors
      7. Attribute Selectors
      8. Background Images
      9. The Shorthand background Property
      10. Like a Rainbow (Gradients)
      11. Finally, External Style Sheets
      12. Test Yourself
      13. CSS Review: Color and Background Properties
    4. Chapter 14 Thinking Inside the Box: (Padding, Borders, and Margins)

      1. The Element Box
      2. Specifying Box Dimensions
      3. Padding
      4. Borders
      5. Margins
      6. Assigning Display Roles
      7. Adding Drop Shadows to Boxes
      8. Test Yourself
      9. CSS Review: Basic Box Properties
    5. Chapter 15 Floating and Positioning

      1. Normal Flow
      2. Floating
      3. Positioning Basics
      4. Relative Positioning
      5. Absolute Positioning
      6. Fixed Positioning
      7. Test Yourself
      8. CSS Review: Floating and Positioning Properties
    6. Chapter 16 Page Layout with CSS

      1. Page Layout Strategies
      2. Page Layout Techniques
      3. Multicolumn Layouts Using Floats
      4. Positioned Layout
      5. Top-to-Bottom Column Backgrounds
      6. Test Yourself
    7. Chapter 17 Transitions, Transforms, and Animation

      1. Ease-y Does It (CSS Transitions)
      2. CSS Transforms
      3. Keyframe Animation
      4. Test Yourself
      5. CSS Review: Transitions, Transforms, and Animation
    8. Chapter 18 CSS Techniques

      1. A Clean Slate (CSS Reset)
      2. Image Replacement Techniques
      3. CSS Sprites
      4. Styling Forms
      5. Styling Tables
      6. Basic Responsive Web Design
      7. Wrapping Up Style Sheets
      8. Test Yourself
      9. CSS Review: Table Properties
  4. JavaScript for Behaviors

    1. Chapter 19 Introduction to JavaScript

      1. What Is JavaScript?
      2. Adding JavaScript to a Page
      3. The Anatomy of a Script
      4. The Browser Object
      5. Events
      6. Putting It All Together
      7. Test Yourself
    2. Chapter 20 Using JavaScript

      1. Meet the DOM
      2. Polyfills
      3. JavaScript Libraries
      4. Big Finish
      5. Test Yourself
  5. Creating Web Graphics

    1. Chapter 21 Web Graphics Basics

      1. Image Sources
      2. Meet the Formats
      3. Image Size and Resolution
      4. Working with Transparency
      5. Introduction to SVG
      6. Summing Up Images
      7. Test Yourself
    2. Chapter 22 Lean and Mean Web Graphics

      1. General Image Optimization Strategies
      2. Optimizing GIFs
      3. Optimizing JPEGs
      4. Optimizing PNGs
      5. Optimize to File Size
      6. Optimization in Review
      7. Test Yourself
  1. Appendix Answers

    1. Chapter 1: Where Do I Start?

    2. Chapter 2: How the Web Works

    3. Chapter 3: Some Big Concepts You Need to Know

    4. Chapter 4: Creating a Simple Page (HTML Overview)

    5. Chapter 5: Marking Up Text

    6. Chapter 6: Adding Links

    7. Chapter 7: Adding Images

    8. Chapter 8: Basic Table Markup

    9. Chapter 9: Forms

    10. Chapter 10: What’s Up, HTML5?

    11. Chapter 11: CSS Orientation

    12. Chapter 12: Formatting Text

    13. Chapter 13: Colors and Backgrounds

    14. Chapter 14: Thinking Inside the Box

    15. Chapter 15: Floating and Positioning

    16. Chapter 16: Page Layout with CSS

    17. Chapter 17: Transitions, Transforms, and Animation

    18. Chapter 18: CSS Techniques

    19. Chapter 19: Introduction to JavaScript

    20. Chapter 20: Using JavaScript

    21. Chapter 21: Web Graphics Basics

    22. Chapter 22: Lean and Mean Web Graphics

  2. Appendix CSS3 Selectors

  3. Colophon