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)
CS
207 Course Outline
This is the material in the printed "course pack", which you may consult during tests.
You can make notes in it, for example.
CS 203 Quizzes
- Wednesday, October 19, covering HTML
and CSS and minimal PHP
CS 203 Lab Assignments
- September 16, A first HTML page
- September 23, a Table, and transfer
files to Osiris
- October 7, a second page, CSS
styles, and images
- October 14., A form
- October 21, PHP to process your form
data,
- November 4, add write to file to the above
- November 11, first steps in
JavaScript
- November 18,
Check your form using HTML 5 or Javascript, and some Javascript
- November 16, complete form check
using Javascript
- November 25, make your pages better Suggestions: cookie, positioning,
private folder
- December 2, due December 5. Do some more
improvements, Finish up your pages,
clean up. Your final page content will be assigned a grade
after the final lab on December 7. (makeup for a missed Friday)
Delete anything obsolete or ugly.
- Content ready for grading
CS 207 Assignments
, Lab of: (Complete by Friday.)
- January 22,
An organization, and a form
- January 29,
Use database for form request
- February 5,
A second table, and php to modify
- February 12,
- February 19,
Do more, validate a page
- February 26,
(Reading Week)
- March 11,
- March 18.
- March 25
- April 8.
Improve!
- April 12-16, 2021
Previous classes
Class list (Fall 2022) with link to pages
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
-
-
-
Python
- an alternative
Example on osiris,
Form
python code
Not currently working. If you are interested, I will find out why.
-
SQL topics
-
FAQ - frequently (or occasionally)
asked questions
-
FEP - frequently encountered
problems
-
Introduction to JavaScript
-
-
Environment, headers, and security
-
Images: slideshow examples
- PHP
- Page is resent, with the new image
- JavaScript
- page stays, images change -- Simple example, November 2020
- JavaScript
- page stays, images change -- bigger, more complex with extras
- Thumbnails: click to
see the "big picture"
Registration
demonstration Sign
in (password required)
Documentation
Cautionary tales
Finding help while using psql,
etc.
Other language documentation
(subject to upgrades, my links will go out of date whenever a
version changes)
- javadoc
- Java sdk api documentation (look at java.sql.*)
- perldoc
- PERL is a language where "There's more than one way to do it."
- can be terse, formed the basis for php. - For database use,
note the elegance of the division betwin the DBI (high level interface) and
the DBD (particular driver for a particular database type)
- pythondoc -
"And now for something completely different", the Python
language. The tutorial is about all you need..
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