This training course will introduce you to responsive web design (RWD) by reviewing basic principles and foundational techniques for designing websites that are viewable on all devices. While this is an introductory course, the material does require that the learner has at least a basic understanding of HTML and CSS. After completing the course, students will be able to create custom CSS layouts and use media queries to optimize websites for different screen sizes.
$89.00
Start Today!
![](https://aspire.loyola.edu/hubfs/ASPIRE%20Assets/Icons/Completion.png)
Completion Time
3 hours
![](https://aspire.loyola.edu/hubfs/ASPIRE%20Assets/Icons/Access%20time.png)
Access Time
90 Days
![](https://aspire.loyola.edu/hubfs/ASPIRE%20Assets/Icons/Outcome.png)
Outcome
Individual Skill Course
![](https://aspire.loyola.edu/hubfs/ASPIRE%20Assets/Icons/Language.png)
Language
English
![](https://aspire.loyola.edu/hubfs/ASPIRE%20Assets/Icons/Training%20level.png)
Training Level
Intermediate
Delivery Information:
Description
Learning Outcomes
- Explain the concepts and principles of responsive web design
- Define the viewport and identify how to configure a site for responsive design
- Differentiate between the CSS box and border-box models
- Calculate the widths of elements on a page using the box model and border-box model
- Understand the fundamental concepts of grid-based layout systems
- Construct simple responsive layouts using CSS Flexbox
- Summarize the purpose of media queries
- Design media query syntax using breakpoints
- Discuss what is meant by mobile-first layouts in the context of responsive design
- Explain art direction and the use of the element with responsive images
Additional Information
This course includes an “Ask the Expert” feature. You can use this feature to submit questions about course content. A subject matter expert will provide guidance or point you to additional resources for the topics you’re studying. Questions are answered as quickly as possible and usually within 24 hours.
Learners must achieve an average test score of at least 70% to meet the minimum successful completion requirement and qualify to receive IACET CEUs.
Requirements
Technology Requirements
Hardware Requirements: This course can be taken on either a PC, Mac, or Chromebook.
Software Requirements: Software must be installed and fully operational before the course begins.
- PC: Windows 8 or later.
- Mac: macOS 10.6 or later.
- Browser: The latest version of Google Chrome or Mozilla Firefox are preferred. Microsoft Edge and Safari are also compatible. Cookies and JavaScript must be enabled
- The latest Adobe Reader/Acrobat Reader ( free download available at https://get.adobe.com/reader/ )
- Any modern Office suite: Microsoft Office, Apple iWork, OpenOffice, or LibreOffice
- Reliable internet connection. Broadband cable or highspeed DSL is recommended for optimal experience.
- E-mail account (to be able to register and to receive e-mail from the course system regarding registration, course status, etc.)
Prerequisites
Some basic understanding of HTML and CSS is helpful.
Suggested prerequisite courses: CSS for Web Design and HTML for Web Design
Enroll My Team
Are you looking to enroll your team in this training Course? You Can:
Option 1
Click "Add to Cart" and then update the number of seats you'd like to purchase in yout cart.