SCHOOL OF COMPUTER TECHNOLOGY

COMP 1223 Web Development Fundamentals

Credit Hours:

Contact Hours: 56

Prerequisites:

None

Plar Eligible: [ ] Yes [

] No

Corequisites: None

Effective Date: September 2016

Instructor/s

Email

Phone 416-415-5000 / Room

Maziar Masoudi

mmasoudi@georgebrown.ca

EX.3345 (C467)

Abid Rana

arana@georgebrown.ca

EX.6331 (C467)

Ben Blanc

Ben.Blanc@georgebrown.ca

EX.____ (C467)

Jonathan Barrie

Jonathan.Barrie@georgebrown.ca

EX.____ (C467)

Biljana Vucetic

bvucetic@georgebrown.ca

EX.6336 (C467)

Mak.Nikooray

Mak.Nikooray@georgebrown.ca

EX.____ (C467)

NOTE TO STUDENTS: Academic Departments at George Brown College will NOT retain historical copies of
Course Outlines. We urge you to retain this Course Outline for your future reference.
FOR OFFICE USE ONLY
ORIGINATOR_____________________________________________________________________
SIGNATURE
DATE
CHAIR:

Ylber Ramadani
SIGNATURE

DATE OF REVISION:

DATE

-----------------------_

EQUITY STATEMENT: George Brown College values the talents and contributions of its students, staff and
community partners and seeks to create a welcoming environment where equity, diversity and safety of all groups
are fundamental. Language or activities which are inconsistent with this philosophy violate the College policy on
the Prevention of Discrimination and Harassment and will not be tolerated. The commitment and cooperation of all
students and staff are required to maintain this environment. Information and assistance are available through
your Chair, Student Affairs, the Student Association or the Human Rights Advisor.
George Brown College is dedicated to providing equal access to students with disabilities. If you require
academic accommodations visit the Disability Services Office or the Deaf and Hard of Hearing Services Office on
your campus.
STUDENT RESPONSIBILITIES: Students should obtain a copy of the Student Handbook and refer to it for additional
information regarding the grading system, withdrawals, exemptions, class assignments, missed tests and exams,
supplemental privileges, and academic dishonesty. Students are required to apply themselves diligently to the
course of study, and to prepare class and homework assignments as given. Past student performance shows a
strong relationship between regular attendance and success.

COURSE DESCRIPTION:
This course is an introduction to web programming. The focus of this course is on
fundamentals of a web application such as client and server interaction, application design,
implementation, and deployment. The course focuses on HTML5 and CSS3 features and
standards.

ESSENTIAL EMPLOYABILITY SKILLS:

As mandated by the Ministry of Training, Colleges and Universities essential employability skills
(EES) will be addressed throughout all programs of study. Students will have the opportunity to
learn (L) specific skills, to practice (P) these skills, and/or be evaluated (E) on the EES
outcomes in a variety of courses. The EES include communication, numeracy, critical thinking &
problem solving, information management, interpersonal and personal skills. The faculty for this
course has indicated which of the EES are either Learned (L), Practiced (P) or Evaluated (E) in
this course:
Skill
1. communicate clearly,
concisely and correctly in the
written, spoken and visual
form that fulfills the purpose
and meets the needs of the
audience
2. respond to written, spoken or
visual messages in a manner
that ensures effective
communication

L P E
X

7.

X X

8.

3. execute mathematical
operations accurately

X X X

4. apply a systematic approach

to solve problems

X X X

5. use a variety of thinking skills

to anticipate and solve
problems

6. analyze, evaluate, and apply

relevant information from a
variety of sources

COURSE NAME : Web Development

COURSE CODE : COMP 1223

Fundamentals

Skill
L P
locate, select, organize X X
and document
information using
appropriate technology
and information sources

show respect for the

diverse opinions,
values, belief systems,
and contributions of
others
9. interact with others in
groups or teams in
ways that contribute to
effective working
relationships and the
achievement of goals
10. manage the use of
time and other
resources to complete
projects
11. take responsibility for
ones own actions,
decisions and
consequences

E
X

X X

X X

PAGE: 2

COURSE OUTCOMES:
At the end of this course the student will reliably demonstrate the ability to:
1.
2.
3.
4.
5.
6.
7.
8.

Explain the architecture of a web application

Explain the Server and Client interaction.
Build basic websites with HTML5 using latest features and standards.
Apply standard workflow process for web design and maintenance.
Apply CSS3 to style the websites and presentation layer.
Manage and deploy web content.
Create reusable code modules.
Perform basic search engine optimization.

