The scrolling "Today" was
built with transparent GIF image
frames, while the scrolling
"January 19th" was not.
http://www.whitsoftdev.com/unfreez/
http://www.boutell.com/mapedit/
Example of image navigation
http://tucows.com/
Review: key points
- account working with Hyperion and URCourses
- regularly checking U of R mail
-
ftp://ftp.cs.uregina.ca/pub/class/100
i.e. can download from FTP server to PC
- WinSCP
i.e. can upload from PC to public_html on Hyperion
- file permissions understood
- checkpoint exercise: initial setup of your web site finished
- can edit a web page with Notepad
- reading textbook
animated GIF needed in Assignment 1
- know the HTML tags needed to include links and images on pages
- be able to create animated GIF images
- practise lots before practising again
Computer Time Line as symbolized by covers from Time magazine
Institutional Computing Era 1950-1975
Personal Computing Era 1975-1995
Interpersonal Computing Era 1995-2006
You (and Web 2.0) Computing Era 2007-
Your data
|
Examples of lists
Giffy 2.0
Download Giffy 2.3
Nice listing of HTML tags
HTML character codes
Color Names
A color table
Randy Glasbergen's Daily Cartoon (see the points he makes about copyright)
Links and animation
Questions
example
Yet another animation: snowboarding
Simple table
table example
slightly different table
another simpler variant
IconBazaar Example
Table styles
|
HTML5 video
Referencing images
Starting CSS
style1.css
style2.css
style2_both.css
style2_column.css
style2_one.css
style2_repeat.css
style2_row.css
More styles
style sheet used
midterm
essays |
