Web Help

Creating a web page

Type "setupwww" at the command prompt and a web directory called "public_html" and a default web page will be created automatically.

Editing a web page

Use a text editor to edit your web page after it has been created.  Pico is an easy editor to use.  Type "pico name_of_page.html" at the command prompt in your web directory to edit the web page and Ctrl-X to save and quit.  For example:

[user@wbus user]$ cd public_html

[user@wbus public_html]$ pico index.html

HTML Basics

Web pages are written with in HTML so you will need to know some of the concepts to make your web page more interesting.  Tags are used in HTML to specify different characteristics in a web page.  There are most often start and end tags that are associated with each other.  Some examples of tags are:
Start tag End tag Description
<b> </b> Bold text
<i> </i> Italicized text
<u> </u> Underlined text
<left> </left> Align text to left
<center> </center> Center text
<right> </right> Align text to right

The basic setup of any web page is:


<title>Insert title of page here</title>

Everything else goes here



You can use different font types and different sizes in your web page.  Here is a list of some of the fonts that can be used:

Arial Arial Black Arial Narrow Beeskness ITC
Book Antiqua Bookman Old Style Bradley Hand ITC Calisto MT
Century Gothic Comic Sans MS Courier Courier New
Curlz MT Elephant Eras Bold ITC Eras Demi ITC
Eras Light ITC Eras Medium ITC Eras Ultra ITC Fixedsys
Garamond Impact Juice ITC Lucida Console
Lucida Sans Unicode MS Sans Serif MS Serif Matisse ITC
Modern Rockwell Rockwell Extra Bold Roman
Script Small Fonts Snap ITC System
Tahoma Tempus Sans ITC Terminal Times New Roman
Trebuchet MS Verdana Viner Hand ITC Wide Latin
Xerox Sans Serif Narrow Xerox Sans Serif Wide Xerox Serif Narrow Xerox Serif Wide

Some other unusual fonts are DataGlyph SP, Marlett, System, Webdings, and Wingdings.  You can also use fonts of different sizes ranging from 1 (smallest) to 7 (largest).

To use colored text, you need to specify the color by using a hex digit.  The hex digit is divided into 3 parts consisting of 2 digits each.  The first 2 digits represent red (#FF0000), the next 2 are for green (#00FF00), and the last 2 are for blue (#0000FF).  The hex numbering system uses the digits 0 through 9 as well as A, B, C, D, E, and F.  Starting from low and going higher, you would count:

00, 01, 02, ... , 09, 0A, 0B, ... , 0F, 10, 11, ... , 98, 99, A0, A1, ... , FE, FF

Here is an example of how to use a font:

<font face="Viner Hand ITC" size="4" color="#A2408E">Example Text</font>

This would produce:

Example Text

When changing lines, you can use <p> to skip some space or <br> to simply advance to the next line.


Line 1<p>

Line 2


Line 1

Line 2

Line 1<br>

Line 2

Line 1
Line 2

Note that there is no </p> or </br> needed.

Adding links

You will probably want to add links on your web page to other web pages or a link so people can send you e-mail.  Here is an example of the text you will need to link to another page:

Click <a href="http://www.wbus.net/~username/name_of_page.html">here</a> to go to the other page.

Click here to go to the other page.

Here is an example of a link to send e-mail:

Click <a href="mailto:username@wbus.net">here</a> to send me e-mail.

Click here to send me e-mail.

Adding pictures

You can add pictures taken from a camera or any kind of image to your web page to make it more exciting to look at.  Here is an example of the text needed to place a picture into your web page:

<img src="http://www.wbus.net/~username/name_of_picture.jpg">

Note that there is no </img> needed.