The primary online resource is w3schools.com.

By week: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14


Course Description

You will learn how to build a complete web site from scratch. You will study Internet technologies, such as TCP/IP, XHTML, CSS, CGI, and PHP. You will discover and experiment with cloud technology, document management systems, and content management systems.

Week 1

updated Thu Jan 21 2016:  added Week 1 heading

Unit 1: Intro to WWW


Week 2

updated Wed Jan 18 2017:  corrected dates

Due Dates:

  • Lab #0: January 18th
  • Project Milestone #1: January 23rd

Unit 2: Basic HTML

Code Examples

Links

Files from 2015 Winter:

  • hello2.html [HTML; 518 bytes] — complete web page example, with hyperlinks
  • page1.html [HTML; 142 bytes] — linked to from hello2.html
  • page2.html [HTML; 142 bytes] — linked to from hello2.html
  • week2.7z [7Z; 616 bytes] — pages with relative and absolute hyperlinks (unzip in XAMPP htdocs folder)

Code examples from 2014 Winter:

XAMPP


Week 3

added Thu Jan 21 2016 updated Wed Jan 18 2017:  corrected MS1 due date

Unit 3: Basic CSS

Project Web Site Concept is due this Monday (Jan. 23)

Content

Code Examples

Links

Code from 2015 Winter


Week 4

added Thu Jan 21 2016
updated Fri Feb 3 2017:  moved Unit 5 here

Unit 4: Images

Code Examples

Content added Tue Feb 2 2016

Unit 5: Web Design

Unit 5 File


Links

added Tue Feb 2 2016

Week 5

updated Thu Feb 11 2016:  added Unit 6 Code
updated Fri Feb 3 2017:  moved Unit 5 to Week 4

Unit 6: More CSS

Unit 6 Code

Links


Week 6

updated Mon Jan 23 2017:  corrected due dates
updated Mon Feb 13 2017:  moved Unit 7 content here

Project Storyboards & Wireframes are due this Wednesday (Feb. 15)

Due Dates:

  • Project Milestone #2: February 15th

Unit 7: Page Layout with CSS

Two-Column Layout

Note: all links within each page result in 404's

Three-Column Layout

Screen vs. Print

CSS Sprites

Wireframes

Unit 7 Code

Links

  • ColorHexa [colorhexa.com] — colour encyclopedia

Week 7

updated Mon Jan 23 2017:  corrected due dates
updated Mon Feb 13 2017:  added Family Day announcement

No class on Feb. 20 — Family Day

Review for Test 1 on Feb. 22

Due Dates:

  • Lab Exercises 1, 2, & 3: February 24th

Mid-Term Break: February 27-March 3


Week 8

updated Mon Jan 23 2017:  moved Test 1 here

Test 1: Mar. 6 and 8

Due Dates:

  • Test 1: covers Units 1 to 5
    • March 6thwritten part
    • March 8thhands-on part

Week 9

updated Thu Mar 10 2016:  added content
updated Mon Feb 13 2017:  moved Unit 7 content to Week 7 (2017 Winter)

Test 1 Solutions (Practical Part)

Unit 8: Tables

Introduction to PHP


Week 10

updated Thu Mar 10 2016:  added content updated Wed Mar 15 2017:  moved MS3 due date to Week 11

Unit 9 Code

Forms Using PHP


Week 11

updated Thu Mar 10 2016:  added content updated Wed Mar 15 2017:    moved MS3 due date here

Project Initial Web Site must be uploaded to a public web server by end-of-day Monday (Mar. 27) — you must email (or post on BB) the URL of the main page

Due Date:

  • Project Milestone #3: March 27

More Unit 10 code

  1. Visitor form example — uses the HTML5 required attribute; and label, fieldset, legend, and datalist elements.
  2. Brochure form exampleView source uses the required attribute, combined with a PHP function to indicate required fields.
  3. Brochure form example 2 View source — inlined CSS into PHP function, plus added PHP code to "process itself".
  4. All HTML5 input types:
  5. Comment form example — uses JavaScript to pre-process (validate) the form inputs.

Lab 7, Exercise 3

Links

Unit 11

JavaScript and jQuery Links

jQuery Fotorama Plugin

jQuery Validation Plugin

More Links

CDN Sources

updated Wed Apr 6 2016:  fixed bad URLs

Week 12

updated Tue Mar 8 2016:  added some content updated Mon Jan 23 2017:  corrected due dates

Review for Test 2 on Apr. 5

Due Date:

  • Labs 4, 5, 6 & 7: April 7

Week 13

updated Tue Mar 8 2016:  added Test 2 updated Mon Jan 23 2017:  corrected Test 2 dates

Test 2: Apr. 10 and 12

Due Dates:

  • Test 2: covers Units 5 to 10
    • April 10thwritten part
    • April 12thhands-on part added Tue Apr 12 2016

Week 14

updated Mon Jan 23 2017:  adjusted MS4 due day

Project Final Web Site must be uploaded to a public web server by end-of-day Wednesday (Apr. 19) — you must email (or post on BB) the URL of the main page — even if it is the same as the initial web site

This week's classes will be project/lab work periods (no lectures)

Due Dates:

  • Project Milestone #4: April 19
  • Lab 8: April 21