Rersponsive Web Design with HTML 5 and CSS

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