So you want to build a webpage for your Lions Club?
BY PAUL LARSON, MILLBRAE LIONS CLUB
Many Lions Clubs have WebPages. If you get onto the internet and go to www.lionnet.com, you will find Lions Clubs from all over the world with WebPages. Some are simple and some are elaborate, but the fact is that a webpage is your Club's calling card, and introduces the public, other Lions Clubs and potential members to your organization.
Building a webpage is not as hard as you think and you will be amazed at what you can do by knowing a few simple basic HTML codes. HTML is the code or "language" that computer programmers use to make WebPages. HTML stands for "HyperText Mark-up Language" ... and now that you know that, forget it because it doesn't matter. What does matter is knowing the places on the internet that will let you build free WebPages with little or no knowledge of HTML. For example, if you go to angelfire.com or yahoo.com you will find simple "Webpage Builders" that will help you to build a simple webpage. All you do is have to fill in the blanks and let the Webpage Builder guide you. Try it as an experiment and you will see how easy it is. The only thing about Angelfire and Yahoo is that they post advertisements on your "free" webpage.
One website that gives you a free Webpage Builder WITHOUT ads is at www.lionwap.org , which is approved by www.lionnet.com . LionWAP stands for "Wireless Application Protocol", but that doesn't matter either. The important thing is that www.lionwap.org will let you build a simple webpage at no cost to your Club, and without knowledge of HTML. The LionWAP website will guild you every step of the way, and after following the instructions carefully and filling out the required blanks, you will have a nice basic webpage. Go right now and try it ... it doesn't hurt!
Now, if you want to add a few simple items to your webpage like a graphic or a link to another webpage, you may try using the following HTML codes (generally always in lower case):
1. Code to add a picture (or "image source"): <img src=http://place the web address of picture here>
For example, let's say your want to link to the "We Serve" Lions emblem from the LionNET image archive, then your code would look like this:
To add the above Code to your webpage, just go back to www.lionwap.org, sign back in by using your Username and Password (as when you first joined up at LionWAP), and that will take you to your "webpage editing page". In your editing page, scroll down to the box titled "Announcements", or you can also scroll to the box titled "Activities", which ever page that you want the picture to appear. Click in the box and type in the above code. You can place it anywhere among your text that you wish. Try it as an experiment (you can easily go back and remove it if you don't like it). After you have inserted the code, scroll down to the bottom of the editing page and save your work.
If you wish to add a picture that doesn't already have it's own address on the web, you can get assistance from the webmaster at LionWAP who will assist you in uploading a picture of your own that you may have on your computer (I haven't asked for his assistance yet, so let me know if this works out OK).
Now that you have inserted your picture, go take a look at your webpage. You will notice that your picture is positioned on the left side of your screen. If you want to center it, try this code:
1. Code to center your picture: <center>
By placing the code in front the first "img src" code that you used earlier, it will center the picture on your webpage. Also, at the end of the code use this:
to stop, or "close", the centering of your picture. If you don't "close" your "center code", everything after that point will be centered, your text, other pictures, etc. So, your code to center your picture will look like this:
If you want everything centered on your entire page, then you can place your "center code", <center>, at the beginning of your text, and your "close code", </center>, at the end of your text.
You can also change the "size" of your picture by including:
into your code to adjust the picture to whatever size fits your page. Just experiment with larger or smaller numbers for a larger or smaller picture. It would fit into your code like this:
<img src=http://www.lionnet.com/images/we_serve1.gif height=155>
Now that you've got the hang of inserting a picture, there are other codes you can use to make your webpage more interactive by using the following code:
1. To link to another webpage: <a href="http://place the address of the webpage to link to here>place name of page or desired text here</a>
For example, if you want to place a link into your text, let's say a link to "Lion Joe's Webpage" at www.joeswebpage.com, what you'd see on your webpage would look something like this:
"You may visit Lion Joe's webpage by clicking here: Lion Joe's Webpage."
By clicking on the text "Lion Joe's Webpage" you would be linked to that webpage, which would then pop up on your screen. The text and code you'd use for editing would look like:
" You may visit Lion Joe's webpage by clicking here:
<a href=http://www.joeswebpage.com> Lion Joe's Webpage.</a> "
You can place as many links and as many pictures as you wish into your webpage.
The above codes are just a few of many that you can use to customize your webpage. You can change the size of your text, for example:
and resume your previous font size by using:
You can make your text bold by using:
and to close the bolded text by using:
To italicize your text place
in front of the words to be italicized, and place
to end the italicization.
For more information and secrets about HTML code and building a nice looking webpage, go to http://www.htmlgoodies.com and you will be amazed at what you can do after following the step by step instructions, along with a little experimenting and patience.
Have fun building your own webpage!
Visit Millbrae's LionWAP website at: http://millbrae.lionwap.org.