How to edit the Godshill Web pages!

Click on the ( + ) at the bottom of the page.
Type your text into the box.
(Type TWO returns for a new line)
Type the password* into the box at the bottom of the screen.
Click the update button.

Congratulations, you are now a web page power user!

* Click here to email me for the password

If you want to add lots of text
or make the text look pretty
or add pictures
- - - - - - - - - - - - - - - then please read on.

1) The Basics

To save phone bills why not prepare your text off line using any text editor - you can use Notepad, MS Word, BBedit etc etc.

When you are ready, go on line, find the page to edit and press the ( + ) button on the page in question.
Also have your text editor open on the computer screen showing the text you prepared earlier.

Now "Copy and Paste" as follows -

Select the newly prepared text in the editor (by dragging your mouse from the start point to the end point with the button pressed down), press the EDIT - COPY

Then paste the chunk of text into the edit box on the web page
(click inside the edit box on the web page then click EDIT - PASTE)

Type the password into the box at the very bottom of the web page and click the (UPDATE) button.
After "Success!" is reported click on "here" to see your updated web page.

Welcome to the Super Power User's club!

2) Some examples of what you can enter.

You can just enter raw text.
Whenever you type two "RETURNS" the final text will start a new paragraph.

But you can do MUCH more than that!

You can copy and paste the examples below with "<> markup tags" directly from this page to your text editor
- or save this browser page on your PC and keep the text for future use offline - or print this page.

Copy this -

<font color=red size=5 face=Arial>
Big Bold Title
</font>

to see -

Big Bold Title

The first tag line sets the font color (note the spelling!), size and type-face.
The last tag line closes off those characteristics ready for something new

Copy this -

<font color=blue size=3 face=Arial>
Sub Title
</font>

to see -

Sub Title

Copy this -

<font color=black size=2 face=Arial>
Main text for the article. You can type "quotes" here in the text to be displayed.
</font>

to see -

Main text for the article. You can type "quotes" here in the text to be displayed.

New lines and paragraphs

If you copy this -

<font color=red size=3 face=Arial>
Line one
<BR>
Line two

Line three

Line four
</font>

You will see -

Line one
Line two

Line three

Line four

<BR> forces a line break
RETURN pressed twice OR MORE THAN TWICE forces a new paragraph after a blank line

A single return or any number of spaces will have no effect on the final page
- use them to make your text edited document easy to read

IMPORTANT !

You can only type the " or ' quote characters in the text to be displayed.
NOT inside the <> tags!

(If you get really clever and start to use a WYSIWYG html generator program you MUST strip the " characters out! Thus <font color="red" size="3" face="Arial"> will work on normal pages but not in this special program that lets you update the pages of the Godshill site from any browser on any computer on the net - even when you are next in an internet cafe in Bangkok!)

Advanced Topics (or - are you still with me?)

if you copy this

<table width 90%>

<tr>
<td>Date</td>
<td>Title</td>
<td>Speaker</td>
</tr>

<tr>
<td>10 October</td>
<td>Building Stunning Web Sites</td>
<td>Ilne</td>
</tr>

<tr>
<td>12 November</td>
<td>Hypertext Markup Language, You too can do it!</td>
<td><font color=red size=3 face=Arial>Bridget</font></td>
</tr>

</table>

you will see this

Send me an e-mail when you get this far and I will add Lesson 2 (adding pictures)!

Have fun!

Graham