NOTE: I put together 3 parts, starting from very basics, and getting steadily more involved. Stop where ever you feel comfortable. Even the first section will get you a workable webpage. Most importantly, enjoy!


How to create your page:

I will assume that the registration part is fairly straightforward, as lots of people seem to have registered already.

1) Log in using your registration information. You should now be at a page that has a menu of 4 items, namely: Template Editor, HTML Editor, My Account, and Sign Out.

2) Select the template editor. This brings you to another menu where you can select various aspects of your web page. Set the colors first, then come back to this page to use one of the previously created templates. The templates start from "Registry"

3) Fill out the information in the template that you chose, name, etc. If you trailer in like I do, put something crafty in for the slip number Smiler

4) In the info field, you can put whatever you would like to share.

Most templates have the ability to add 3 pictures. I can add to this tutorial later, with how to move them around, add additional pictures, etc, if anyone would like.

5) to add a picture, click the browse button next to one of the picture slots. This will bring up a window that allows you to locate a picture on your computer, and upload it to the site.

6) When the above is completed, click the Build Web Site button, and the basic page will be created for you, based on the template you chose.

7) Post a response to this thread right here, so that the Mayor can add you to the main registry page.

Let me or the Mayor know if there are any questions.

A little more advanced stuff:

If you notice that the template created some unwanted junk (as it did for me), you can go back into the main menu, choose the HTML editor, and it will bring up a list that has index.html and the pictures that you uploaded. Select index.html, and find the exact stuff in this text file that you do not want on your page, and delete it from the file. Save your changes, and view your now cleaned up page again.

* To add more files to the website, including pictures, go to the main page, click on HTML editor. This will bring up the list of files that you have uploaded, and your index.html page. At the bottom of this page, there is a area that says "Upload File:". Click the browse button, select the file on your computer you want to upload, then click the upload button. This will upload the file from your machine to the website.

* To add more pictures to your page, from the main menu, select HTML editor. Your pictures that are available to be added to the web page are listed here. Click the edit button to the right of index.html. Scroll down until you see a line that looks like this:

<p><img src="IMG_1308_sm.JPG" /></p>

Make a copy of that line, and paste it below the line that says:

</table>

Change the line you just pasted to have the name of the image you want to add inside the quotes. Example:

The line you pasted looks like this:
<p><img src="IMG_1308_sm.JPG" /></p>

your new picture is joe.jpg, so the new line looks like this:

<p><img src="joe.jpg" /></p>

Click the save data button, and your new image has been added to the bottom of your page. You can add multiple image lines to the same area you added this one, just paste a new line, and edit the image name.

--We can talk about formatting, sizing, and other things later, but this should get your page up and going with your images of choice.

Some simple HTML stuffs

HTML - Hyper Text Markup Language (only important for trivia)

HTML is fairly simple to understand, there are only some basic rules to follow.

Everything in HTML is text. If you want something to happen other than text on your page, you use what is called a tag.

A tag in HTML is identified by using less than < and greater than > symbols surrounding a command . Next is the text that the command is to operate on, and then the text is closed by using the same tag with a / in it.

p is a command for creating a paragraph, so an example of creating a paragraph in HTML is thus:

<p>
This is a paragraph.
</p>

And that is it! Really. Don't let anyone tell you that HTML is difficult, because now you have seen it. The only think left to know is tag can be nested, and a list of what tags are available to play with.

Nesting is just using more than one tag to operate on your text.

example of nesting: b is a tag for "bold"

<p>
<b> This is a bold paragraph </b>
</p>

Common tags:

p <p>
<b> This is a bold paragraph </b>
</p>

Common tags:

b - bold
i - italics
center - centers text
p - defines a paragraph
br - line break
hr - horizontal rule (horizontal line)
img - insert an image (img src="image name")

the tag a is an interesting one to mention as well. It allows you to create a link to another place. An example to create a link from your page to cnn.com would look like this using the "a" tag:

<a href="http://www.cnn.com"> click here to go to CNN </a>

There are quite a few more tags, but rather than get into it here, do a search using your favorite internet search engine for "HTML primer". This should return many good pages that contain more advanced things you can play with using HTML.