WWW104 - Multimedia

Outline info
Last revision date 2018-07-20 12:03:28.344
Last review date 2018-07-20 12:03:29.858

Subject Title

Subject Description

Building Mobile, Responsive Websites & Implementing Libraries and Animations

The emergence of smart phones, netbooks and tablets
mean users are visiting your sites from a broad assortment of devices and
browsers. Learn to plan beyond the desktop and build stunning designs that
anticipate and respond to your users needs. This module explores how to use
HTML5 and CSS3 to craft quality experiences no matter how large (or small) the
display. Particular focus is paid to frameworks such as Twitter Bootstrap and libraries utilizing HTML5 Canvas.

Credit Status
1 Credit towards Webmaster Certificate.

Learning Outcomes
Upon successful completion of this subject the student will be able to:

  1. Understand the practice and theory behind responsive design.
  2. Learn how to use CSS media queries to support beautiful designs across multiple displays.
  3. Creating mobile, responsive layout with Fluid Layouts and Grids.
  4. Implement industry leading HTML/CSS frameworks, including Bootstrap.
  5. Understand how to build responsive, flexible images.
  6. Create compelling responsive interactive user interfaces for mobile, tablet and desktop.
  7. Understand and successfully create simple animations and visuals using HTML5 Canvas.

Cheating and Plagiarism
Each student should be aware of the College's policy regarding Cheating and Plagiarism. Seneca's Academic Policy will be strictly enforced.

To support academic honesty at Seneca College, all work submitted by students may be reviewed for authenticity and originality, utilizing software tools and third party services. Please visit the Academic Honesty site on http://library.senecacollege.ca for further information regarding cheating and plagiarism policies and procedures.

All students and employees have the right to study and work in an environment that is free from discrimination and/or harassment. Language or activities that defeat this objective violate the College Policy on Discrimination/Harassment and shall not be tolerated. Information and assistance are available from the Student Conduct Office at student.conduct@senecacollege.ca.

Accommodation for Students with Disabilities
The College will provide reasonable accommodation to students with disabilities in order to promote academic success. If you require accommodation, contact the Counselling and Disabilities Services Office at ext. 22900 to initiate the process for documenting, assessing and implementing your individual accommodation needs.


Topic Outline

  • HTML5, CSS3 review
  • What does responsive design mean as a webmaster?
  • What is mobile-first design?
  • Techniques to achieve responsive designs
  • Dealing with outdated technology: Internet Explorer 7 and 8
  • Media specific stylesheets (printer, screen, all)
  • CSS media queries
  • Building a responsive design by hand
  • Building a mobile first website
  • Device targeting : Smartphones, tablets and desktops
  • The Flexible Grid
  • Responsive Images
  • Understanding our tools : HTML5 Boilerplate and Twitter Bootstrap
  • Building a carousel of images for all devices
  • Introduction to useful web tools / animations with HTML5 Canvas
  • Drawing with the canvas element
  • Importing imagery to canvas
  • Typography on canvas
  • Scripting the canvas element

Mode of Instruction
Classroom instruction and extensive hands-on experience will be provided with each participant having exclusive use of a computer, reinforced by assigned readings and assignments between classes. 

Prescribed Texts
Responsive Web Design by Ethan Marcotte
(A Book Apart)

Required Supplies

Promotion Policy

Grading Policy
A+ 90%  to  100%
A 80%  to  89%
B+ 75%  to  79%
B 70%  to  74%
C+ 65%  to  69%
C 60%  to  64%
D+ 55%  to  59%
D 50%  to  54%
F 0%    to  49% (Not a Pass)
EXC Excellent
SAT Satisfactory
UNSAT Unsatisfactory

For further information, see a copy of the Academic Policy, available online (http://www.senecacollege.ca/academic-policy) or at Seneca's Registrar's Offices.

Modes of Evaluation
Since this is a professional credit subject, marking standards reinforce professional practice by demanding legible, tidy work.  Written materials should be well organized and grammatically correct, with proper spelling and punctuation.  Computer assignments should be documented to the instructor's standards.  Late assignments are penalized.  For particulars, please obtain standards, dates, etc., from your instructor. 
While attendance and participation in class discussion are not formally a part of this evaluation schedule, you should be aware that absenteeism will almost guarantee your inability to achieve satisfactory grades.  Details of assignment requirements may be explained in class.  There is no formal provision for make-up tests to replace tests that you miss. 

To attain a passing grade for this subject, students must obtain a mark of 50% or higher. 

Grading is based on the following marking scheme: 

Assignments  100% 

Approved by: Sharon Estok