Bishop's coat of arms Valid HTML 4.01
        Transitional

Interactive web page design

The web page for CS 203 and CS 207

Class list with link to pages (You should be here after lab 1)

See your Marks and remarks

Class pictures

(I regret we can't get toghther for one this year)

CS 203 Course Outline
CS 203 Videos from last year's asynchronous class

CS 207 Course Outline

CS 207 Videos to replace lectures

Course pack Contents

This is the material in the printed "course pack", which you may consult during tests, and since tests are on-line this term, you don't need to purchase it except for convenience. You can make notes in it, for example.

Advanced material and student pages at Osiris
Documentation refrences

CS 203 Quizzes

On line, open book, Details to folow.
To be discussed. Last year I gave a 24 hour period with a time limit during that. I will NOT use any "Proctoring software."
  1. Wednesday, October 20, covering HTML and CSS and minimal PHP

CS 203 Lab Assignments

  1. September 14, A first HTML page
  2. September 21, a Table, and transfer files to Osiris
  3. September 28, A second page, CSS styles, and images
  4. October 5, A form
  5. October 12, PHP to process your form data,
  6. October 19, add write to file to the above
  7. November 2, first steps in JavaScript - due Tuesday November 10
  8. November 9, Check your form using HTML 5 or Javascript, and some Javascript
  9. November 16, complete form check using Javascript
  10. November 16, make your pages better Suggestions: cookie, positioning, private folder
  11. November 23, due December 2. Do some more improvements,  Finish up your pages, clean up. Your final page content will be assigned a grade the week of December 7. Delete anything obsolete or ugly.
  12. Content ready for grading

Previous classes

Class list (Fall 2021) with link to pages

Class list (Winter 2021) with link to pages

Class list (Fall 2020) with link to pages

Class list (Fall 2019) with link to pages

Class list (Winter 2019) with link to pages

Class list (Fall 2018) with link to pages

Class list (Fall 2017) with link to pages

Class list (Winter 2017) with link to pages

Class list (Fall 2016) with link to pages

Class list (Fall 2015) with link to pages

Class list (Winter 2015) with link to pages



Images: slideshow examples

Registration demonstration Sign in (password required)


Documentation

Cautionary tales

PHP:  www.php.net  especially useful is the Function Reference, by categories

PostgreSQL, Find at www.postgresql.org

Finding help while using psql, etc.

Other language documentation

(subject to upgrades, my links will go out of date whenever a version changes)

Anatomy of an HTML page

Web pages are written in HTML format, which is a "plain text" file that uses "markup tags" to control the appearance of the displayed text. Tags come in pairs that are nested, and define sections, paragraphs, lists, in-line enhancements, etc. The whole page , for instance, is bracketed by <html> ... </html>

Author will be very useful if I print the source of your page, so I can give you credit!

<!DOCTYPE HTML>
<html>
<head>
<title>Hello Page</title>
<meta name="author" content="Lin Jensen">
</head>
<body>
<h1>
Hello
World!
</h1>
How are you?
How's the weather in <em>Lennoxville?</em>
<p>
This is a paragraph.
blah, blah blah, blah blah, blah blah, blah blah, blah blah, blah
blah, blah <strong>blah, blah</strong> blah, blah
</p>
</body>
</html>

This source looks like:

Hello World!

How are you? How's the weather in Lennoxville?

This is a paragraph. blah, blah blah, blah blah, blah blah, blah blah, blah blah, blah blah, blah blah, blah blah, blah blah, blah blah, blah blah, blah blah, blah blah, blah blah, blah


Go to Course notes Contents
Home page of Lin Jensen