DGD108 - Dreamweaver & Advanced Web Design

Outline info
Last revision date 2018-07-20 11:57:48.602
Last review date 2018-07-20 11:57:59.348

Subject Title
Dreamweaver & Advanced Web Design

Subject Description
This course begins by outlining the challenges facing designers when creating websites that function on a variety of devices.  Students explore the fundamental differences in user behavior across various devices, explore usage scenarios and how to optimize designs for the mobile web. By utilizing responsive web design patterns, students will obtain a deep understanding of the importance of mobile first and progressive enhancement design techniques and strategies. 

Credit Status
1 full credit

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

  1. Apply responsive web design principles to deliver an optimized web experience on a variety of devices. 
  2. Understand the different device and usage scenarios and how to design solutions that maximizes engagement.
  3. Demonstrate the ability to use Javascript and Javascript frameworks (jQuery) to deliver rich media and content solutions.
  4. Understand the idea of progressive enhancement in design and supporting graceful degradation in older browsers.
  5. Understand typical user experience challenges and how to create designs that minimize user frustration.
  6. Students will be able to utilize Dreamweaver and the Emmet plugin to optimize code creation.

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
The Mobile User
•   Who they are and what their needs are.
•   What platforms are mobile users using?
•   Differences between apps and responsive websites.
•   Gaining visibility and market share on the mobile web.
User Experience design
•   Understanding potential use case scenarios for a responsive website.
•   Optimizing navigation.
•   Techniques for minimizing user frustration and increasing usability.
•   Website vs App.
Responsive design
•   What is responsive design?
•   Advantages and Disadvantages of responsive design.
•   Why is responsive design important?
•   Responsive grid systems.
•   Responsive web design basics.
•   Flexible grids.
•   Flexible images and video using jQuery.
•   CSS media queries.
•   Understanding the role of polyfills and shims.
•   Showing and hiding content.
•   Optimizing performance.
•   Bootstrap
•   jQuery
•   Modernizr

Mode of Instruction
Classroom instruction and extensive hands-on experience will be provided with each participant having exclusive use of a computer.
Additional modes of instruction will include class discussion and question and answer period.

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

Project 1  30%
Project 2  30%
Final Project  40%
Total 100%

Approved by: Robin Richardson