<html> and </html>,
<head> and </head>,
<body> and </body>,
<strong> and </strong>,
<i> and </i>,
<html> and
</html> is to be interpreted as HTML commands;
<title> and
</title> is the title of the Web page;
<body> and
</body> is the body of the Web page;
<i> and
</i> is to be displayed in italics;
<head> <title> This is the title </title> </head>would be legal, but
<head> <title> This is the title </head> </title>would not.
OK, enough of viewing the document source. Close the "source" window, so that you're looking at the pretty, multi-colored rendition of the Web page again. Now, from the "File" menu, choose the "Save As..." command to save a copy of this Web page on your own computer.
Your own computer, just like my Web site, is made up of directories
(also known as "folders"), sub-directories, and files; you'll
need to move around among these directories to find a suitable place to
put your copy of the boilerplate Web page before you can start changing
it. We'll discuss exactly how to do this in class; however, I want you
to find the C: drive, then the "users" folder
within it, create a new folder within it labelled with your own name,
and save the boilerplate Web page into this new folder.
Now you have your own copy of my boilerplate Web page on your own
computer. This means that you can look at it even if your Net
connection fails, or if panther fails, etc. Use the
"open" command in your Web browser, navigate through the folders and
sub-folders to where you saved the boilerplate page, and open it. It
should look the same way it did before, but perhaps appear a little
faster because it doesn't need to be retrieved over the Net.
You'll need to start CodeWarrior from the "Start" menu at the bottom of the screen. It'll take a few seconds, but eventually you should see a new menu bar labelled "Metrowerks Code Warrior" at the top of the screen. From the "File" menu, choose the "Open" command, navigate through the folders and sub-folders to your copy of the boilerplate Web page, and open it. You'll see pretty much the same thing you saw when you used the "View Document Source" command in the browser. But now you can change things just by pointing at a particular place on the screen, clicking your mouse button, and typing. Again, there are lots of details which we'll discuss in class. But your ultimate goal is to change the Web page into a personal Web page about yourself.
boilerplate.html file into a personal Web page
about yourself. Give it an
appropriate title and appropriate section headers.
Include a paragraph or two about
yourself, at least three different styles of text, and at least
three links to other interesting sites on the World Wide Web.
Next week, as soon as your panther accounts are set up, you can
upload this page to your panther account so that it's available
to people around the world on the Web.
In the meanwhile, as soon as you're happy with it (and you can check
how the page really looks by opening it with a Web browser),
send it to Dr. Bloch
by electronic mail.
coalesce.html. Back in the "View Document
Source" window, select everything
from <applet> to </applet>,
copy and paste it into the coalesce.html file
on your own machine. (Do not use the code labelled
"HTML:" that appears on the Web page itself, as that's
not necessarily what the Web page actually uses.)
Now that the HTML file is saved on your own machine, you'd like to be
able to modify it and view your own version. However, the HTML file's
main purpose in life is to run a Java applet, which used to be
"right next door" and now isn't even on the same computer, in
the same state. If you try to view coalesce.html now,
you'll get an error message saying "Applet can't start: class
CoalesceContinuous not found". So you'll need to modify the HTML
file. Look for the line that says
codebase="../AllClasses"As you've seen in exploring the "downloads" folder, ".." often means "the folder containing this one". So
coalesce.html expects to find its Java applet by
starting at the folder containing coalesce.html, moving up
to the folder containing that folder, and then moving down to another
folder named "AllClasses". Since coalesce.html
used to be in the folder named
http://www.vivids.com/ij2/assorted,
moving up to the containing folder would take us to
http://www.vivids.com/ij2, and then moving down to
"AllClasses" would take us to
http://www.vivids.com/ij2/AllClasses.
So we'll skip all this, and simply tell coalesce.html
to look for its Java applet in
http://www.vivids.com/ij2/AllClasses. You can do this by
opening coalesce.html with CodeWarrior's editor and
replacing "../AllClasses" with
"http://www.vivids.com/ij2/AllClasses".
Now you should be able to view the page on your local machine.
coalesce.html that start with
<param name=. Each of these specifies a
parameter, which is how an HTML file sends information to the
Java applet it runs. (More generally, whenever one "entity"
inside a computer asks another entity to perform a service, it sends
specific information about what it needs done in parameters.)
If you get tired of the Shelley quotation, you can replace it with one
of your own. The parameter "TextCount" tells the Java applet
how many lines of text there are, and the parameters "text1",
"text2", etc. provide the specific text. You can also change
the background color of the applet, how fast it runs, what font it
uses, etc. by changing other parameters. Experiment
with this, and send me the modified HTML file by
email, together
with comments on how it behaved when you changed various parameters.