WEB 102 HTML and CSS

School of Arts and Technology

WEB 102 HTML and CSS introduces students to Hypertext Markup Language (HTML), Cascading Style Sheets (CSS), web standards and web accessibility. Students will use best practices and follow web standards set by the World Wide Web Consortium (W3C) to create content that looks appropriate and functions correctly on all devices. Using the mobile first method, students will apply the skills learned to design and build a standards compliant website from conception through completion.

Accessibility Services Notice

Students who would like an academic accommodation and who have a documented disability should contact Accessibility Services, if they have not already done so.

Transfer Agreements

Course to Course transfer – NoBlock Transfer – Nobctransferguide.ca

Course Details
Total number of weeks	n/a
Total Credits
Total Hours	75

Typical hours per week breakdown
Lecture	60
Lab (lab, field, computer)	15

Learning Outcomes

Upon successful completion of this course, the learner will be able to:

Explain terms, concepts and theories of web development
Create website directory structures, name files and folders, and manage files
Write markup to create standards compliant HTML pages
Use the mobile first method to write CSS for HTML documents that reproduce the design of a web site mockup
Test, troubleshoot, and validate web pages using appropriate web developer tools
Create responsive webpages that will function properly on all devices
Explain the Web Content Accessibility Guidelines (WCAG) and incorporate them into web content
Install, configure and populate a content management system
Create a purposeful, well designed, fully functioning website

Teaching and Learning Approach

A combination of theory-based lectures and context-based demonstrations, with regular opportunities for hands- on participation. This course is delivered online using live Zoom lecture and lab as well as some asynchronous components.

Learning Resources

Required: NONE Recommended: NONE

Detailed Course Content, Topics, and Sequence Covered

1. Setting up the local environment Introduction to the internet and world wide web; Introduction to HTML Creating basic web pages Adding images and links to web pages Emmet Introduction to CSS and styling; File paths; Color Text styles 2. Intermediate CSS; Selection and priority; Layout Validation Intermediate layout; CSS grids; Embedded fonts and icons Responsive design; Mobile-first methodology; Media queries; Optimization Forms Server-side vs client-side; CSS flex 3. Tables Position property Accessibility Introduction to CMS Create a local development environment 4. WordPress Dashboard and basic Content Types WordPress themes and plugins WordPress Child theme

Assessment

Title	Learning Outcomes	Value
Challenge 1: Structure of an HTML Document	1, 2, 3	5%
Challenge 2: Applying CSS	2, 3, 4	5%
Challenge 3: Intermediate CSS Challenge 4: CSS grid and web font	2, 3, 4, 5 and	5%
icons	2, 3, 4, 5	5%
Challenge 5: Responsive website	2, 3, 4, 5, 6	5%
Challenge 6: Forms	2, 3, 4, 5, 6, 7	5%
Challenge 7: HTML Tables Assignment 1: Website with HTML	2, 3, 4, 5, 6, 7, 8 and	5%
CSS	2, 3, 4, 5, 6, 7, 8	15%
Assignment 2: CMS install and basic usage	11, 12, 13	15%
Project: Original Website	2, 3, 4, 5, 6, 7, 8, 11, 15	12, 13, 35
Total		100%

Grading Table

Standard Academic and Career Programs Grading Table

Percentage	Letter Grade	GPA
90-100	A+	4.33
85-89	A	4.00
80-84	A-	3.67
76-79	B+	3.33
72-75	B	3.00
68-71	B-	2.67
64-67	C+	2.33
60-63	C	2.00
55-59	C-	1.67
50-54	P	1.00
0-49	F	0.00
	DNW	0.00

See the Academic Calendar for General Information including how to withdraw from course(s) and other regulations.

Disclaimer

Information contained in this course outline is correct at the time of publication. Content of the course is revised on an ongoing basis to ensure relevance to changing educational, employment and market needs. The instructor will endeavor to provide notice of changes to students as soon as possible. The instructor reserves the right to add or delete material from courses.