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
