The primary online resource is w3schools.com.

The course began on Wednesday, January 9th, 2019.

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 Tue Jan 15 2019:  corrected dates

Project Web Site Concept is due this Friday (Jan. 18)

Due Date:

  • Project Milestone #1: January 18th

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:

Software

XAMPP


Week 3

updated Thu Jan 17 2019

Unit 3: Basic CSS

Content

Code Examples

Links

Code from 2015 Winter


Week 4

updated Thu Jan 17 2019:  corrected due date

Lab 1 is due this Friday (Feb. 1)

Due Date:

  • Lab Exercises Set 1: February 1st

Unit 4: Images

Code Examples


Links


Week 5

updated Thu Jan 17 2019

Unit 5: Web Design

Unit 5 File


Week 6

updated Thu Jan 17 2019:  updated Test 1 date

Test 1: Feb. 13


Week 7

updated Thu Jan 17 2019:  description

Project Site Map & Wireframes are due this Friday (Feb. 22)

Due Date:

  • Project Milestone #2: February 22nd

Unit 6: More CSS

Unit 6 Code

Unit 7: Page Layout with CSS

Two-Column Layout

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

Mid-Term Break: February 25—March 1

Week 8

updated Tue Mar 5 2019:  added Lab 1 solution link

Lab 2 is due this Friday (Mar. 8)

Due Date:

  • Lab Exercises Set 2: March 8th

Lab Set 1 solutions have been unlocked on the Lab Exercises and Sample Code page added Tue Mar 5 2019

Unit 7 continued...

Unit 7: Page Layout with CSS

Three-Column Layout

Screen vs. Print

CSS Sprites

Wireframes

Unit 7 Code

Links

Google Mobile Web Sites

Week 9

Unit 8: Tables


Week 10

updated Thu Jan 17 2019:  corrected due date

Lab 3 is due this Friday (Mar. 22)

Due Date:

  • Lab Exercises Set 3: March 22nd

Unit 9 Code

Forms Using PHP


Week 11

updated Thu Jan 17 2019:  updated MS3 due date

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

Due Date:

  • Project Milestone #3: March 29th

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.

Links

Unit 11

JavaScript and jQuery Links

jQuery Validation Plugin

More Links

CDN Sources


Week 12

updated Thu Jan 17 2019:  corrected dates

Review for Test 2 this Wednesday (Apr. 3)

Lab 4 is due this Friday (Apr. 5)

Due Date:

  • Lab Exercises Set 4: April 5th

Week 13

updated Thu Jan 17 2019:  corrected Test 2 dates

Test 2: Apr. 10 and 11

Due Dates:

  • Test 2: covers Units 5 to 10
    • April 10thwritten part
    • April 11thhands-on part

Week 14

updated Thu Jan 17 2019:  adjusted MS4 due date

Project Final Web Site must be uploaded to a public web server by end-of-day Thursday (Apr. 18) — 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. 17

Due Date:

  • Project Milestone #4: April 18

The remaining course materials are currently offline.  The course is being re-designed for 2019 Winter.