Responsive web design wtih HTML 5 & CSS / Minnick. [print]

Project - Create a Basic Webpage -- Roadmap -- Exploring the Internet -- World Wide Web -- Protocols -- Web Browsers -- Types of Websites -- Planning a Website -- Purpose of the Website -- Target Audience -- Multiplatform Display -- Wireframe -- Site Map -- Graphics -- Navigation -- Typography -- Color -- Accessibility -- Accessibility Standards for Webpage Developers -- Planning Checklist -- Understanding the Basics of HTML -- HTML Elements and Attributes -- Technologies Related to HTML -- HTML 5 -- Understanding the Role of Other Web Programming Languages -- JavaScript -- jQuery -- PHP -- ASP -- Using Web Authoring Tools -- Text Editors -- WYSIWYG Editors -- Online Code Editors -- Creating a Basic Webpage -- Using a Different Text Editor --

Chapter Two Building a Webpage Template with HTML 5 -- Project - Plan and Build a Website -- Roadmap -- Designing a Website -- Site Map -- Wireframe -- File Management -- Using HTML 5 Semantic Elements -- Header Element -- Nay Element -- Main Element -- Footer Element -- Creating a Webpage Template -- Comments -- Heading Elements -- Webpage Content -- Using Symbol Entities -- Validating HTML Documents -- Creating a Home Page Using a Webpage Template --

Chapter Three Enhancing a Website with Images and Links -- Project - Add Images and Links to a Website -- Roadmap -- Adding Images to a Website -- Image File Formats -- Image Dimensions and File Size -- Image File Names -- Image Tag and Its Attributes -- Exploring Div Elements -- Div Element -- Div Attributes -- Adding Links to a Webpage -- Anchor Element -- Relative Links -- Absolute Links -- Bookmarks -- Image Links -- Email Links -- Telephone Links -- Adding Lists -- Embedding a Map --

Chapter Four Designing Webpages with CSS -- Project - Format Webpages with CSS -- Roadmap -- Using Cascading Style Sheets -- Inline Styles -- Embedded Style Sheets -- External Style Sheets -- Style Sheet Precedence -- CSS Basics -- CSS Text Properties -- CSS Colors -- Understanding Inline Elements and Block Elements -- CSS Box Model -- Creating an External Style Sheet -- Selectors -- Linking an HTML Document to a CSS File -- Creating a Webpage Layout -- Float and Clear Properties -- Aligning Webpage Content -- Creating Style Rules for Structural Elements -- Use a List for Navigation Links -- CSS List Properties -- Making Responsive Images -- 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 Five Responsive Design Part 1: Designing for Mobile Devices -- Project - Redesign a Website for Mobile Devices -- Roadmap -- Exploring Responsive Design -- Designing for Mobile Devices -- Using Responsive Design -- Creating a Fluid Layout -- Following a Mobile-First Strategy -- Styles for Content on Mobile Devices -- Meta Viewport Element -- Mobile Simulator -- Steps in a Mobile-First Strategy -- Sticky Elements -- Responsive Navigation -- Custom Fonts -- Pseudo-Classes -- Analyze the Home Page for Mobile-First Design -- Rounded Corners -- Analyze the About Us Page for Mobile-First Design -- Analyze the Contact Us Page for Mobile-First Design -- Mobile-Friendly Test --

Chapter Six Responsive Design Part 2: Designing for Tablet and Desktop Devices -- Project - Use Media Queries to Design for Tablet and Desktop Viewports -- Roadmap -- Using Media Queries -- Breakpoints -- Media Query Expressions -- Adding Media Queries to an External Style Sheet -- Designing for Tablet Viewports -- Contact Us Page Design for a Tablet Viewport -- Designing for Desktop Viewports -- About Us Page Design for a Desktop Viewport -- Media Query for Large Viewports -- Media Query for Print -- Modifying Breakpoints -- Using Dynamic Pseudo-Classes -- Using Gradients --

Chapter Seven Improving Web Design with New Page Layouts -- Project - Use HTML 5 Structural Elements to Redesign a Website -- Roadmap -- Using HTML 5 Semantic Elements -- Article Element -- Aside Element -- Section Element -- Figure and Figure Caption Elements -- Improving Design with CSS -- CSS Grid Layout -- Opacity -- CSS Shadows -- CSS Box Sizing -- Redesigning the Home Page -- Updating the About Us Page -- Creating the Nutrition Page -- CSS Grid Spans -- Structural Pseudo-Class, nth-of-type() -- Adding a Favicon --

Chapter Eight Creating Tables and Forms -- Project-Create a Table and a Form -- Roadmap -- Discovering Tables -- Creating a Table with HTML Elements -- Table Borders, Headers, and Captions -- Table Element Attributes -- Use of Tables -- Planning the Table -- Styling Table Elements -- Styling Tables for Responsive Web Design -- Creating Webpage Forms -- Form Controls -- Form Labels -- Attributes of HTML Tags Used to Create Forms -- Form Processing -- Styling Forms --

