This refers you to my website, and the course page thereof,
See links below.
We will cover 4 languages, the goal is to make your own website with interesting content. Weekly "lab" assignments.
This was my first video. I raise the question of survival of records of our digital age, and point out that plain text files need to fit on paper, while computer screens are quite variable.
It evolved into the personal computer. The important role of secretaries in the continuity of technological change. Why there is a limit of 80 characters per line in a plain-text file.
An early history of the internet. Hypertext: Easy to jump around. Graduate students
defined and implemented links and markup tags for flexible display.
I get out a whiteboard and show a brief example.
HTML is written in a plain-text editor. A web browser then renders it in a nice form that fits whatever medium (scren or paper) is to display it. The files involved can be found here, You can always view the HTML source with ctrl-U (view source).
I include an image in this file, and upload it to a server, as you will be doing in Lab 2.
If you are a Mac or linux user, this is done using scp on a command line.
However, if you are a windows user, you will need to use WinSCP, which is installed on Bishop's lab computers.
Otherwise, you will have to download it, as I had to on the computer I use for recording these videos. Shahn Nadeau of ITS has made a video of how to do this, and provided these links in it, for me and you.
As requested Sept. 23, a preview of CSS, adding a table, and how to do ssh and scp with various operating systems.
How and why to resize images, ethics of borrowing others' picture, about CSS and backgrounds. Fill out form when lab is ready
Creating an HTML form. Various types of input, a quirk in PHP about mutiple elements
with same name.
the name must end in , else php throws away all but the last!
A.php file is just HTML with some script (programming language) inserted.
SELECT form element introduced.
Watch me make numerous programming errors, to see how they are reported. Goofy finally orders a pizza!
Should it be public (in www) or private , in your home directory. Create the file, and give "others" write permission. Guard against abuse,robots attack web forms! open file with fopen, in mode 'a' append (to the end) of the file. -- see the lab notes.
Questions about how to write to log files, I explained the file system,
why home is good for private files.
htmlspecialchars() function for print to the result page. (My middle name is <H1> !)
As users interact with your pages, how to save information, such as filling
a shopping cart. Cookies are set by either server or client, and stored on the client,
A PHP session can cover several pages, with data saved in the $_SESSION array.
Watch as I try to complete the quiz in under an hour, using the unfamiliar Windows environment. Hopefully helpful tips on finding and correcting errors.
checking a form using html 5 features: required, input types number, date, email, patterns, such as postal code (I think that's pattern="\w\d\w\s?\d\w\d"). Regular expressions are useful in several contexts.
Back to doing what you want to. Make it your web site, get rid of whatever you did just to humour me.
A tree too big to embrace grows from a slender shoot. A thousand mile journey begins with a single step. People commonly ruin their work when they are near success. Proceed at the end as at the beginning and your work won't be ruined. -- Lao-Tzu
This day I realized my existing slideshow was to complex, so I developed a new one that uses setInterval(). You can watch me make mistakes and get help from the students in attendance. In the end, it worked except tor the STOP button, because I wrote
<button onClick="clearInterval('changer')"> STOP!</button> BAD <button onClick="clearInterval(changer)"> STOP!</button> GOODYou see, 'changer' is just a string of 5 letters, NOT the variable that was created to identify the interval.
See the example at https://osiris.ubishops.ca/jensen/slides.html
Using the w3.org validators to check your html and css. Links to them are