WDC100 - Web Page Design & Creation

Outline info
Last revision date 2017-11-21 11:09:42.758
Last review date 2017-11-21 11:09:57.62

Subject Title
Web Page Design & Creation

Subject Description
Students learn the basic principles and accepted structure of web design, build advanced HTML5 websites using modern techniques and best practices, style websites using CSS3 and validate, debug and fine-tune HTML5. Web usability and accessibility heuristics and responsive design are also covered

Credit Status
1 full credit

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

•   Understand the role HTML5, CSS3 and Javascript play in modern web design
•   How web design differs from print design
•   Common site organization patterns
•   Basic coding understanding of HTML5, CSS3 and Javascript
•   Understand how to optimize code for improved performance
•   Explore content strategies in relation to Search Engine Optimization
•   Implementing modern layout techniques
•   Understand basic cross browser compatibility issues
•   Be able to build a basic website that utilizes web standard technologies
•   Common vocabulary used by web designers
•   Understanding how the modern client, server relationship works
•   Understand the importance of separating content, presentation and page logic.

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.


  • Understanding of the Windows operating system
  • Understanding of the Windows file system
  • Able to Copy, Delete, Rename and Save files
  • Able to download files from URL in a web browser
  • Compress and Uncompress zip files

Topic Outline

  • Introduction to web programming concepts
  • Understanding how to program and test for multiple browsers
  • Understanding accessibility
  • Understanding the role of HTML & CSS
  • Understanding HTML page structure
  • Website file organization
  • Best practices for writing well-formed code
  • Introduction to HTML tags
  • Element types
  • Text formatting
  • Lists
  • Tables
  • Images
  • Formatting tabular data
  • Form creation
  • Audio
  • Video
  • Utilize browser tools to troubleshoot errors
  • Understanding selector types
  • Web Typography
  • Understanding background images
  • Introduction CSS Layout
  • Creating interface elements
  • Browser Vendor Prefixes
  • Introduction to responsive design principles
  • Practical workflow principles
  • Interface & tools
  • Website configuration
  • Understanding
  • Templating

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.  

Required Supplies
USB Flash Drive

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  40%
Project 2  40%
Project 3  20%

Approved by: Sharon Estok