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
E0269 Tues., Dec. 10West CountyAllan Crean

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

Web design classes are available in HTML, JavaScript, and Ajax.

You may also be interested in classes our classes in WordPress which teach you how to use a Content Management System (CMS) to manage a web site.