| Course Web Site Instructions
These instructions will help you modify
the HTML pages provided in the localweb.zip file. These instructions
are not intended to teach HTML, there are many tutorials on
the Internet to do that. You will be able to modify each
page using any HTML editor, though these instructions are
based on using Netscape Composer as the HTML editor.
Software Needed from the Start
If you do not have Netscape Communicator
version 4.7x, it can be downloaded from http://wp.netscape.com/download/archive/client_archive47x.html.
This is the Netscape browser version that provides Netscape
Composer.
The courseweb.
zip file all the files you need to create your web site.
The main home page to your site is index.html.
The top portion of this page should be modified to specify
your name, email address. These pages use an embedded table
and the navigation links are placed in table cells horizontally
across the table. Each navigation element is a text link,
such as <a href="index.html">My Home Page</a>,
for movement between pages in the site.
Assuming your course web site is placed
on your institutions server, fix the links to your department's
page and campus web site. The <a href > tags to be
changed are <a href="#">Department's Home
Page</a> and <a href="#">Campus Home
Page</a>. The # sign should be replaces with the URL
and change the text label too!
Navigation
Navigation links are set up for a
syllabus, assignment
and announcement
page for every course. It is important to place those html
pages in a separate folder for each course. The courses listed
on the home page – courseweb/index.html
– must be linked to the main page in each course folder –
syllabus.html. Three
course folders have been set up for you. Modify the list
of courses and correct the navigation link to the course folder
name/index.html. The tag looks like this: <a href="course101/syllabus.html">Course
101 and title</a>
Specify your E-mail address, office
hours, phone contacts and office location on all pages. Highlight
the fake E-mail address text xxxxxxxxxx@xxxx.xxx, right mouse click and
select Link Properties to see a page that looks like this
image. Type your E-mail address in the Link
to a page location or local file input box.
Add any information you deem appropriate
to the index.html page. If the information you want to add
pertains to an individual course, it should be added to the
syllabus.html page in the course folder. You may want to add
a navigation link to the table used for navigation. Place
a <td></td> tag in the location you want to add.
For example, to add a page of resources for your particular
course, place the cursor on the assignment text and right
mouse click. Select Insert,
Column,
and then type Resources. 
To link the resources page you created,
highlight the resources text and right mouse click. Select
Create Link using Selected…
and click
on the Choose
File button or
type resources.html in the Link
to a page location or local file
input box. In Netscape Composer, the page should look like
this:
Color Scheme
Would you like about a different color
scheme? The dark color used to fill table cells is hexadecimal #996600.
The light color is #ffcc99. Use http://www.catnmoose.com/wsc.shtml
to select the hexadecimal colors numbers you'd like. Then
open each page in Notepad, search and replace each color number.
Remember to use dark colors with light text, and light colors
with dark text.
Saving your work
Now it’s safe to save the file. Just
keep the same file names used by the links. For example, if
your link tag looks like this <a href="course325/syllabus.html">
Advanced Biology</A>, then the name of the file to be
saves should be syllabus.html. Be sure to save it in the
course325 folder.
Special Note
Take a look at the instructions
for building a local association web page. You'll find more
assistance is creating pages from the pre-defined HTML pages. |
