ORTV TV DEPT SITE README_____________________
Hi,

This is just a note from me (Jenn), explaining the coding, format, layout, etc. of this site. I was a summer worker here and currently go to school in Taipei. Because this is only half-finished, I've started on the layout and have created a template (template.html) to make it easier for the people who work on this. =)

First off, I'm going to briefly introduce the pages I've already made:
default.html: the main page. On this document is the main layout, which I made from images provided by Gareth Morgan. Some were also found in the Temp. drive. Unless there are any huge coding problems, which there shouldn't be, you won't have to fiddle with the codes on here, as they are mainly the image mapping and i-frame codes.
history.html: the page with the TV Department History. There also shouldn't be any problems with this because Joyce wrote the whole thing and sent it to me. =) I already put the Chinese in Unicode so there shouldn't be any problem. However, if someone could get an English translation, that would be great.
home.html: the main page that appears in the i-frame on default.html. This is the intro/welcome page and needs a brief introduction to the TV Department.
readme.html: obviously, this document. Please don't edit this unless you have any additional notes; this helps other web-designers understand what I've done.
staff.html: this is the page you get when you click "the staff". I've already added staff.php (more detail below) to this page, but as you continue adding pages, you can put the staff-related ones here!
staff.php: the staff directory the summer workers and I have been learning to code from Jason Ball.
style.css: the stylesheet for all pages that go in the i-frame...basically all pages you'll be making for the TV Department.
style2.css: the stylesheet for default.html. Like style.css, you shouldn't have to change this.
submit.php: also something Jason Ball has been teaching. Basically, this is the page you end up with when you submit the Staff Directory form.
template.html: the template you'll use for making all pages. This will give the site a more standardized look.
tv.html: the page you get when you click "the department". This also has some links and some "upcoming" items, which are basically ideas I had but couldn't do due to lack of time.



Now I'm going to explain some of the coding I've used around the site. I've put several codes on to make the page (hopefully) more user-friendly.
<span class="header"><U>TITLE OF PAGE</B></U>_________________________</span>

This is the header tag. The total number of characters for this line should be exactly 45 characters including spaces! This is so that the title doesn't look either too short or too long; the total number of characters across the width of the i-frame is 45 characters. Therefore, if you type in your title, for example "MY PAGE", that's seven characters with spaces. Thus, you fill in 39 underscores (_). This makes sure that the title appaers across the whole page. It sounds like a lot of work, but really isn't. If you want, copy/paste the header into Microsoft Word and use WordCount (remember to check characters with spaces).


<script language="Javascript"> window.defaultStatus="Welcome to the TV Department Webpage!" </script>
This is a Javascript code that goes into every page, basically putting a message in the status bar. You shouldn't have to worry too much about this.

<link href="style.css" rel="stylesheet" type="text/css">
This code links to the main stylesheet. Make sure all pages have this, or else the pages will look really ugly...>.^.

<BR><BR><<--<a href="javascript: history.back(-2)">go back</a>
This is the "back" javascript. Put this at the bottom of all subpages (all the pages linked off of tv.html or staff.html). Clicking on this will enable the user to go back to the page he/she was viewing before. Clicking this is therefore equivalent to using the "back" button on Internet Explorer.


ONMOUSEOVER="window.status='ReadMe';....
This goes at the end of every link HTML code. When the user mouseovers on the link, the message (in this case, "ReadMe" will appear in the status bar, informing the user of what the link really is.


Good luck, and please feel free to contact me if you have any questions!

<<--go back