Hints on Building Web Pages

Color| Special Characters| Bullets| Art

Color: Some color codes
000000 black
0000FF blue
E52A27 rose
FFFFFF white

The 6 digits in the color codes are made up of 3, 2 digit sequences. Each sequence codes for the amount of R, G or B (red, green, or blue). These are expressed in hexadecimal (base 16). Note that with many browsers you can just substitute the color name for the code, example: bgcolor="blue"

You can also specify font and link colors. Example:
<body bgcolor="E52A27" text="FFFF00" link="117766">

Special Characters: Codes for "white space"
ASCII space &#32;
ASCII tab &#09;

Other useful codes
&lt; less than (useful when you want a html command to appear)
&gt; greater than
<!-- comments go here -->
&#169 © symbol

Click here for other symbols

Bullets:

<ul>	Indicates the beginning of the list
<li>        Indicates a list item to be marked with a bullet
</ul>        Indicates the end of the list
Note that you can use ol instead of ul for numbered lists.

Art: Some "linkware" -- icons/pictures free for non-commerical use

To use an image from a freeware site: 1) Be sure the image is free to copy, 2) Right-click the image and choose "Save Image As..." and save the image to your disk and 3) Use ftp (see below) to upload the image to your public_html directory on your mason account.

Leo's Icon Archive
ScreamDesign (link back to this page to acknowledge your source)

For HTML commands
HTML Primer
HTML Specifications
More HTML Goodies

If you are creating the page as a Final Class Project for CS 103...
For a web page project, the page needs to be stored in a file separate from your index.html file in your public_html directory. Example: Assume your new page is called project.html:
Login to osf1

cd public_html
pico project.html
(type in the html commands)

Once you exit pico:
chmod a+r project.html

To access this page, type:
http://mason.gmu.edu/~yourlogin/project.html

Pictures

Scanning and Web Page Help: STAR, Student Technology Assistance and Resources. 311 Johnson Center.
Click here for more info They have a scanner and can help you with your page. The file must be saved in .jpeg or .gif format. Many copy centers will also do scanning. Find out their charges in advance. It should not be expensive. Try to keep the files as small as possible.

Beware of violating copyrights! When you place an image on the web you are "publishing" that image. You will be infringing the rights of the holder of the copyright unless the image is in the public domain or unless you have permission to reproduce the image. Simply citing the source is not enough! If you use an image that is not yours indicate whether it is in the public domain or whether you got permission to use it.

To include an image, save it in your public_html directory. Then edit your web page and add:
<img src="filename">

To Upload a file using ftp
A brief explanation of ftp is given below. For a fuller demonstration: click here.
In one of the campus PC labs, launch FTP. Choose Programs from the Start menu, then Internet Applications, then WS_FTP95. Put your disk in drive A:. Type in information into the dialog box as indicated below:

First, be sure anonymous login is de-selected.
Delete any number that is in the Host name field.
Host name: mason
User ID: yourloginname
Password: yourpassword

Then click OK

Click "chdir" (change directory) from the next dialog box, and type or choose A: (left side). Your mason directory will appear on the right.

Then choose the file you wish to upload. On the right side of the screen, open your public_html directory.
Then click the arrow that points right to send it to your mason account. You can then choose close and exit the program.

Tables, Frames, Forms, and Applets
Click here for information and examples

The Future
Click here for XML

Click here to return to the Main Menu