Responsive Web Design with HTML 5 & CSS

Students gain a thorough understanding of the HTML and CSS basics before diving into responsive web design, which is the focus of the remaining chapters. Responsive web design is today's web development standard. Instructors who are not teaching responsive web design in their web design class are teaching old technology.

Comprehensive, up-to-the-minute coverage equips students with the tools and knowledge to design optimum layouts for mobile, tablet, laptop/desktop devices and large screen monitors.

Students are excited to learn how to code a webpage that can make a phone call from a mobile device.

Students also learn how to create interactivity on a webpage using CSS, JavaScript and jQuery.

Students are able to easily integrate and use custom fonts within a website.

Learners get hands-on experience with several advanced CSS properties, such as the grid layout, shadows, gradients, transforms and animations.

Instructions lead students step by step through publishing completed websites and attracting customers. Easy-to-follow directions and professional insights help you teach your students to take a website through publication and promotion.

Text material emphasizes how to design websites that are ideal for mobile as well as desktop devices.

Demonstrating how to make the best use of the latest HTML 5 element, the text clearly guides students through the details of building a complete and effective website with today's most up-to-date tools.

Practical tips and advice show learners how to use new CSS styles to attract customers, giving them the skills they need to fully utilize the potential of CSS to create professional web designs that drive traffic and retain customers.

Insider tips explain how to effectively use social media within a website, providing students with the keys to integrating social media to promote a website.

INSIGHTFUL TIPS AND ADVICE GUIDE LEARNERS IN USING NEW CSS STYLES TO ATTRACT CUSTOMERS. Your students gain the skills needed to fully utilize the potential of CSS to create a professional web design that attracts and retains customers.

COVERAGE ADDRESSES HOW TO EFFECTIVELY USE SOCIAL MEDIA WITHIN A WEBSITE. Students learn the keys to integrating social media to promote a website.

With the 9th edition's integration of custom Google fonts, students are not limited to boring browser fonts but have easy access to an expansive selection that will inspire their creativity.

Using Google Maps, the text shows students multiple ways to embed a map or map link within a webpage.

Students learn how to use CSS Grid Layout to create single-column designs for mobile layouts and multiple-column layouts for progressively larger screens.

The new edition uses the CSS opacity property and the rgba() function to add transparency to website elements, giving students a variety of options for integrating transparency within a website.

Creating a working shortcut, the text uses a hamburger menu exclusively for a mobile viewport, while larger viewports display a navigation menu and hide the hamburger menu.

Learning how to integrate transforms and animations, student can use interactivity to bring their webpage designs to life.

Chapter 12 gives students hands-on experience using the popular web framework Bootstrap to create their first webpage.