Cover
Contents
Preface
Textbook Walk-Through
Chapter 1: Introduction to the Internet and Web Design
Objectives
Introduction
Project-Create a Basic Webpage
Exploring the Internet
Planning a Website
Understanding the Basics of HTML
Understanding the Role of Other Web Programming Languages
Using Web Authoring Tools
Creating a Basic Webpage
Chapter Summary
Apply Your Knowledge
Extend Your Knowledge
Analyze, Correct, Improve
In the Lab
Consider This: Your Turn
Chapter 2: Building a Webpage Template with HTML 5
Objectives
Introduction
Project-Plan and Build a Website
Designing a Website
Using HTML 5 Semantic Elements
Creating a Webpage Template
Using Symbol Entities
Validating HTML Documents
Creating a Home Page Using a Webpage Template
Chapter Summary
Apply Your Knowledge
Extend Your Knowledge
Analyze, Correct, Improve
In the Lab
Consider This: Your Turn
Chapter 3: Enhancing a Website with Images and Links
Objectives
Introduction
Project-Add Images and Links to a Website
Adding Images to a Website
Exploring Div Elements
Adding Links to a Webpage
Adding Lists
Chapter Summary
Apply Your Knowledge
Extend Your Knowledge
Analyze, Correct, Improve
In the Lab
Consider This: Your Turn
Chapter 4: Designing Webpages with CSS
Objectives
Introduction
Project-Format Webpages with CSS
Using Cascading Style Sheets
Understanding Inline Elements and Block Elements
Creating an External Style Sheet
Linking an HTML Document to a CSS File
Creating a Webpage Layout
Creating Style Rules for Structural Elements
Creating Style Rules for ID Selectors
Creating Class Attributes
CSS Reset
Improving the Appearance of the Forward Fitness Club Website
Adding Comments to CSS Files
Validating CSS Files
Chapter Summary
Apply Your Knowledge
Extend Your Knowledge
Analyze, Correct, Improve
In the Lab
Consider This: Your Turn
Chapter 5: Responsive Design Part 1: Designing for Mobile Devices
Objectives
Introduction
Project-Redesign a Website for Mobile Devices
Exploring Responsive Design
Designing for Mobile Devices
Using Responsive Design
Creating a Fluid Layout
Following a Mobile-First Strategy
Mobile-Friendly Test
Chapter Summary
Apply Your Knowledge
Extend Your Knowledge
Analyze, Correct, Improve
In the Lab
Consider This: Your Turn
Chapter 6: Responsive Design Part 2: Designing for Tablet and Desktop Devices
Objectives
Introduction
Project-Use Media Queries to Design for Tablet and Desktop Viewports
Using Media Queries
Designing for Tablet Viewports
Designing for Desktop Viewports
Modifying Breakpoints
Using Dynamic Pseudo-Classes
Using Gradients
Chapter Summary
Apply Your Knowledge
Extend Your Knowledge
Analyze, Correct, Improve
In the Lab
Consider This: Your Turn
Chapter 7: Improving Web Design with New Page Layouts
Objectives
Introduction
Project-Use HTML 5 Structural Elements to Redesign a Website
Using HTML 5 Semantic Elements
Improving Design with CSS
Redesigning the Home Page
Updating the About Us Page
Creating the Nutrition Page
Adding a Favicon
Chapter Summary
Apply Your Knowledge
Extend Your Knowledge
Analyze, Correct, Improve
In the Lab
Consider This: Your Turn
Chapter 8: Creating Tables and Forms
Objectives
Introduction
Project-Create a Table and a Form
Discovering Tables
Styling Table Elements
Creating Webpage Forms
Styling Forms
Chapter Summary
Apply Your Knowledge
Extend Your Knowledge
Analyze, Correct, Improve
In the Lab
Consider This: Your Turn
Chapter 9: Integrating Audio and Video
Objectives
Introduction
Project-Add Audio and Video to a Webpage
Using Multimedia
Integrating Audio
Integrating Video
Chapter Summary
Apply Your Knowledge
Extend Your Knowledge
Analyze, Correct, Improve
In the Lab
Consider This: Your Turn
Chapter 10: Creating Interactivity with CSS and Javascript
Objectives
Introduction
Project-Add Interactivity to a Webpage
Using CSS to Create Interactivity
Incorporating JavaScript
Chapter Summary
Apply Your Knowledge
Extend Your Knowledge
Analyze, Correct, Improve
In the Lab
Consider This: Your Turn
Chapter 11: Publish, Promote, and Maintain a Website
Objectives
Introduction
Project-Publish and Promote a Website
Using Social Media
Finding a Website
Publishing a Website
Promoting a Website
Website Development Life Cycle
Project Management
E-Commerce
Chapter Summary
Apply Your Knowledge
Extend Your Knowledge
Analyze, Correct, Improve
In the Lab
Consider This: Your Turn
Chapter12: Getting Started with Bootstrap
Objectives
Introduction
Project-Create a Website Using Bootstrap
Exploring Bootstrap
Content Management Systems
Chapter Summary
Apply Your Knowledge
Extend Your Knowledge
Analyze, Correct, Improve
In the Lab
Consider This: Your Turn
Appendix A: HTML Quick Reference
Appendix B: CSS Quick Reference
Appendix C: Symbols Quick Reference
Appendix D: Accessibility Standards for Webpage Developers
Index