Contents
Related Pages
I have made a cascading style sheet and two SSIs for the class website, as well as a banner and right sidebar. In order for your page to coordinate with the rest of the website, you will need to include certain elements of code on your page. (I have attached copies of the code for the SSIs and CSS in case any of your are curious about how they work.)
The first thing to do is to make sure that your paper is in spit-spot condition. There should be no typos, you should have read it aloud to catch any stylistic oddities, and of course, you should have run spell- and grammar-check. Your paper should be about 6 pages long. In addition, be sure that your complete bibliography is included at the bottom of the page.
Now find out what to name your page. Look at the sidebar on the right and click on your topic. Use the filename of that URL for your file (it should be something like "travel.shtml" or "birth_control.shtml").
Go to the text editor on your computer (SimpleText on a Mac; WordPad on a PC) and create a new file. Give this file the name you discovered above - be sure that it is precisely the same name, with the same capitalization and the .shtml ending. If the filename is not exactly the same, I won't be able to view your paper. IF YOU ARE ON A PC, make sure that the FILE TYPE is "text-only," while the suffix is .shtml.
Now you need to insert the necessary code for your page. Highlight all of the code in the light green box below and insert it into your empty text editor page.
|
<SHTML> <HEAD> <TITLE>
Women's History Then & Now - Your Topic Here</TITLE> <STYLE TYPE="text/css"> <!-- A:link { color: 8cdcdb; text-decoration:none; font-family: Arial; font-weight: bold; font-size: 16px; } A:visited { color: 3b4948; text-decoration:none; font-family: Arial; font-weight: bold; font-size: 16px; } --> </STYLE> </HEAD> <BODY bgcolor="#788c8b"> <div class="box01"> <!--#include virtual="link.txt" --> </div> <div class="head"> <!--#include virtual="header.txt" --> </div>
<H1>Main Head (H1)</H1> <H2>Subheads (H2)</H2> <H3>Sub-Subheads (H3)</H3> <B>Boldface (B)</B> <P>Replace these words with your own. You must copy the code underlying this page see <B>View/Code</B> or <B>View/Source Code</B> on your pull-down menu) exactly, from <B><I><SHTML></I> to <I></div></I></B> and from <B><I></P>This page was modified...</I> to <I></SHTML></I></B>. See <A HREF="http://www.cwrl.utexas.edu/~ulrich/femhist/coding.html">How to Code Your Paper</A> for details.</P>
<center><P>This page was written by <B>YOUR NAME HERE</B>, and is maintained by <A HREF="mailto:mel-u@mail.utexas.edu">Melanie Ulrich</A>.</P></center>
<center><P>This page was last updated <font color="#8cdcdb"><!--#echo var="LAST_MODIFIED" --></font></P></center>
</BODY> </SHTML> |
The text that is in blue above needs to remain exactly as it. Change the bold, pink text where appropriate. BE SURE to change the topic in the <TITLE> tag to your own topic, and to insert your name into the page credits.
Now insert the text of your paper into the body of the code, UNDER the
<div class="head"> <!--#include virtual="header.txt" --> </div> and ABOVE the <center><P>This page was written by <B>YOUR NAME HERE</B>.
Insert your topic in the <TITLE> tag within the <HEAD>
Insert the appropriate content into the META tags in the <HEAD>. Go to the Intro the Web Building to find out more about META tags, if necessary (or view the source code for the index page of this website and look at how I filled in the META tags).
Add your paper's title in the BODY of the page, using the H1 tag.
Divide your paper into subsections, using the H2 and H3 tags. To see how these formats will look, go to the examples on your template page (via the sidebar in this website).
Make an <A NAME> (anchor tag) for each section that you make, and include a linked table of contents, as you did for Web3. (One of the links should go to your bibliography).
Next add your graphics to the page, using the skills you learned in Web2. Be sure to include ALT code and HEIGHT and WIDTH specifications.
Remember that you need to enclose all of your text in Paragraph tags (<P>), or else the formatting won't work.
Once you have completed and saved the code, check to make sure that it works. THE ONLY WAY TO TEST PAGES THAT CONTAIN SSIs is to upload them to your server (this is because SSIs - "Server Side Inserts" - are provided by the server - if you don't have a server, they won't show up).
To do this, you will need to upload the following to your web account (Geocities or CCFW):
Your .shtml file
All of your graphics files
A copy of the style.css file
A copy of the link.txt file
A copy of the header.txt file
A copy of header3.gif
A copy of base.gif
The links in the sidebar won't work because they are coded for a different URL. However, your should be able to see the background (slate green with pictures of women on the left), the header (reading "Women's History Now & Then) and a light green sidebar on the right. Links within your paper should be light green with no underlines. Visited links should be a very dull dark green. Boldfaced text should be pink. The images should show up, and your links to other web sites should work. At the bottom of the page, my email address should work, and the code should automatically display the date when the page was last updated.
On the last class day (May 3), you need to electronically submit your paper to the Teacher Folder (in the subfolder "FEMHIST" - I haven't created it yet, but one of you may if you are impatient to get started). I also need the usual hard copy of your sources. Submit ONLY THE FOLLOWING to the Teacher Folder:
Your .shtml file, with the exact same name as the template file on this website
All of your images, given unique names, like hepzibah.jpg
DO NOT submit the .css or .txt files, nor the header3 and base graphics files.
See some sample code for an idea of how this should look. The sample code generates this sample page - it is only to be used as an example of formatting, not as an example of good content. See me after class or make an appointment if you run into difficulties. Begin working on this project immediately and good luck!
This page is maintained by Melanie Ulrich.
This page was last updated Saturday, 18-May-2002 08:28:12 CDT