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

Unit 1: Intro to WWW


Week 2

updated Fri Jan 19 2018:  corrected dates

Due Dates:

  • Lab #0: January 26th
  • Project Milestone #1: February 2nd

Unit 2: Basic HTML

Links

Code Examples from 2017 Winter

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

updated Fri Jan 19 2018:  corrected MS1 due date

Unit 3: Basic CSS

Project Web Site Concept is due this Friday (Feb. 2)

Content

Code Examples

Links

Code from 2015 Winter


Week 4

updated Fri Jan 19 2018:  added due date

Due Dates:

  • Lab Exercises Set 1: February 9th

Unit 4: Images

Code Examples

Unit 5: Web Design

Unit 5 File


Links


Week 5

updated Fri Jan 19 2018:  added due date

Due Dates:

  • Lab Exercises Set 2: February 16th

Unit 4: Images

Unit 6: More CSS

Unit 6 Code

Links


Week 6

updated Fri Jan 19 2018:  corrected due dates; moved Test 1 here

Test 1: Mar. 6 and 8

Due Dates:

  • Test 1: covers Units 1 to 5
    • February 21stwritten part
    • February 22ndhands-on part
  • Lab Exercises Set 3: February 23rd

Mid-Term Break: February 26-March 2


Week 7

updated Fri Jan 19 2018:  moved Unit 7 here; added due date
updated Wed Feb 14 2018:  added links to Google mobile sites

Project Storyboards & Wireframes are due this Friday (Mar. 9)

Due Dates:

  • Project Milestone #2: March 9th

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
Google Mobile Web Sites
added Wed Feb 14 2018

Week 8

updated Fri Jan 19 2018:  added due date

Unit 7 continued...

Due Date:

  • Lab Exercises Set 4: March 16th

Week 9

Due Date:

  • Lab Exercises Set 5: March 23rd

Unit 8: Tables

Introduction to PHP


Week 10

updated Sun Jan 21 2018:  added due date

Due Date:

  • Lab Exercises Set 6: March 30th

Unit 9 Code

Forms Using PHP


Week 11

updated Sun Jan 21 2018:  moved MS3 due date here

Project Initial Web Site must be uploaded to a public web server by end-of-day Friday, April 6 — you must email (or post on BB) the URL of the main page

Due Date:

  • Project Milestone #3: April 6th

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 Feb 7 2018:  use latest version of jQuery

Week 12

updated Sun Jan 21 2018:  corrected dates updated Thu Feb 22 2018:  added jQuery Tutorials

Review for Test 2 on Apr. 11

Due Date:

  • Lab Exercises Set 7: April 13th

jQuery Tutorials

added Thu Feb 22 2018

From Web Designer Wall [webdesignerwall.com]

  • Local copy (requires password)
  • Downloads (require password): 7z [429,646 bytes] zip [460,075 bytes]

Week 13

updated Sun Jan 21 2018:  corrected Test 2 dates; added lab due date

Test 2: Apr. 18 and 19

Due Dates:

  • Test 2: covers Units 5 to 10
    • April 18thwritten part
    • April 19thhands-on part
  • Lab Exercises Set 8: April 20th

Week 14

updated Sun Jan 21 2018:  adjusted MS4 due day

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

No class on Apr. 25

Due Date:

  • Project Milestone #4: April 27