Basics of Web Design HTML5 & CSS
Fifth Edition
Basics of Web Design HTML5 & CSS
Fifth Edition
Terry Ann Felke-Morris, Ed.D.
Professor Emerita
Harper College
Senior Vice President, Portfolio Management, Engineering and Computer Science: Marcia Horton
Director, PortfolioManagement: Julian Partridge
Executive Portfolio Manager: Matt Goldstein
Portfolio Management Assistant: Meghan Jacoby
Product Marketing Manager: Yvonne Vannatta
Field Marketing Manager: Demetrius Hall
Marketing Assistant: Jon Bryant
Managing Producer: Scott Disanno
Content Producer: Amanda Brands
Operations Specialist: Maura Zaldivar-Garcia
Manager, Rights and Permissions: Ben Ferrini
Cover Designer: Pearson CSC
Cover Art: Getty Images: Pakorn Kumruen/EyeEm
Printer: Lake Side Communications, Inc.
Full-Service Project Management: Billu Suresh, Pearson CSC
Composition: Pearson CSC
The author has created a variety of fictitious names, company names, e-mail addresses, URLs, phone numbers, fax numbers, and other similar items for the purposes of illustrating the concepts and techniques described within this textbook. Any resemblance of these fictitious items to any person, company/organization, or location is unintentional and purely coincidental.
Credits and acknowledgments borrowed from other sources and reproduced, with permission, in this textbook appear on the appropriate page within text.
Copyright 2020, 2018, 2016 by Pearson Education, Inc. 221 River Street, Hoboken, NJ 07030. All Rights Reserved. Manufactured in the United States of America. This publication is protected by copyright, and permission should be obtained from the publisher prior to any prohibited reproduction, storage in a retrieval system, or transmission in any form or by any means, electronic, mechanical, photocopying, recording, or otherwise. For information regarding permissions, request forms and the appropriate contacts within the Pearson Education Global Rights & Permissions department, please visit www.pearsoned.com/permissions/.
Many of the designations by manufacturers and sellers to distinguish their products are claimed as trademarks. Where those designations appear in this book, and the publisher was aware of a trademark claim, the designations have been printed in initial caps or all caps.
Acknowledgments of third party content appear on the same page as the content, which constitutes an extension of this copyright page. All other photos and figures copyright Terry Felke-Morris.
The author and publisher of this book have used their best efforts in preparing this book. These efforts include the development, research, and testing of theories and programs to determine their effectiveness. The author and publisher make no warranty of any kind, expressed or implied, with regard to these programs or the documentation contained in this book. The author and publisher shall not be liable in any event for incidental or consequential damages with, or arising out of, the furnishing, performance, or use of these programs.
MICROSOFT AND/OR ITS RESPECTIVE SUPPLIERS MAKE NO REPRESENTATIONS ABOUT THE SUITABILITY OF THE INFORMATION CONTAINED IN THE DOCUMENTS AND RELATED GRAPHICS PUBLISHED AS PART OF THE SERVICES FOR ANY PURPOSE. ALL SUCH DOCUMENTS AND RELATED GRAPHICS ARE PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND. MICROSOFT AND/OR ITS RESPECTIVE SUPPLIERS HEREBY DISCLAIM ALL WARRANTIES AND CONDITIONS WITH REGARD TO THIS INFORMATION, INCLUDING ALL WARRANTIES AND CONDITIONS OF MERCHANTABILITY, WHETHER EXPRESS, IMPLIED OR STATUTORY, FITNESS FOR A PARTICULAR PURPOSE, TITLE AND NON-INFRINGEMENT. IN NO EVENT SHALL MICROSOFT AND/OR ITS RESPECTIVE SUPPLIERS BE LIABLE FOR ANY SPECIAL, INDIRECT OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF INFORMATION AVAILABLE FROM THE SERVICES. THE DOCUMENTS AND RELATED GRAPHICS CONTAINED HEREIN COULD INCLUDE TECHNICAL INACCURACIES OR TYPOGRAPHICAL ERRORS. CHANGES ARE PERIODICALLY ADDED TO THE INFORMATION HEREIN. MICROSOFT AND/OR ITS RESPECTIVE SUPPLIERS MAY MAKE IMPROVEMENTS AND/OR CHANGES IN THE PRODUCT(S) AND/OR THE PROGRAM(S) DESCRIBED HEREIN AT ANY TIME. PARTIAL SCREEN SHOTS MAY BE VIEWED IN FULL WITHIN THE SOFTWARE VERSION SPECIFIED.
Microsoft and Windows are registered trademarks of the Microsoft Corporation in the USA and other countries. Screen shots and icons reprinted with permission from the Microsoft Corporation. This book is not sponsored or endorsed by or affiliated with the Microsoft Corporation.
Library of Congress Cataloging-in-Publication Data
Names: Felke-Morris, Terry, author.
Title: Basics of web design: HTML5 & CSS / Terry Ann Felke-Morris, Ed.D., Professor Emerita.
Description: Fifth edition. | NY, NY : Harper College, [2020] | Includes bibliographical references.
Identifiers: LCCN 2018046351| ISBN 9780135225486 (alk. paper) | ISBN 0135225485
Subjects: LCSH: HTML (Document markup language) | Cascading style sheets. | Web site developmentComputer programs. | Web sitesDesign.
Classification: LCC QA76.76.H94 F455 2018 | DDC 006.7/4dc23 LC record available at https://lccn.loc.gov/2018046351
ISBN 10: 0-13-522548-5
ISBN 13: 978-0-13-522548-6
Preface
Basics of Web Design: HTML5 & CSS is intended for use in a beginning web design or web development course. Topics are introduced in two-page sections that focus on key points and often include a hands-on practice exercise. The text covers the basics that web designers need to develop their skills:
Introductory Internet and World Wide Web concepts
Creating web pages with HTML5
Configuring text, color, and page layout with Cascading Style Sheets
Configuring images and multimedia on web pages
Exploring CSS Flexbox and CSS Grid layout systems
Web design best practices
Creating web pages that display well on both desktop and mobile devices
Accessibility, usability, and search engine optimization considerations
Obtaining a domain name and a web host
Publishing to the Web
Student files are available for download from the companion website for this book at www.pearson.com/felke-morris. These files include solutions to the Hands-On Practice exercises, starter files for the Hands-On Practice exercises, and the starter files for the Case Study. See the access information on the inside front cover of this book for further instructions.
Building on this textbooks successful third edition, the fifth edition features:
Additional Hands-On Practice exercises
Updated code samples, case studies, and web resources
Updates for HTML5.2 elements and attributes
Expanded treatment of page layout design and responsive web design techniques
has been renamed Responsive Layout Basics and has an expanded focus on new layout systems including CSS Flexible Layout Module (Flexbox) and CSS Grid Layout
Expanded coverage of responsive image techniques including the HTML5 picture element
Next page