I'm a student
I'm an educator
Request full copy

Basics of Web Design: HTML5 & CSS, 6th edition

Published by Pearson (January 5, 2021) © 2022

  • Terry Ann Felke-Morris Harper College

eTextbook

per month

  • Anytime, anywhere learning with the Pearson+ app
  • Easy-to-use search, navigation and notebook
  • Simpler studying with flashcards
$79.99

  • Hardcover, paperback or looseleaf edition
  • Affordable rental option for select titles
  • Free shipping on looseleafs and traditional textbooks

For introductory courses in web design.

Provide a strong foundation for web design and development

Basics of Web Design is a foundational introduction to beginning web design and development. The text provides a balance of hard skills and soft skills and a focus on accessibility and ethics. It covers HTML 5 and CSS along with web design and publishing to the web. Practice opportunities help students learn and apply the skills they'll use in their careers as web professionals.

The 6th Edition features additional hands-on practice exercises and updated code samples, case studies and web resources. Expanded coverage covers page layout and responsive web design, new HTML5 elements and more.

Hallmark features of this title

  • A balanced selection of topics includes both hard skills, like HTML5 and CSS, and soft skills like web design and publishing.
  • Two-page sequences introduce topics clearly. Students can immediately practice new skills with hands-on exercises and real-world case studies.
  • Design for today and tomorrow prepares students to design web pages today and new coding techniques in the future.
  • Focus on web design in every chapter includes an additional activity that explores web design topics to reinforce and enhance chapter topics.
  • Accessibility and ethics issues that are crucial to website design are highlighted throughout the text.
  • FAQs, Quick Tips and Explore Further icons offer useful background information and opportunities for students to dive deeper into topics.

New and updated features of this title

  • 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, and expanded coverage of responsive image techniques including lazy loading.
  • UPDATED: Hands-on practice opportunities are included within the chapters, as end-of-chapter exercises, and through ongoing real-world website development case studies that 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.
  • 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.
  1. 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
  2. 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
  3. 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
  4. 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
  5. 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
  6. 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
  7. 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
  8. 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
  9. 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
  10. 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
  11. 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
  12. 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

About our author

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 system 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 2 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 10th 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.

Need help? Get in touch

Pearson+

All in one place. Pearson+ offers instant access to eTextbooks, videos and study tools in one intuitive interface. Students choose how they learn best with enhanced search, audio and flashcards. The Pearson+ app lets them read where life takes them, no wi-fi needed. Students can access Pearson+ through a subscription or their MyLab or Mastering course.

Video
Play
Privacy and cookies
By watching, you agree Pearson can share your viewership data for marketing and analytics for one year, revocable by deleting your cookies.

Video transcript (PDF | 16KB) 

Pearson eTextbook: What’s on the inside just might surprise you

They say you can’t judge a book by its cover. It’s the same with your students. Meet each one right where they are with an engaging, interactive, personalized learning experience that goes beyond the textbook to fit any schedule, any budget, and any lifestyle. 

Digital Learning NOW

Extend your professional development and meet your students where they are with free weekly Digital Learning NOW webinars. Attend live, watch on-demand, or listen at your leisure to expand your teaching strategies. Earn digital professional development badges for attending a live session.

Explore webinars