0%

Book Description

HTML and CSS remain the linchpin of the Web. Every beginning web developer needs to understand them thoroughly — including the latest advances in these standards, and the newest techniques based on them. For decades, web professionals have turned to HTML and CSS: Visual QuickStart Guide as the fastest and most practical way to gain that understanding. Now, this full-color guide has been thoroughly updated by a new author who’s taught thousands of beginning web developers. Joe Casabona combines expert introductions to the latest HTML and CSS technologies, new examples and projects, and extensive online video content for a true multi-modal learning experience.

Combining definitive reference information with hands-on tutorials, Casabona helps aspiring and current web professionals gain deep mastery of HTML and CSS separately, together, and in the broader context of the overall web project and lifecycle. Drawing on his extensive teaching experience, Casabona offers well-honed explanations that learners will understand, whether they’re working on their own or in classroom environments. From the basics to advanced techniques, he guides you through:

  • Designing, structuring, and formatting sites

  • Using images, links, styles, tables, forms

  • Adding media, visual effects, and animations

  • Using CSS to gain full control over elements, fonts, colors, and layouts

  • Making the most of sophisticated HTML5 and CSS3 capabilities

  • Applying modern best practices for ensuring accessibility and responsiveness, and building high-performance progressive web apps

  • Effectively testing, debugging, and publishing sites and applications

  • Exploring leading JavaScript libraries and build tools for more advanced web development

Table of Contents

  1. Cover Page
  2. Title Page
  3. Copyright Page
  4. Dedication
  5. Acknowledgments
  6. Contents at a Glance
  7. Table of Contents
  8. Introduction
    1. What You Will Learn
    2. Who Is This Book For?
    3. How This Book Is Structured
    4. Online Content
    5. Errata
  9. 1. What Are HTML and CSS?
    1. What Is HTML?
    2. What Is CSS?
    3. How HTML and CSS Work Together
    4. Wrapping Up
  10. 2. Creating a Website on Your Computer
    1. Using a Text Editor
    2. Using Advanced Tools
    3. Website Directory Structures and File Extensions
    4. Using CodePen for Quick Tests
    5. Wrapping Up
  11. 3. HTML Syntax
    1. How HTML Tags Work
    2. Adding Comments
    3. Structuring an HTML Page
    4. The <meta> Tag
    5. What Is Semantic Markup?
    6. Wrapping Up
  12. 4. Basic HTML Elements
    1. HTML Text Formatting
    2. Paragraphs and Headings
    3. Lists
    4. Quoting a Block of Text
    5. Formatting Text Inline
    6. Marking Up Code
    7. Wrapping Up
  13. 5. Links
    1. Link Markup
    2. URL Structure
    3. Internal vs. External Linking
    4. Relative vs. Absolute Linking
    5. Other Types of Links
    6. Link Targets
    7. Wrapping Up
  14. 6. Structure and Layout with HTML
    1. Webpage Layout
    2. Block vs. Inline Elements
    3. Page Sections
    4. Building a Blog Article Layout
    5. Wrapping Up
  15. 7. Media
    1. How Does Media Work on the Web?
    2. Images
    3. Adding Images to a Page
    4. Responsive Images: Considering Different Devices and Connections
    5. The <picture> Element
    6. Using SVG
    7. Other Media
    8. Embedding Video
    9. Embedding Audio
    10. Storing Multimedia Files
    11. Wrapping Up
  16. 8. Tables and Other Structured Data Elements
    1. Tables
    2. Description Lists
    3. Why Is Structured Data Important?
    4. Wrapping Up
  17. 9. Web Forms
    1. Interacting with Webpages
    2. How a Web Form Works
    3. Components of an HTML Form
    4. The <form> Element
    5. Form Fields
    6. Labeling Fields
    7. Setting Up a Basic Form
    8. Creating Select Boxes
    9. Creating Radio Buttons
    10. Creating Checkboxes
    11. Creating Email Forms
    12. Special Field Types
    13. The <meter> Element
    14. Validating Forms
    15. Wrapping Up
  18. 10. Advanced and Experimental Features
    1. It’s All About Browser Support
    2. Advanced Elements
    3. Experimental Features
    4. Wrapping Up
  19. 11. Introduction to CSS
    1. What Are Styles?
    2. What Does Cascading Mean?
    3. CSS Syntax
    4. Using CSS on Your Webpage
    5. External Style Sheets
    6. Commenting Your CSS Code
    7. Wrapping Up
  20. 12. Targeting Elements
    1. Targeting Elements by Tag
    2. Targeting Elements by Class
    3. The Cascade, Inheritance, and Parent-Child Relationships
    4. Selecting Elements by their Relationships
    5. Specificity and Precedence in the Cascade
    6. Targeting Elements with Specific Attributes
    7. Advanced Targeting
    8. Wrapping Up
  21. 13. Styling Text
    1. Choosing Fonts
    2. Google Fonts
    3. Including External Fonts with @font-face
    4. Sizing Text
    5. Formatting Text
    6. Formatting for Readability
    7. Wrapping Up
  22. 14. Color in CSS
    1. How Computer Monitors Work
    2. Representing Color in CSS
    3. Gradients
    4. The border Property
    5. Wrapping Up
  23. 15. Using CSS for Page Layout
    1. The Box Model
    2. Padding and Margins
    3. Element Flow
    4. Creating Layers and Overlapping Elements
    5. Creating an Overlay Using z-index
    6. A Note About Creating Layouts
    7. Wrapping Up
  24. 16. Layouts with CSS Grid and Flexbox
    1. Modern Solutions for an Important Problem
    2. Using Flexbox
    3. Using CSS Grid Layout
    4. Browser Support
    5. Wrapping Up
  25. 17. Responsive Design and Media Queries
    1. Defining Media Queries
    2. Responsive Layouts
    3. Making a Full-width Layout Responsive
    4. Not Just for Screen Widths
    5. Wrapping Up
  26. 18. CSS Transformations and Animations
    1. CSS Transitions
    2. CSS Transformations
    3. CSS Animations
    4. Wrapping Up
  27. 19. CSS Variables
    1. What Are Variables?
    2. Simplifying Styles with Variables
    3. Calculations with Variables
    4. Wrapping Up
  28. 20. CSS Preprocessors
    1. How CSS Preprocessors Work
    2. Getting Started with Sass
    3. Writing Sass
    4. Wrapping Up
  29. 21. Getting Your Website Online
    1. Choosing Hosting and a Domain
    2. Pre-Launch Check
    3. Making Your Site Live
    4. Testing Your Site
    5. Wrapping Up
  30. 22. Testing Your Website
    1. Why Test Your Website?
    2. Validating Markup
    3. Browser Testing
    4. Device Testing
    5. Troubleshooting with Chrome Developer Tools
    6. Wrapping Up
  31. 23. Improving Website Performance
    1. What Do We Mean by Performance?
    2. Know How Your Website Performs
    3. Performance Testing Tools
    4. Minify HTML and CSS Files
    5. Optimize Your Images
    6. Load Your Critical CSS First
    7. Wrapping Up
  32. 24. Web Accessibility
    1. Including as Many People as Possible
    2. What You’ve Done so Far
    3. Additional Tags and Attributes
    4. Accessibility Tests and Validation
    5. Finding Your WCAG Rating
    6. Wrapping Up
  33. 25. Going Beyond HTML & CSS
    1. JavaScript
    2. Common JavaScript Libraries
    3. Version Control
    4. Build Tools
    5. Wrapping Up
  34. Final Wrap-up
    1. What’s Next?
  35. Index
3.238.79.169