This is an archived course — it will not be offered again, and has been replaced by CTEC1433.

The primary online resource is w3schools.com.

The course began on Friday, January 10th, 2020, and runs to Friday, April 17, 2020.

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, HTML, CSS, PHP and JavaScript. 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 Thu Jan 16 2020:  corrected dates

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

Due Date:

  • Project Milestone #1: January 17th

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 16 2020

Unit 3: Basic CSS

Content

Code Examples

Links

Code from 2015 Winter


Week 4

updated Thu Jan 16 2020:  corrected due date

Lab 1 is due this Friday (Jan. 31)

Due Date:

  • Lab Exercises Set 1: January 31st

Unit 4: Images

Code Examples


Links

Unit 5: Web Design

Unit 5 File


Week 5

updated Thu Jan 16 2020:  updated Test 1 date

Test 1: Feb. 7


Week 6

Unit 6: More CSS

Unit 6 Code


Week 7

updated Thu Jan 16 2020:  moved Unit 6 to Week 6; updated MS2 due date updated Fri Feb 21 2020:  added Test 1 solutions

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

Due Date:

  • Project Milestone #2: February 21st

Test 1 web page solutions. added Fri Feb 21 2020

Unit 7: Page Layout with CSS

Two-Column Layout

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

Mid-Term Break: February 24—28

Week 8

Lab 2 is due this Friday (Mar. 6)

Due Date:

  • Lab Exercises Set 2: March 6th

Unit 7: Page Layout with CSS

Three-Column Layout

Screen vs. Print

CSS Sprites

Wireframes

Unit 7 Code

Unit 8: Tables

Links

Google Mobile Web Sites

Week 9

updated Thu Jan 16 2020:  updated Test 2 date

Test 2: Mar. 13


Week 10

updated Mon Mar 23 2020:  COVID-19
There were no scheduled classes or due dates this week

Week 11

updated Mon Mar 23 2020:  Forms and PHP (Units 9 and 10) are here now

Unit 9 Code

Introduction to PHP

Forms Using PHP

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


Week 12

updated Mon Mar 23 2020:  moved Lab 3 due date here; removed Project MS3; JavaScript (Unit 11) is here now

Lab 3 is due this Friday (Apr. 3)

Due Date:

  • Lab Exercises Set 3: April 3rd

Unit 11

JavaScript and jQuery Links

More Links

CDN Sources

updated Thu Jan 16 2020:  updated to latest jQuery version

Week 13

updated Mon Mar 23 2020:  Lab 4 due date moved here

Lab 4 is due this Friday (Apr. 10)

Due Date:

  • Lab Exercises Set 4: April 10th

Week 14

updated Mon Mar 23 2020:  Project MS4 due date moved here
updated Tue Apr 14 2020:  added practice test link

Project Final Web Site must be uploaded to a public web server by end-of-day Thursday (Apr. 16) — you must email (or post on BB) the URL of the main page

Due Date:

  • Project Milestone #4: April 16th

Test 3: Apr. 17