Skip to main content
International Fees

International fees are typically three times the amount of domestic fees. Exact cost will be calculated upon completion of registration.

Course 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.

Prerequisite(s)

Credits

3.0

Domestic fees

$683.61

Course offerings

Winter 2024

Below is one offering of MDIA 4311 for the Winter 2024 term.

CRN 80946

Duration

Tue Jan 09 - Tue Mar 26 (12 weeks)

  • 12 weeks
  • CRN 80946
  • Domestic fees $683.61
    International fees are typically three times the amount of domestic fees.
Class meeting times
Dates Days Times Locations
Jan 09 - Mar 26 N/A N/A Online
Instructor

Janice Wood

Course outline

Course outline TBD — see Learning Outcomes in the interim.

Domestic fees

$683.61

Important information
  1. Internet delivery format.
  2. Important course information will be sent to you prior to your course start date. Check your myBCIT email account to access this information.
  3. International fees are typically three times the amount of domestic fees. Exact cost will be calculated upon completion of registration.
  4. 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. Materials will be posted every week and students are required to check the content posted and submit assignments weekly.
Status

Learning Outcomes

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

Related Programs

Responsive Web Design (MDIA 4311) is offered as a part of the following programs:

School of Business + Media

  1. Web Technologies
    Certificate Part-time

Subscribe

Interested in being notified about future offerings of Responsive Web Design (MDIA 4311)? If so, fill out the information below and we'll notify you by email when courses for each new term are displayed here.

  • Privacy Notice: The information you provide will be used to respond your request for BCIT course information and is collected under Section 26(c) of the Freedom of Information and Protection of Privacy Act (FIPPA). For more information about BCIT’s privacy practices contact: Associate Director, Privacy, Information Access & Policy Management, British Columbia Institute of Technology, 3700 Willingdon Ave. Burnaby, BC V5A 3H2, email: privacy@bcit.ca.