snapshot.csuchico.edu - HTML Documentation
snapshot.csuchico.edu
HTML documentation and system standards
File Formats
When it comes to files, these are the file formats that you will need to stick to.
All files should be in lower case (e.g. foo.bar, not FOO.BAR)
- Hypertext
- HTML - Use .htm extension - Use text editor to create. Must be in ASCII format.
- Graphics:
- JPEG - Use .jpg extension - Use if you need more than 256 Colors
- GIF - Use .gif extension - Use for titles, logos, where transperancy is needed
- Sound:
- AU - Use .au extension - This is the standard world wide web sound format
The following are standard templates for how the site will operate.
Header
The following source code creates the top part of this page:
<HTML>
<HEAD>
<BODY bgcolor=#FFFFFF>
<TITLE>snapshot.csuchico.edu - HTML Documentation</TITLE>
</HEAD>
Here is the code explained further:
The <HMTL> notes the beginning of an HTML document.
The <HEAD> notes the beginning of the header within the HTML document.
The <BODY> notes the beginning of the actual body of the document.
The <bgcolor=#FFFFFF> sets the background color to white.
Between <TITLE> and </TITLE> is the text that will be on the title bar on your screen.
The </HEAD> notes the end of the header.
Footer
Here is the source code that creates the bottom part of this page:
<HR>
<A HREF="index.html"><img align=center src="../pics/csuchico.gif" border=0"><B>Back to System Documentation page</B></A><br>
<A HREF="../index.html"><img align=center src="../pics/csuchico.gif" border=0"><B>Back to snapshot.csuchico.edu main page</B></A><br>
<hr>
<font size=2>Last modified - 10/22/96 23:46 - ACA</font>
</BODY>
</HTML>
Here is the code explained further:
The <HR> creates a horizontal rule across the screen.
The <A HREF="index.html"> creates the beginning of a hypertext link to the root document in that directory, index.html.
The <img align=center src="../csuchico.gif" border=0"> inserts a graphic file as part of the link with a center alignment and no border.
Between <B> and </B> the text will now be bold.
The </A> closes the end of the hyperlink.
The <br> causes a line break.
The <font size=2> sets the font to size two.
The 10/22/96 23:46 - ACA show the date that the file was last modified and at what time by who (initials).
The </font> causes the font to revert to the default condition.
The </BODY> ends the body of the text.
The </HTML> ends the document.
Tables
The following source code
<table border>
<tr><td<Field One</td><td>Field Two</td></tr>
<tr><td>Field Three</td><td>Field Four</td></tr>
</table>
will give a result like this:
| Field One | Field Two |
| Field Three | Field Four |
Future Topics:
- Embedding images in documents
- More in depth use of tables
- Using sounds
- HTML colors (for text and backgrounds)
- Image mapping
- Any other topic that we need!
Links to other reference documents
Back to System Documentation page
Back to snapshot.csuchico.edu main page
Last modified - 12/16/96 - ACA