BCIT is planning for a substantial return to on-campus activity for the fall 2021 term as informed by BC Public Health Officer guidelines. Refer to each course listing for details.
In this course, learners examine the basics of Responsive Web Design. Students compare and contrast responsive design with other approaches to multi-platform and device design, and are introduced to testing tools (emulators/simulators) for various platforms that could be targeted and use these tools to validate their work. Learners also develop a wireframe for a responsive website and create a simple responsive website based on a site they previously designed using flexible grids, flexible images, and CSS3 media queries. Students will then adapt this site so that it functions well on desktop, mobile, and tablets thus creating a fully responsive Web design conversion.
Pre-requisite: MDIA 1205 and MDIA 2205 or equivalent This course will be delivered entirely online, however, is an asynchronous course which does not require that you meet each week at a specific time. You will be expected to meet assignment deadlines according to the schedule on the course outline and directions of the instructor.
Important course information will be sent to you prior to your course start
date. Check your myBCIT email account to
access this information.
Upon successful completion of this course, students will be able to:
Review the background leading up to the development of Responsive Web Design
Describe the concept and techniques of Responsive Web Design
Identify the advantages and disadvantages of the Responsive Web Design approach
Evaluate work on different platforms and with various screen resolutions
Identify design challenges posed by various mobile and desktop platforms and resolutions
Plan out a responsive website at various resolutions
Prepare and demonstrate the use of flexible grids, flexible images, and media queries
Identify specific issues related to the use of flexible grids and flexible images
Create a basic site using Responsive Web Design
Demonstrate a full knowledge of Responsive Web Design principles
Effective as of Fall 2013
MDIA 4311 is offered as a part of the following programs:
Interested in being notified about future offerings of MDIA 4311 - Responsive Web Design?
If so, fill out the information below and we'll notify you by email when courses for each new term are displayed here.