Producing Your Own Web Page - Part 2

This page is produced using features explained in this document and Part 1
If you have followed the instructions in Part 1 you should now have produced a basic web page,textonly, kind of dull and no links to other pages.

In this part we will explore how to add color, images, links to other pages and more.

If you have not uploaded your web page to the Callig server then you can get help from Jim Martin

Note Jim Martin has set up a webpage template which you can use without the need to refer to these help pages. These pages explain most of the coding used by Jim as well as expand on the basictemplate. The information here is good for any Web Page and probably any server.

Adding Color

Background color

If you came here from page 1 (and have a graphics browser) you may have noticed thebackgroundcolor of this page has changed to white. Page 1 has no background color set and so takes onthedefault color used by your browser, this is typically a mid gray.

To specify the background color to white change the <BODY> tag to <BODY BGCOLOR="FFFFFF">

BGCOLOR is an instruction to your browser to use thecolorspecified as FFFFFF (the code for white), you can specify any color you want using this six digitcode. Other colors and an explanation of the code can be foundhere.

Text Color

As well as specifying the background color you can also specify the text color of your web page. The default color is generally set to black, in most browsers the viewercan set the default colors. Typically the factory set text color is black, designated as 000000. Tospecify the text color add the following to the BODY tag TEXT="XXXXXX"where you substitute the actual color code for theXXXXXX

LinkColor

Links to other web pages (or resources) are generally underlined and shown in adifferent color, there does not appear to be a standard default, though most browsers seem touseblue. To specify blue add LINK="XXXXXX" to the BODY tag

Visited Link Color

Somebrowsers change the color of a link once it has been visited, this helps you keep track of whereyouhave been. Add VLINK="XXXXXX" to the BODY tag. Not all browsers support this feature.

Be careful specifying colors, see these notes.

A BODY tagwhichspecifies all four attributes would look like this

<BODY BGCOLOR="XXXXXX" TEXT="XXXXXX" LINK="XXXXXX"VLINK="XXXXXX">

where the actual codes replace the XXXXXX shown.

Aligning Headings

by default headings align to the left.

You can use this tag to align your heading in the center

HeadingText

or to the right

Heading Text

Not all browsers support this yet so it may not work on your screen.

Links to Other Web Pages

You can include links to other web pages on your webpage using the following example

Mike's homepage

Note the first section, between the first pair of < > brackets is the address and iscase sensitive. Mike.html is NOT the same as mike.html, it does not matter in the second part,thecaption section. Since you don't see the HTML tags or the address, this is what you will see onyourbrowser Mike'sHome Page

Adding an E-Mail Address

You can add an e-mail addressusing the following

youremailaddress

It will appear like this youremailaddress

Next, Adding Images. Text only browser.Graphicsbrowser

For further help, clarification, comment or corrections e-mail Mike