Chapter Nine Integrating Audio and Video -- Project - Add Audio and Video to a Webpage -- Roadmap -- Using Multimedia -- Creating Multimedia Files -- Embedded vs. External Multimedia -- Media Players and Plug-Ins -- HTML 5 and Multimedia -- Flash -- Java Applets -- Object Element -- Integrating Audio -- Audio File Formats -- File Compression and Codecs -- HTML 5 audio Element -- Integrating Video -- Video File Formats -- HTML 5 video Element -- Using the video Element -- Making Videos Accessible --

Chapter Ten Creating Interactivity with CSS and JavaScript -- Project - Add Interactivity to a Webpage -- Roadmap -- Using CSS to Create Interactivity -- Incorporating JavaScript -- JavaScript Terminology -- Writing JavaScript Code -- DOM Methods -- Using if/else Statements -- jQuery --

Chapter Eleven Publish, Promote, and Maintain a Website -- Project - Publish and Promote a Website -- Roadmap -- Using Social Media -- Facebook -- Twitter -- YouTube -- Instagram -- Pinterest -- Other Social Media Options -- Blogs -- Adding Facebook and Twitter Links to a Website -- Finding a Website -- Search Engines -- Search Engine Optimization -- Meta Tags -- Publishing a Website -- Domain Name -- Website Hosting -- Publishing a Website -- FTP Clients -- Promoting a Website -- Registering with Search Engines -- Website Development Life Cycle -- Website Planning -- Website Analysis -- Website Design and Development -- Website Testing -- Implementation -- Maintenance -- Being an Observant Web User -- Project Management -- Content Updates -- Copyright Law -- E-Commerce --

Chapter Twelve Getting Started with Bootstrap -- Project - Create a Website Using Bootstrap -- Roadmap -- Exploring Bootstrap -- Bootstrap Navigation Bar -- Bootstrap Responsive Containers -- Bootstrap Jumbotron -- Margins and Padding -- Images -- Bootstrap Colors -- Styling Buttons -- Custom Styles -- Using jQuery -- Add jQuery Code -- Using the Bootstrap Grid System -- Bootstrap Typography Classes -- Add Columns Using Bootstrap -- Add Bootstrap Classes to the About Us Page -- Styling Tables with Bootstrap -- Add Bootstrap Table Classes to the Classes Page -- Content Management Systems --

Appendices

Appendix A HTML Quick Reference -- Common HTML Elements

Appendix B CSS Quick Reference -- CSS Properties

Appendix C Symbols Quick Reference -- Using Symbols

Appendix D Accessibility Standards for Webpage Developers -- Making the Web Accessible

Section 508 Guidelines Examples

WAI Guidelines.

Equipping you with the most up-to-date tools available, Minnick's RESPONSIVE WEB DESIGN WITH HTML 5 & CSS, 9th edition, teaches you step-by-step how to design professional quality websites that attract and retain customers. Packed with best practices and tips from the pros, the text gives you a solid foundation in HTML, CSS, and responsive web design. It shows you how to create one website that automatically adapts to mobile, tablet, laptop, and desktop devices as well as large monitors. You will learn how to code a webpage to make a phone call from a mobile device, embed a map, use custom fonts, create shortcut navigation menus, integrate social media to promote a business, and more. In addition, you will use the popular web framework Bootstrap to create a webpage. Also available: MindTap digital learning solution. AMAZON

https://www.amazon.com/dp/0357423836/?coliid=I22FUZUVDBMGB3&colid=1GVQJ87LI52KJ&psc=1&ref_=lv_ov_lig_dp_it

Minnick, J. (2020). Responsive Web Design with HTML 5 and CSS (9th ed.). Course Technology. APA - CHECK FORMATING BEFORE USE

Minnick, Jessica. Responsive Web Design With HTML 5 and CSS. 9th ed., Course Technology, 2020. MLA - CHECK FORMATING BEFORE USE

Minnick, Jessica. Responsive Web Design with HTML 5 and CSS. 9th ed. Course Technology, 2020. Chicago/Turabian - CHECK FORMATTING BEFORE USE

COPYRIGHT NOT covered - Click this link to request copyright permission:

https://lib.ciu.edu/copyright-request-form

Jessica Minnick is an Information Technology instructor at Pasco-Hernando State College in New Port Richey, Florida. She has been teaching information technology courses for more than a decade. Prior to becoming an educator, she worked in the marketing and information technology field for the private sector, gaining more than 15 years of web design experience. She earned a Bachelor of Science in Business Administration, Management Information Systems, and a Master of Education in Instructional Technology from the University of South Florida.