Code the Web I
  I: Administrative Information   II: Course Details   III: Topical Outline(s)  Printable Version
Section I: Administrative Information
  Total hours: 28.0
Credit Value: 2.0
Credit Value Notes: N/A
Effective: Fall 2020
Prerequisites: N/A
Corequisites: N/A
Equivalents: N/A
Pre/Co/Equiv Notes: N/A

Program(s): Front-End Web Developer Founda
Program Coordinator(s): N/A
Course Leader or Contact: N/A
Version: 20200914_00
Status: Approved (APPR)

Section I Notes: This course is offered on-campus. Students are required to bring their own laptop to class. The sessions may include a variety of interactive and engaging activities including discussions, workshops, group activities, role plays, case studies and presentations. Readings, video, and podcasts may be provided online, on Sheridan's Learning and Teaching Environment (SLATE), to support class activities and reinforce material covered during class sessions. Assignment details will be provided in class and on SLATE. Students will need reliable access to the internet.

Section II: Course Details

Detailed Description
Students explore essential elements of web design including HTML markup and tags, entities, block and inline properties. They learn about phrase elements and doctypes, CSS styles, selectors and cascades, to build webpages using HTML and CSS principles. Through hands-on practice and a guided final project, students learn to structure a website, rent a domain and post several pages to a server.

Program Context

Front-End Web Developer Founda Program Coordinator(s): N/A
This course may appeal to individuals wanting to learn basic concepts of web development or individuals who are exploring entry-level web developer jobs as a possible career choice. This course is part of the Front-End Web Foundations and Front-End Web Development programs.

Course Critical Performance and Learning Outcomes

  Critical Performance:
By the end of this course students will have demonstrated the ability to create basic HTML and CSS web pages.
Learning Outcomes:

To achieve the critical performance, students will have demonstrated the ability to:

  1. Describe HTML elements and functions including page structure markup, attributes, entities, block and inline properties, phrase elements, font markup, and doctypes
  2. Explain how to use HTML tags to define web page areas, such as the head and body sections
  3. Create a basic HTML web page that incorporates page structure markup, tags, attributes, entities, block and inline properties, phrase elements, font markup, and doctypes
  4. Describe the function of CSS styles, selectors and cascades for website layouts and formatting
  5. Add CSS styles, selectors and cascades to an HTML5 web page
  6. Structure a website so that information in it is easy for users to access
  7. Describe the steps to follow to rent a domain to house your website
  8. Post a website to a server

Evaluation Plan
Students demonstrate their learning in the following ways:

 Evaluation Plan: IN-CLASS
 In Class Project 1 (Hand Code HTML, Organise Folders, Browser Previews)5.0%
 In Class Project 2 (Hand Code CSS and HTML)5.0%
 In Class Project 3 (2 page sites, posted with FTP)5.0%
 In Class Project 4 (Multi sites, Galleries, Styles)5.0%
 Assignment 1 (Hand Code an HTML page)10.0%
 Assignment 2 (Hand code an HTML and CSS page)15.0%
 Assignment 3 (Create and post to a test server 1 page with quick jumps)15.0%
 Final Project (Create and post to your server a 3 page site)40.0%

Evaluation Notes and Academic Missed Work Procedure:
To encourage behaviours that will help students to be successful in the workplace and to ensure that students receive credit for their individual work, the following rules apply to every course offered within the Faculty of Continuing and Professional Studies. 1. Students are responsible for staying abreast of test dates and times, as well as due dates and any special instructions for submitting assignments and projects as supplied to the class by the professor. 2. Students must write all tests at the specified date and time. Missed tests, in-class/online activities, assignments and presentations are awarded a mark of zero. If an extension or make-up opportunity is approved by the professor as outlined below, the mark of zero may be revised by subsequent performance. The penalty for late submission of written assignments is a loss of 10% per day for up to five business days (excluding weekends and statutory holidays), after which, a grade of zero is assigned. Business days include any day that the college is open for business, whether the student has scheduled classes that day or not. 3. Students who miss a test or in-class/online activity or assignment or fail to submit an assignment on time due to exceptional circumstances are required to notify their professor in advance of the class whenever possible. A make-up test may be supplied for students who provide an acceptable explanation of their absence and/or acceptable documentation explaining their absence (e.g., a medical certificate). All make-up tests are to be written at a time and place specified by the professor upon the students return. Alternately, students may be given an opportunity to earn the associated marks by having a subsequent test count for the additional marks. Exceptional circumstances may result in a modification of due dates for assignments. 4. Unless otherwise specified, assignments and projects must be submitted at the date and time specified by the instructor. 5. Students must complete every assignment as an individual effort, unless the professor specifies otherwise. 6. Since there may be instances of grade appeal or questions regarding the timely completion of assignments and/or extent of individual effort, etc., students are strongly advised to keep, and make available to their professor, if requested, a copy of all assignments and working notes until the course grade has been finalized. 7. There will be no resubmission of work unless this has been previously agreed to or suggested by the professor. 8. Students must submit all assignments in courses with practical lab and field components in order to pass the course.

Provincial Context
The course meets the following Ministry of Colleges and Universities requirements:


