You are previewing Foundations of Web Design: Introduction to HTML & CSS.
O'Reilly logo
Foundations of Web Design: Introduction to HTML & CSS

Book Description

If you are a beginner who needs a solid grounding in the best practices for creating websites, this book is for you.

Written by innovative curriculum developer and university web instructor Thomas Michaud, this book provides an accessible yet comprehensive look at web design and front-end coding, covering HTML, CSS, design principles and more. You’ll learn HTML semantics, structure, and validation, and how to separate content from design using CSS (levels 1, 2, and 3). Online videos and code examples let you follow along and practice with the code.

Some of the other things you’ll learn about include:

• text elements, links, objects, and tables

• using the box model for background images, padding, borders, and margins

• fixed vs. liquid page layout

• choosing between different navigation models

• creating and styling forms

• interactive design with JavaScript and jQuery

Foundations of Web Design is an indispensable resource to quickly take you from sketching to coding.

Table of Contents

  1. Title Page
  2. Copyright Page
  3. Dedication Page
  4. Acknowledgments
  5. Contents
  6. Welcome to Foundations Of Web Design: HTML & CSS
    1. Who This Book Is For
    2. Objectives
    3. Conventions Used
    4. Requirements
    5. Book + Website = Enhanced Learning
    6. Let’s Get Started
  7. Part 01: The Basics
    1. 01. HTML Foundations
      1. Getting Started
      2. HTML Structure
      3. Head Elements
      4. Body Elements
      5. Wrapping Things Up
    2. 02. Text Elements
      1. Hands On
      2. Outline
      3. Text Headers
      4. Creating Lists
      5. Description Lists
      6. Additional Text Elements
      7. Adding Comments
      8. Further Exploration
      9. Wrapping Things Up
    3. 03. Links & Objects
      1. Links
      2. Objects: Images
      3. Objects: Video
      4. Wrapping Things Up
    4. 04. Tables
      1. Table Element
      2. Wrapping Things Up
    5. 05. CSS: Introduction
      1. The Power of CSS
      2. Selectors
      3. Adding CSS to HTML
      4. Selector Types
      5. Pseudo-classes
      6. Wrapping Things Up
  8. Part 02: Working Together
    1. 06. HTML Attributes
      1. HTML: Class Attribute
      2. CSS: Class Selector
      3. HTML: ID Attribute
      4. CSS: ID Selector
      5. HTML: Role Attribute
      6. CSS: Attribute Selectors
      7. Wrapping Things Up
    2. 07. CSS: Styling Text
      1. Font Properties
      2. Text Properties
      3. Spacing Properties
      4. Website Resources on Font Styles
      5. Color
      6. Wrapping Things Up
    3. 08. The Box Model
      1. Box Dimensions
      2. Background Color
      3. Width, Height, and Overflow
      4. Browser Default Margin & Padding
      5. Wrapping Things Up
  9. Part 03: Layout & Interactivity
    1. 09. Layout Properties
      1. Box Element Review
      2. Float
      3. Position
      4. Z-index
      5. Display
      6. Wrapping Things Up
    2. 10. Page Layout
      1. Fixed-Width Layouts
      2. Fluid Layouts
      3. Responsive Layouts
      4. Wrapping Things Up
    3. 11. Navigation
      1. The HTML of Navigation
      2. Types of Navigation
      3. Additional Navigation Patterns
      4. Wrapping Things Up
    4. 12. Forms
      1. How Do Forms Work?
      2. Form Elements
      3. A Contact Form
      4. Wrapping Things Up
  10. Part 04: Next Steps
    1. 13. Workflow
      1. Asking Questions
      2. Content
      3. Visual Language
      4. Coding
      5. Wrapping Things Up
    2. 14. Looking Ahead
      1. HTML5
      2. CSS3
      3. JavaScript
      4. Wrapping Things Up
  11. Index