Sample Page #2
So what's so different about this page so far?
Well, so far, it has done two things that are different from the first sample page:
- It has incorporated an image (the Edgewood College banner at the top of the page). Note: When you use an image like this, make sure that you give the proper pathname in your code so that the browser can find it. The easiest way to ensure that your images work properly is to save a copy of the image file (".jpg" or ".gif" file) in the same directory that all your html files are in. That way, you only have to type the image's filename into the code for your page.
- It has set a background color for the page, and specified colors for the text and the links. (You'll find this bit of code as part of the "body" tag, near the beginning of the file. "Bgcolor" sets the background color; "vlink" stands for "visited link"--a link you have already clicked on; "alink" stands for "active link"--a link your are actually clicking on at the moment; the others should be obvious.)
So what else is going to be different?
First of all, it's going to use a hyperlink. Setting background colors is tricky, unless you have a photographic memory for all the hexadecimal codes that are required to specify colors, so it is useful to have a quick reference like the
RGB Hexadecimal Color Chart.
It should also have a table, I suppose, so that you will have the code in front of you. So here's the navigation bar for this site:
That's all for now, folks.
Keep looking at other web pages--figure out how they do the things that you like to see.
And don't be afraid to use these sample pages as templates for the simpler codes if you want to. You're also welcome to copy code from the other English 200 class pages.
I'll close with a repeat of part of the last paragraph of the first sample file: To take a look at the html source code that produced this page, click on "View" in the menu bar of your browser, then choose "Page Source" (for Netscape) or "Source" (for MS Internet Explorer). To use the code as a template to start another (and hopefully much more appealing) web page, simply open the file "sample1.htm" in Notepad or any other text editor. (If you are working outside the campus LAN, you should first click on "File" in your browser's menu bar, then choose "Save As," and save the file to your own disk or hard drive.)