Prior Learning Assessment and Recognition
PLAR Contact (if course is PLAR-eligible) - Office of the Registrar
Students may apply to receive credit by demonstrating achievement of the course learning outcomes through previous relevant work/life experience, service, self-study and training on the job. This course is eligible for challenge through the following method(s):

  • Challenge Exam
  • Portfolio

Section III: Topical Outline
Some details of this outline may change as a result of circumstances such as weather cancellations, College and student activities, and class timetabling.
Instruction Mode: In-Class
Professor: N/A
Resource(s): N/A
Applicable student group(s): Continuing and Professional Studies Students
Course Details:

Module 1: HTML Elements and Functions

  • The  HTML markup element
  • HTML Tags
  • The function of Phase Elements
  • Semantic Web features and function
  • HTML Timeline features and use
  • Support Charts and their function
  • Syntax rules and their function
  • Types and examples of content models
  • The function of the Document outline element
  • Converting documents to HTML
  • The function of HTML truncations
  • HTML shivs and when to use them

Using HTML Tags to define Web Page Areas  

  • Using new tags for structure
  • Using document outliners
  • Semantic Layout considerations
  • Defining Headers and Footers
  • Defining Content and Sidebars

(Assignment 1: 10%)

Module 2: Creating a Basic HTML Web Page

  • Structure of HTML documents
  • Opening HTML in a browser
  • Comparing different Browsers
  • Previewing Code in a browser
  • Inspecting Code in a browser
  • Fixing the missing doctype error
  • Adding images and anchors
  • Linking documents together
  • Adding google maps and videos    

(In Class Project 1: 5%)

Module 3: The Function of CSS Styles, Selectors and Cascades for Website Layouts and Formatting 

  • CSS: what is it; function and use
  • The function of CSS Styles
  • The function of selectors and declaration blocks
  • When and how cascades can improve website formatting

Adding CSS Styles, Selectors and Cascades to an HTML Web Page 

  • Incorporating CSS functionality into your HTML web page document
  • Adding classes, id, tag, and pseudo-class selectors
  • Incorporating the Box Model in your web page design

(Assignment 2: 15%; In Class Project 2: 5%)

Module 4: Structuring a Website so that it is easy for users to Access Information

  • Incorporating Comment Tags in web page design
  • Differentiating between Coding Styles and Standards
  • Role of the F Shape eye tracking
  • 3 Clicks to get anywhere
  • Designing Navigation and breadcrumbs
  • Creating Lists

 (In Class Project 3: 5%; Assignment 3: 15%) 

Module 5: The Steps to follow to Rent a Domain to House your Website

  • Comparing hosts – shopping around
  • Signing up with a company
  • Demystifying the first email
  • Logging in to your account
  • Dashboard management
  • Creating your own email

Posting a Website to a Server 

  • Creating your own file transfer protocol server 
  • Logging into a server with an file transfer protocol as a client
  • Posting files with the dashboard file manager
  • Posting files with a file transfer protocol client 

(In Class Project 4: 5%; Final Project: 40%)

Sheridan Policies

All Sheridan policies can be viewed on the Sheridan policy website.

Academic Integrity: The principle of academic integrity requires that all work submitted for evaluation and course credit be the original, unassisted work of the student. Cheating or plagiarism including borrowing, copying, purchasing or collaborating on work, except for group projects arranged and approved by the professor, or otherwise submitting work that is not the student's own, violates this principle and will not be tolerated. Students who have any questions regarding whether or not specific circumstances involve a breach of academic integrity are advised to review the Academic Integrity Policy and procedure and/or discuss them with the professor.

Copyright: A majority of the course lectures and materials provided in class and posted in SLATE are protected by copyright. Use of these materials must comply with the Acceptable Use Policy, Use of Copyright Protected Work Policy and Student Code of Conduct. Students may use, copy and share these materials for learning and/or research purposes provided that the use complies with fair dealing or an exception in the Copyright Act. Permission from the rights holder would be necessary otherwise. Please note that it is prohibited to reproduce and/or post a work that is not your own on third-party commercial websites including but not limited to Course Hero or OneNote. It is also prohibited to reproduce and/or post a work that is not your own or your own work with the intent to assist others in cheating on third-party commercial websites including but not limited to Course Hero or OneNote.

Intellectual Property: Sheridan's Intellectual Property Policy generally applies such that students own their own work. Please be advised that students working with external research and/or industry collaborators may be asked to sign agreements that waive or modify their IP rights. Please refer to Sheridan's IP Policy and Procedure.

Respectful Behaviour: Sheridan is committed to provide a learning environment that supports academic achievement by respecting the dignity, self-esteem and fair treatment of every person engaged in the learning process. Behaviour which is inconsistent with this principle will not be tolerated. Details of Sheridan's policy on Harassment and Discrimination, Academic Integrity and other academic policies are available on the Sheridan policy website.

Accessible Learning: Accessible Learning coordinates academic accommodations for students with disabilities. For more information or to register, please see the Accessible Learning website (Statement added September 2016)

Course Outline Changes: The information contained in this Course Outline including but not limited to faculty and program information and course description is subject to change without notice. Any changes to course curriculum and/or assessment shall adhere to approved Sheridan protocol. Nothing in this Course Outline should be viewed as a representation, offer and/or warranty. Students are responsible for reading the Important Notice and Disclaimer which applies to Programs and Courses.

[ Printable Version ]

Copyright © Sheridan College. All rights reserved.