DELIVERY METHODS:
The instructional methods of this course are comprised of a combination of lectures,
demonstrations, hands-on exercises and take-home assignments.
LIST OF TEXTBOOKS AND OTHER TEACHING AIDS:
Required:

Murach's HTML5 and CSS3 Author: Zak Ruvalcaba and Anne Boehm Publisher: Mike
Murach & Associates ISBN: 978-1-890774-66-0
http://www.gblearn.com

Recommended Resources:
1. http://www.w3schools.com/html/html5_intro.asp
2. http://www.w3schools.com/css3/
TESTING POLICY

Students must complete tests and the final exam on the assigned day. If unable to
complete the test/exam as scheduled, students are required to notify the professor at
least three days prior to the date so alternative arrangements can be made. Failure
to comply with this policy may result in a zero grade.
Lab tests must be completed based on given instructions. There will be no partial
marks awarded for any of the lab tests if they are not complete.

ASSIGNMENT POLICY
Students are expected to:
Submit assignments on the designated due date, during class time; assignments
submitted outside of class time will be considered late. Late assignments without
accompanying documentation will be penalized 20% per day to a maximum of 5
COURSE NAME : Web Development
COURSE CODE : COMP 1223

Fundamentals

PAGE: 3

days, weekends included, after which they are not accepted and a grade of zero is
assigned;
Submit all documented assignments no later than the Monday of week thirteen.
Students are responsible for making sure their marks are up to date on the
blackboard. No mark will change after two weeks from the time marks were
posted on Blackboard.

EVALUATION SYSTEM:
To pass the course student must receive a minimum of 50% of total mark.
The final grade is based on student performance on examinations, assignments and lab tests
as follows:
Assessment: Description:
Quiz

The best 5 out of 8

Outcome(s)

EES

Date/Week: % of Final

assessed:

assessed:

1,2,3,4,5,6,7,8

3,5,10

Grade:
Refer to

quizzes will count.

10

topic outline

Lab Test 1

Hands-On test

1,2,3,4

2,5,6

Lab Test 2

Hands-On test

2,3,4,5

2,3,6

Lab Test 3

Hands-On test

2,5,6,7,8

2,4,7,10

Lab Test 4

Hands-On test

2,5,6,7,8

2, 4, 7, 10

12

Lab Test 5

Hands-On test

2, 3, 5, 6, 7

13

Assignment 1

Take home individual 4, 5, 6

4, 5, 6, 7

10

14

15

assignment
Project
Mid

Take home individual 3, 5, 6, 7, 8

4,

project

9,10, 11

Term Comprehensive

Exam

multiple choice test

Final Exam

Comprehensive

5,

8,

2, 3,

2, 3, 6

20

2, 3, 7

2, 3, 6

15

30

multiple choice test

TOTAL:

100%

GRADING SYSTEM the passing grade for this course is: _D (50%)
A+
A
A-

90-100
86-89
80-85

4.0
4.0
3.7

B+
B
B-

77-79
73-76
70-72

3.3
3.0
2.7

C+
C
C-

67-69
63-66
60-62

2.3
2.0
1.7

D+
D

57-59
50-56

1.3
1.0

Below 50

0.0

Excerpt from the College Policy on Academic Dishonesty:

The minimal consequence for submitting a plagiarized, purchased, contracted, or in any manner inappropriately
negotiated or falsified assignment, test, essay, project, or any evaluated material will be a grade of zero on that
material.
To view George Brown College policies please go to www.georgebrown.ca/policies

COURSE NAME : Web Development

COURSE CODE : COMP 1223

Fundamentals

PAGE: 4

TOPICAL OUTLINE
Week Topic
1

Outcome
1, 2

Content

Reference

The components of web application

Ch 1 Section 1,3,4,5

The core web technology, LAN, WAN, HTTP, IP

Web Servers

Tools for web development and environment setup

XAMP Server installation, configuration and usage

Text editors for HTML and CSS

IDEs for web development

FTP (File Transfer Protocol)

How to deploy and view web pages

Critical web development issues

Cross-browser compatibility

User accessibility

Search engine optimization.

Week 1 tasks: Activate hosting account

1, 2

Introduction to HTML

Ch 2 Section 1,3

Document structure

Ch 3 Section 1, 2

Tags and attributes

Indention and comments

Validation

How to code head section

How to include meta data

Title element

SEO guidelines

How to code text elements

Headings and paragraphs

Special block of text (pre, blcokquote, address)

Inline elements for formatting and identifying text

Character entities

Core attributes (id, class, title, lang)

SEO guidelines
Week 2 tasks: Pre-lab 0 (account directory structure) due week3

1, 2, 3

How to code links

Ch 3 Section 4

Absolute and relative URLs

Ch 7 Section 1, 3

