DOING WHAT I DID

We'll work by ourselves today, but feel free to ask your neighbor
for help if the TA is busy.  These are basic skills we are after
in this lab, not anything personally expressive.

If you don't have a cec account, please get one.

Since we have the lab reserved, you and the TA can ask people to
leave, or move to the South side of the room, if they are not in the class.
We tend to sit our people on the North side of the room, since that is
where the video projector is (also, it's close to the help desk and
vending machine).

1.  So you liked what I did in class?  Let's replicate it.
	Find three web sites.  Try the

	 k9.cs.wustl.edu/~loui/htm.cgi?http://www.kdlang.com

	 trick on each one.  But don't use K. D. Lang, since I
	 already did that been there done.

	 Whichever one is simplest, save it to the desktop
	 as a complete web page.  If none are so simple that
	 the htm.cgi script fails on all of them, keep looking
	 until you find a site that works.  But nothing too simple
	 like google.com, please.

2.  I want you to copy the html file to another name.  
	In fact, rename the first one first.html and rename the
	second one second.html.  Open each in its own browser window.
	Both pages should render reasonably well.

	Now edit the second page and change the image tags 
	so that the src attributes refer to the wrong directory.
	You could just prepend a "bogus\" in front of each
	image name, e.g. src=foo.jpg becomes src=bogus\foo.jpg.

	Now when you refresh second.html in the browser, it should
	have broken images.  

	Copy the image folder to a new folder called "bogus\".
	Does this restore the images when you view second.html?

3.  Time to talk to a server.  Try youraccount@hilton.cec.wustl.edu.
	You will have to use the secure shell file transfer program to
	talk to the server.  You can find this on the start menu under
	the internet submenu.  You want to connect to
	hilton.cec.wustl.edu.

	Create a folder called ".www-docs" and change its permissions
	so that anyone can read the contents or execute commands on
	this directory.  You will have to change the view settings
	to display hidden folders.  I bet 3/4 of you will need a lot of help
	here.  Good luck to our TA.  She might want to collect groups
	of five at a time as people reach this point, and show them all
	at once.  If you are self-sufficient, the permissions are on 
	the right side of the secure shell file transfer window.
	The only really tricky thing is that you have to SCROLL RIGHT
	to reveal the permissions on each file and folder.

	Put first.html and the images folder into your .www-docs 
	folder.  Drag and drop should work.

	Your web page should be viewable under the URL

	http://cec.wustl.edu/~youraccount/first.html

	Make sure you can view it using the browser.

4.  Open a notepad window.  Save a file with "hello world" in it
	to the desktop.  View this file in the browser.  You may
	have to make the suffix of this file ".html"

	Now place three images in your html file, using an 
	img tag in each case.  Forgot how to write the syntax of
	an img tag?  Search the internet for "html img help"
	and I bet you will find more than enough help.

	Use the br tag so that each image is on its own line.

	Forgot how to use the br tag?  Hmm...  no sympathy there.

	Specify a height for each image.

	Half of you are advanced enough that your image tags can
	refer to different sources, as I showed in class.  One src
	could be a relative reference.  Another could have an absolute
	file path.  A third could have an absolute URL.

	Look at the neighbor on each side of you to see if in fact
	you are better than they are, or whether one or more of them
	is better than you.  What a fantastic guy I am to write
	such an instruction.  But it serves a purpose.  If there are
	three people in a row who can't do what I described in the last
	paragraph, then you need to mix up your seating a bit more.

	I find that the guys who face East in the middle of the room
	tend to clump together in shared underachievement.  That's
	right, I'm talking to you.  Mix it up a little next time.

5.  Open another notepad window.  This is your chance to write your
	resume using the br and p tags for controlling line breaks,
	and the b, i, and h2 tags for controlling fonts.  You can
	even use the nbsp to indent things, though I don't know
	that you need to do that.

	Include your name, home town, your high school and college names,
	courses taken in each year, and your web related job experience,
	if any.  If you are good, you will find an image of yourself and
	include it with an img tag, sizing it and locating it
	appropriately.

	Don't put your email address on it or you will get spam.

	Put this page on the server when you are done, under the name
	resume.html.  If the TA thinks it passes muster, you are done
	for the day.