UMSL logo

Computer Education & Training Center

Responsive Design

Responsive Design Class with HTML5 and CSS3

Responsive Design has become a popular strategy for handling the growth in mobile devices. While an older web site may look spectacular when viewed on a desktop computer with a large screen, those same pages may be unreadable on a phone or difficult to view on a tablet or small screen. HTML5 and CSS3 provide you the tools you need for responsive design to adapt a web page's appearance and layout to the viewing device. Responsive Web Design represents a fundamental change in approach for web design and development. [More on Responsive Design]

Responsive Web Design Using HTML5 and CSS3

(Prerequisite: Intermediate Applications of HTML and Advanced Applications of CSS or equivalent experience.) Understand the concept of responsive design and how to apply it to design Web pages that automatically adjust based on the available screen size (viewport). Discover the power of media queries to determine the viewport of the requesting device (mobile, tablet, or desktop). Create pages using a flexible grid layout that adjusts the number of columns in the layout depending on the size of the viewing screen. Learn strategies for using HTML5 to handle the structure of the document and using CSS3 to craft the design and appearance of the page. Topics include fluid grids, re-arranging content, re- sizing elements, media queries, and flexible images. Build your skills to effectively design websites that support both desktops and mobile devices. [Course Outline]
Fee: $199

One-Day Class Meets 8:30am-4:00pm (6.5 hours)
Code Date Location Instructor
E8180 Tues., Oct. 3West CountyJulia Otto

If you would like to register for a course, call (314) 984-9000 or register online.

We also have a class in Designing Web Sites for Mobile Devices Using Dreamweaver that shows how to create Responsive Design Web sites in Dreamweaver as well as how to design a separate mobile site.

Web design classes are also available in HTML/HTML5, CSS/CSS3, and Dreamweaver. Other Web development classes include JavaScript, Ajax, jQuery, and PHP.

Our Web Graphics Using Photoshop class will teach you how to optomize graphics and photos for the web.

You may also be interested in classes in XML which allow you to define your own tags in order to structure, store, or transfer your data. To learn more about using a Content Management System (CMS) to manage your Web site, see our WordPress classes.