Anchor tag (URL, email and bookmarks)

Ch 8 Section 2, 3

How to code lists

Ordered lists

Unordered lists

Description lists

How to include images

Type of images for the web

Creative commons license conditions for images

Image tag and attributes

Week 3 tasks: Quiz 1 on week 2 topics

2, 3, 4

How to structure the content of the page

COURSE NAME : Web Development

COURSE CODE : COMP 1223

Fundamentals

Ch 1 Section 2

PAGE: 5

Div and span elements

Ch 2 Section 2, 4

HTML5 semantic elements

Ch 4 Section 1,2,3

Introduction to CSS

How to code CSS rule sets and comments

Basic selectors

Validate CSS

CSS rule sets and comments

CSS Units specify measurements

CSS colors

How to include CSS style for a web page

Inline style

Embedded style sheet

External style sheet

Week 4 tasks: Lab test 1 (week 3 topics) , Quiz 2 on week 3 topics

2, 3, 4, 5

HTML5 semantic elements in older browser.

Using html5shim

Using CSS

CSS selectors

Elements and element types selector

Type selector

Id and class selector

Relational selectors

Combinations of selectors

Attribute selectors

pseudo-class and pseudo-elements selectors

Hot to work with text

Set font-family and size

Styling font

Indent and align text

Transform and decoration

Add shadows to text

C 4 Section 1,3,4

Week 5 tasks: Quiz 3 on week 4 topics

6

3, 5, 6

Introduction to table

Create table

Table header, footer and caption

Merge cells in row or column

Nested table

Use CSS to format table

Using pseudo-classes to format tables

Ch 9 Section 1, 2

Week 6 tasks: Lab test 2 (week 4 and 5 topics), Quiz 4 on week 5 topics
7

Advanced skills for working with images

HTML5 figure and figcaption elements

Use figure and figcaption elements with table

Work with thumbnails and Image rollovers

Create image map, image resize and create favicons

Ch 8 Section 2

Week 7 tasks: Lab test 3 (week 6 topics), Assignment 1 due, Lecture Quiz 5 on week 6 topics
8

COURSE NAME : Web Development

COURSE CODE : COMP 1223

Intersession Week

Fundamentals

PAGE: 6

Week 8 tasks: Mid-term exam week 9 topics from week 1 to week7

9
10

5, 6, 8

MID-TERM EXAM multiple choice questions

An introduction to CSS box model

How the box model works

How to resize and space elements

Set heights and widths

Set margins and padding

How to set borders and backgrounds

Set borders, rounded corners and shadows

Set background colors and images

Set background gradients

Ch 5 Section 1, 2

Week 10 tasks:
11

7, 8

Hot format lists using CSS

Change the bullets for an unordered list

Change the numbering system for an ordered list

Change alignment of list

How to create navigation lists and bars

Create navigation list

Create navigation bar

How to use CSS for page layout

Float elements in 2- and 3-column layout

How to float and clear elements

Fixed-with layout

Liquid layout

Create text columns

The properties for creating text columns

How to position elements

Four ways to position an element

Absolute and fixed positioning

Ch 6 Section 1,2,3,4

Week 11 tasks: Quiz 6 on weeks 7 and 10 topics

12

6, 7, 8

Introduction to forms

Create form

Create buttons

Create text fields and password fields

Create radio buttons and check boxes

Create drop-down list and list boxes

Create text areas

Create labs

Fieldset and legend elements

File upload control

Ch 10

Week 12 tasks: Quiz 7 on week 11 topics, Lab test 4 (week 10 and 11 topics) due
13

7, 8

HTML5 features for data validation

Html5 attributes and CSS3 selectors for data validation

Use regular expression for data validation

Create datalist

How To use the HTML5 controls

COURSE NAME : Web Development

COURSE CODE : COMP 1223

Fundamentals

Ch 10 Section 1, 2, 3,4

PAGE: 7

How to use the email, url, and tel controls

How to use the number and range controls

How to use the date and time controls

How to use the search control

How to use color control

Lab test 5 (topics week 12) due

Week 13 tasks: Lab test 5 (week 12 topics) due, Quiz 8 on week 12 topics

14

15

1, 2, 6, 7, 8 -

Assignment #2 due/ Presentation

Chapters 11, 12, 13, 14, 15, 16

Review Perpetration for exam

FINAL EXAM multiple choice questions

Please note: this schedule may change as resources and circumstances require.

For information on withdrawing from this course without academic penalty, please refer to the
College Academic Calendar: http://www.georgebrown.ca/Admin/Registr/PSCal.aspx

COURSE NAME : Web Development

COURSE CODE : COMP 1223

Fundamentals

PAGE: 8