Bishop's coat of arms Valid HTML 4.01
        Transitional

Interactive web page design

The web page for CS 203 and CS 207

Fall 2022 class

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

See your Marks and remarks

Class pictures

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. You can make notes in it, for example.

Advanced material and student pages at Osiris
Documentation refrences

CS 203 Quizzes

  1. Wednesday, October 18, covering HTML and CSS and minimal PHP

CS 203 Lab Assignments

  1. September 13, A first HTML page
  2. September 20, a Table, and transfer files to Osiris
  3. September 27, a second page, CSS styles, and images
  4. October 4., A form
  5. October 11, PHP to process your form data,
  6. October 25 add write to file to the above
  7. November 1, first steps in JavaScript
  8. November 8, Check your form using HTML 5 or Javascript, and some Javascript
  9. November 15, complete form check using Javascript
  10. November 15, Lab 10. make your pages better Suggestions: cookie, positioning, private folder
  11. November 22, Lab 11. Do some more improvements,  Finish up your pages, clean up. Your final page content will be assigned a grade after the final lab on November 29. Delete anything obsolete or ugly.
  12. November 29, (last scheduled lab period)
    Content ready for grading.
    I will start evaluating overall content, which counts for 10% of the final mark.

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



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