Overview
Description
For introductory courses in web design.
Provide a strong foundation for web design and web development
Basics of Web Design: HTML5 is a foundational introduction to beginning web design and web development. The text provides a balance of "hard" skills such as HTML 5, CSS, and "soft" skills such as web design and publishing to the Web, giving students a well-rounded foundation as they pursue careers as web professionals. Students will leave an introductory design course with the tools they need to build their skills in the fields of web design, web graphics, and web development.
The 6th Edition features additional Hands-On Practice exercises; updated code samples, case studies, and web resources; updates for HTML5 elements and attributes; expanded treatment of page layout design and responsive web design techniques; expanded treatment of CSS Flexible Layout Module (Flexbox) and CSS Grid Layout systems; expanded coverage of responsive image techniques including lazy loading; and updated references for HTML5 and CSS.
Extend learning beyond the classroom
Pearson eText is an easy-to-use digital textbook. It lets students customize how they study and learn with enhanced search and the ability to create flashcards, highlight, and add notes all in one place. The mobile app lets students learn wherever life takes them, offline or online. Learn more about Pearson eText.
This product accompanies
Features
Help students learn, integrate, and apply skills as they create web pages and websites
- A well-rounded selection of topics includes both "hard" skills, like HTML5 and Cascading Style Sheets, as well as "soft" skills like web design and publishing. Updated topics include:
- UPDATED - HTML5 elements and attributes
- UPDATED - Expanded treatment of page layout design and responsive web design techniques
- UPDATED - Expanded treatment of CSS Flexible Layout Module (Flexbox) and CSS Grid Layout systems
- UPDATED - Expanded coverage of responsive image techniques including lazy loading
- Two-page sequences introduce topics clearly and allow students to immediately practice new skills with hands-on exercises and relate them to the world with case studies.
- Design for today and tomorrow prepares students to design web pages for today in addition to preparing them to take advantage of new HTML5 and CSS coding techniques of the future.
- Focus on web design is emphasized throughout the book. Every chapter includes an additional activity that explores web design topics touched on in the chapter to reinforce, enhance, and extend course topics.
Provide opportunities for students to practice and apply course concepts
- UPDATED - Hands-on practice opportunities are included throughout the text. Hands-on practice exercises within the chapters, end-of-chapter exercises, and the development of a website through ongoing real-world case studies allow students to practice the skill of web design.
- UPDATED - Website case studies continue throughout the text and reinforce skills taught in each chapter. Sample solutions to case study exercises are available on the Instructor Resource Center.
- FAQs cover questions frequently asked of the author by her students and are marked with a FAQ icon.
- Focus on accessibility emphasizes accessibility techniques that are crucial to website design by highlighting them with an icon.
- Focus on ethics issues related to web development are highlighted throughout the text with an icon.
- Quick tips provide useful background information or help with productivity and are marked by an icon.
- Explore further icons identify enrichment topics and web resources that allow students to delve deeper into topics explored by the text.
- UPDATED - Reference materials are available in the appendices, including an updated HTML5 cheat sheet, an updated Cascading Style Sheets cheat sheet, a WCAG 2.1 quick reference, an overview of ARIA Landmark Roles, and a Web-Safe Color Palette.
Pearson eText benefits for your students
- UPDATED - Intuitive eText navigation. The newly redesigned interface looks and performs better than ever to make navigation a breeze.
- UPDATED - Find it fast. Enhanced search makes it easy to quickly find a key term or topic to study. Students can also search videos, images, and their own notes.
- UPDATED - Read online or offline. You and your students can download the mobile app to read wherever life takes you, even offline. The app is available on the App Store® and Google Play Store.
- Help students personalize their eText. Students can easily add their own notes, bookmarks, and highlights directly in their eText.
- NEW - Listen and learn. Play the full audiobook to listen to your eText on the go or at home. (Available with select titles.)
- Engage learners with compelling media. VideoNotes are designed to teach students key programming concepts and techniques with short, step-by-step videos that demonstrate how to design and program in a web environment.
- Let students check their understanding. Personalized Study Tools are easy to access on both the web and mobile app to help students learn.
- Inline multiple-choice quiz questions offer opportunities for students to immediately check their understanding of what they read.
- A Glossary allows students to quickly build their professional vocabulary as they read.
- UPDATED - Interactive Flashcards help students test their knowledge of key terms.
New to This Edition
Updated content keeps your course current
- A well-rounded selection of topics includes both "hard" skills, like HTML5 and Cascading Style Sheets, as well as "soft" skills like web design and publishing. Updated topics include:
- HTML5 elements and attributes
- Expanded treatment of page layout design and responsive web design techniques
- Expanded treatment of CSS Flexible Layout Module (Flexbox) and CSS Grid Layout systems
- Expanded coverage of responsive image techniques including lazy loading
- Updated hands-on practice opportunities are included throughout the text. Hands-on practice exercises within the chapters, end-of-chapter exercises, and the development of a website through ongoing real-world case studies allow students to practice the skill of web design.
- Updated website case studies continue throughout the text and reinforce skills taught in each chapter. Sample solutions to case study exercises are available on the Instructor Resource Center.
- Reference materials are available in the appendices, including an updated HTML5 cheat sheet, an updated Cascading Style Sheets cheat sheet, a WCAG 2.1 quick reference, an overview of ARIA Landmark Roles, and a Web-Safe Color Palette.
Pearson eText benefits for your students
- UPDATED - Intuitive eText navigation. The newly redesigned interface looks and performs better than ever to make navigation a breeze.
- UPDATED - Find it fast. Enhanced search makes it easy to quickly find a key term or topic to study. Students can also search videos, images, and their own notes.
- UPDATED - Read online or offline. You and your students can download the mobile app to read wherever life takes you, even offline. The app is available on the App Store® and Google Play Store.
- Help students personalize their eText. Students can easily add their own notes, bookmarks, and highlights directly in their eText.
- NEW - Listen and learn. Play the full audiobook to listen to your eText on the go or at home. (Available with select titles.)
- Engage learners with compelling media. VideoNotes are designed to teach students key programming concepts and techniques with short, step-by-step videos that demonstrate how to design and program in a web environment.
- Let students check their understanding. Personalized Study Tools are easy to access on both the web and mobile app to help students learn.
- Inline multiple-choice quiz questions offer opportunities for students to immediately check their understanding of what they read.
- A Glossary allows students to quickly build their professional vocabulary as they read.
- Interactive Flashcards help students test their knowledge of key terms.
Table of Contents
- Internet and Web Basics
The Internet and the Web
Web Standards and Accessibility
Web Browsers and Web Servers
Internet Protocols
Uniform Resource Identifiers and Domain Names
Information on the Web
HTML Overview
Under the Hood of a Web Page
Your First Web Page
Review and Apply - HTML Basics
Heading Element
Paragraph Element
Line Break and Horizontal Rule
Blockquote Element
Phrase Element
Ordered List
Unordered List
Description List
Special Entity Characters
HTML Syntax Validation
Structural Elements
Practice with Structural Elements
More Structural Elements
Anchor Element
Practice with Hyperlinks
E-Mail Hyperlinks
Review and Apply - Web Design Basics
Your Target Audience
Website Organization
Principles of Visual Design
Design to Provide for Accessibility
Use of Text
Web Color Palette
Design for Your Target Audience
Choosing a Color Scheme
Use of Graphics and Multimedia
More Design Considerations
Navigation Design
Wireframes and Page Layout
Fixed and Fluid Layouts
Design for the Mobile Web
Responsive Web Design
Web Design Best Practices Checklist
Review and Apply - Cascading Style Sheets Basics
Cascading Style Sheets Overview
CSS Selectors and Declarations
CSS Syntax for Color Values
Configure Inline CSS
Configure Embedded CSS
Configure External CSS
CSS Selectors: Class, Id, and Descendant
Span Element
Practice with CSS
The Cascade
Practice with the Cascade
CSS Syntax Validation
Review and Apply - Graphics & Text Styling Basics
Graphics on the Web
Img Element
Image Hyperlinks
Configure Background Images
Position Background Images
CSS Multiple Background Images
Fonts with CSS
CSS Text Properties
Practice with Graphics and Text
Configure List Markers with CSS
The Favorites Icon
Image Maps
Figure and Figcaption Elements
Review and Apply - More CSS Basics
Width and Height with CSS
The Box Model
Margin and Padding with CSS
Borders with CSS
CSS Rounded Corners
Center Page Content with CSS
CSS Box Shadow and Text Shadow
CSS Background Clip and Origin
CSS Background Resize and Scale
Practice with CSS Properties
CSS Opacity
CSS RGBA Color
CSS HSLA Color
CSS Gradients
Review and Apply - Page Layout Basics
Normal Flow
Float
Clear a Float
Overflow
CSS Box Sizing
Basic Two-Column Layout
Vertical Navigation with an Unordered List
Horizontal Navigation with an Unordered List
CSS Interactivity with Pseudo-Classes
Practice with CSS Two-Column Layout
CSS for Print
CSS Sprites
Positioning with CSS
Fixed Position Navigation Bar
Fragment Identifiers
Single Page Website
Review and Apply - Responsive Layout Basics
CSS Flexible Box Layout
More About Flex Containers
Flexbox Image Gallery
Configure Flex Items
Practice with Flexbox
CSS Grid Layout
Grid Columns, Rows, and Gap
Two-Column Grid Page Layout
Layout with Grid Areas
Progressive Enhancement with Grid
Centering with Flexbox and Grid
Viewport Meta Tag
CSS Media Queries
Responsive Layout with Media Queries
Responsive Grid Layout with Media Queries
Flexible Images with CSS
Picture Element
Responsive Img Element Attributes
Testing Mobile Display
Review and Apply - Table Basics
Table Overview
Table Rows, Cells, and Headers
Span Rows and Columns
Configure an Accessible Table
Style a Table with CSS
CSS Structural Pseudo-classes
Configure Table Sections
Review and Apply - Form Basics
Form Overview
Input Element and Text Box
Submit Button and Reset Button
Check Box and Radio Button
Textarea Element
Select Element and Option Element
Label Element
Fieldset Element and Legend Element
Style a Form with CSS
Form Layout with CSS Grid
Server-Side Processing
Practice with a Form
Password, Hidden, and File Upload Controls
More Text Form Controls
Datalist Element
Slider and Spinner Controls
Date and Color-Well Controls
More Form Practice
Review and Apply - Media and Interactivity Basics
Getting Started with Audio and Video
Audio Element and Source Element
Video Element and Source Element
Practice with Video
Iframe Element
CSS Transform Property
CSS Transition Property
Practice with Interactivity
CSS Drop-Down Menu
Details Element and Summary Element
JavaScript & jQuery
HTML5 APIs
Review and Apply - Web Publishing Basics
File Organization
Register a Domain Name
Choose a Web Host
Secure Sockets Layer (SSL)
Publish with File Transfer Protocol
Search Engine Submission
Search Engine Optimization
Accessibility Testing
Usability Testing
Review and Apply
APPENDIX
HTML5 Cheat Sheet
CSS Cheat Sheet
WCAG 2.1 Quick Reference
Landmark Roles with ARIA
Web Safe Color Palette
Order
Pearson offers affordable and accessible purchase options to meet the needs of your students. Connect with us to learn more.
K12 Educators: Contact your Savvas Learning Company Account General Manager for purchase options. Instant Access ISBNs are for individuals purchasing with credit cards or PayPal.
Savvas Learning Company is a trademark of Savvas Learning Company LLC.
Digital
Paper
About the Author(s)
Dr. Terry Ann Felke-Morris is a Professor Emerita at Harper College in Palatine, Illinois. She holds a Doctor of Education degree, a Master of Science degree in information systems, and numerous certifications, including Adobe Certified Dreamweaver 8 Developer, WOW Certified Associate Webmaster, Microsoft Certified Professional, Master CIW Designer, and CIW Certified Instructor.
Dr. Felke-Morris received the Blackboard Greenhouse Exemplary Online Course Award in 2006 for use of Internet technology in the academic environment. She is the recipient of two international awards: the Instructional Technology Council's Outstanding e-Learning Faculty Award for Excellence and the MERLOT Award for Exemplary Online Learning Resources MERLOT Business Classics.
With more than 25 years of information technology experience in business and industry Dr. Felke-Morris published her first website in 1996 and has been working with the Web ever since. A long-time promoter of web standards, she was a member of the Web Standards Project Education Task Force. Dr. Felke-Morris is the author of the popular textbook Web Development and Design Foundations with HTML5, currently in its tenth edition. She was instrumental in developing the Web Development degree and certificate programs at Harper College. For more information about Dr. Terry Ann Felke-Morris, visit https://terrymorris.net.
Download Resources
Relevant Courses
Sign In
We're sorry! We don't recognize your username or password. Please try again.
Sign Up
Instructor resource file download
The work is protected by local and international copyright laws and is provided solely for the use of instructors in teaching their courses and assessing student learning.
Signed out
You have successfully signed out and will be required to sign back in should you need to download more resources.