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:
<html><head>
<title>Insert title of page here</title>
</head>
<body>
Everything else goes here
</body>
</html>
Fonts
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.
Examples:
|
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.