Create a Club Web Site   

      search d6tm.org
    Menu Updated (5/4/2007)

 

Why build a website?  A website allows a club to share information with the community and all club members.  A website stores pertinent information for all members, officers and potential guests.

Web Page vs. Web Site - The District 6 Web Editor can create a "static" web page for clubs.  This would be a single page that includes only the vital statistics:

  • Club name, number and location
  • Meeting date and time
  • Contact email and phone number 
  • Directions
  • Brief description of the Club's "personality".

With over 250 clubs in the District (and growing) it is not feasible for the Web Editor to maintain "dynamic" or changing data on these pages (e.g., we cannot post highlights of a meeting, schedules or coming attractions).  But individual clubs can create their own website, assign a web editor, and turn their site into a dynamic wealth of information!

Tips to Create a Web Site

Below are some tips to help you create a club website.  Click on the links below to learn how it's done.

Where to host your site
How to FTP Files - getting files from your computer to the Internet
What information to include
What information to NOT include
Organizing your site
Creating HTML Pages
Standards
Getting fancy
Technical terms


Where to Host Your Site

There are several options on where to host your site: 

These sites are not listed in any particular order.  Create a table of "pros" and "cons", then visit each site to determine which host would be best for you.

How do you choose a web host?  Consider these questions and issues:

  • Look at the price - many companies offer "free" web hosting, but often display annoying banner ads and limited disk space.  Consider the other issues and determine if a few perks are worth paying for. 
  • How much disk space is available?  If you're planning to post a bunch of pictures and graphics you'll need more disk space than what comes standard with the free websites.
  • Ask your Internet Provider if you get any free space as part of your own URL (caution: this option would tie you to a specific member of the club and the site would need to be moved if that member leaves).
  • Do they have those annoying Banner Ads?
  • Does the site provide any web page wizards or templates?
  • What kind of technical support is available?
  • Does the vendor support Front Page?  You're not required to use Front Page as your webpage creation tool, but some people really like it.  Just remember, not all browsers or hosts are friendly to Front Page.

For more information about what to look for when choosing a web host vendor visit: http://businessweek.buyerzone.com/internet/site_hosting/buyers_guide1.html

Back To Top


How to FTP Files - Getting files from your computer to the Internet

FTP - File Transfer Protocol - is how you copy files from your local machine to the web server.

There are several free software tools that allow you to do this (just do a search for "FTP" on www.google.com).  The best option is to use the File Transfer utility provided by your service provider.  Whoever you choose to "host" your website should provide a program that allows you to copy files to their web server.

Back To Top


What Information to Include

IMPORTANT: A web site is an official publication of the Club, and the Club President is responsible for content.  Below is a suggested list of information you could include:

  • The Basics:
    • Club Name
    • Meeting time and location
    • Contact name, email address and number
  • Last updated date
  • Benefits of joining Toastmasters - discuss Communication AND Leadership
  • Mission Statement of the Club
  • Sample agenda (without member's names)
  • Note from the President
  • Club newsletter
  • Calendar of club events
  • Pictures of events, contests, TM of the Year, CTM/ATM/DTM or CL designations
  • Link to the District 6 and Toastmasters International sites

The goal of the District 6 website is to provide current, up-to-date information about the District.  Your goal should be the same for your Club.  Don't forget to update your site each year when the club officers change. If information exists on the TI site, provide a link to the page on TI. Do not recreate information.

Back To Top


What Information to NOT Include

Remember:  The information you post on your website can be seen around the world.  Your website is not like a printed newsletter with limited circulation.  The following information should NOT be posted on your website:

  • Officer's personal information (unless given written permission)
  • Club member's personal information (unless given written permission)
  • Club schedule containing member's full names (first names are OK)
  • A member's personal promotional material

Back To Top


Organizing Your Site

The best way to determine how to organize your site is to review other sites.  Check out a few club websites in the District 6 Club Directory.  A good rule-of-thumb is to keep all information within 3 clicks or less from the home page.  As you build the site consider your members, your officers, and your guests.

Once you have an idea of the content you'd like to include, then create a Site Map and Page Layout on paper first...

Site Map (using Mutual Voices Toastmasters as an example)

Notice, all pages are within 3 clicks or less from the Mutual Voices Home Page.  The main page includes information for both members and potential members.

Once you know where all the pages should go, consider the page layout (using Mutual Voices Toastmasters as an example):

In the Top Navigation Bar, notice the links to "About Mutual Voices", "About Toastmasters", "For Members" - all part of the initial pages in the site map from above.  The top, right-hand corner displays the most commonly sought after information, including a link to the site map itself. 

A Club Logo is not necessary, but certainly adds a nice touch.  Mutual Voices held a "logo creation" contest to solicit entries from club members.  It's amazing the talent you discover in the club when creating a website.

 

In the Footer, notice the links to all the same top-level pages found in the site map.  The footer, complete with the horizontal line, is displayed on all pages.

The footer should also include the copyright information from Toastmasters International.  The TI logo, the term "Toastmasters" and "Toastmasters International" are all trademarks of Toastmasters International. Use them, but add their disclosure:

The names "Toastmasters International", "Toastmasters", and the Toastmasters International emblem are trademarks protected in the United States, Canada, and other countries where Toastmasters Clubs exist. Unauthorized use is strictly prohibited.

 

The left-side navigation links provide the user with a "way back" from each page.  Don't rely on the "back" button of the browser for navigating your site.  Allow your users to get around without always going back to the home page first.

 

 

 

 

Back To Top


Creating HTML Pages

The pages for your website can be created in a simple text editor like Notepad or Microsoft Word.  Some of the websites listed above may offer free programs and tools for creating webpages.  If your site is fairly complex and dynamic a good HTML editor is worth the investment. 

Some programs, such as "EditPlus", are an editor and FTP program in one.  You can create your pages then move them up to the server in one step.

A good HTML editor allows you to view the "source" code (e.g., the raw HTML with tags) and a "design" mode (e.g., what the page will look like on the web).  The editor should also provide color for your tags.  The color helps you to see if you've added all tags in the correct format.  Microsoft's Interdev 6.0 editor even provides a "Quick View" option that allows you test your hyperlinks.  Interdev also provides a "Toolbox" so you can easily add Horizontal Rules, buttons, line breaks, paragraph breaks, textbox, etc.

A good HTML reference book is also worth the investment.  The book I leave next to my computer at all times:

  • HTML: The Complete Reference. Thomas A. Powell

Viewing Source Code
If you find something on the web that you find interesting and want to know how'd they do that - it's easy to find out.  Simply right-click on the page (in an empty area - not on a photo or image) and select "View Source" from the menu.  This brings up the HTML source code for that page in Notepad. 

Downloading Images
You can download images and clipart from the web in the same way.  Find the image you want, right-click directly on the image, and select "Save Picture As" from the menu.  The "File Save" window will appear and you can save the picture to your local machine.  Many pictures are free for the taking, but be careful of copyright issues.

Back To Top


Standards

When creating a website you should set some standards.  Consider the following:

  • Think about maintenance:
    • setup standards for page layout
    • write for both browsers (Netscape and IE).  Don't get too fancy with new tags or javascript.
  • Pay attention to details:
    • add a "title" tag on all pages - used for bookmarks
    • provide alternate text for graphics
    • check for broken links and orphan pages

Back To Top


Getting Fancy

Once you get the basics done, consider a few options to enhance your site:

  • Create a club logo
  • Add "breadcrumbs"
  • Add a search engine
  • Add a stylesheet for consistency:
    • color of hyperlinks
    • layout of paragraphs
    • action of the mouse cursor

Visit other websites, browse the internet, download some cool graphics.  But before you get too fancy, remember your first goal is to keep the information current!  And be careful with graphics - too many graphics or pictures can cause your webpages to take a long time to load.

Back To Top


Technical Terms

Domain Name - The Internet address that people use the visit your web site (e.g., www.d6tm.org).

FTP - File Transfer Protocol. The process of copying your files from your local machine to the web server.

HTML - Hypertext Markup Language. The text markup language that is currently used on the World Wide Web. HTML is used to "author" web pages. HTML tells your browser "how" to display individual pages.

Hyperlink (or hotspot) - a link or connection to another document on the internet. Can provide a hyperlink to a Word document, an excel spreadsheet, a PDF or other HTML pages.

Internet Provider - the company from whom you purchase your internet connection. Could be a permanent connection using DSL (doesn't require an additional phone line and you're always connected - very fast), or the more traditional connection with a 56K dial-up modem (need to "dial-in" to the internet each time you access it - much slower than DSL or Cable Modems).

Stylesheets (and Cascading Stylesheets) - "templates" that provide more control over layout and some consistency to web pages. A stylesheet separates the content of the page (the structure) from the presentation. Great for maintaining consistency in fonts, size and style of pages.

Tags - are simply the markers around text used in HTML to specify what to do with that particular block of text, e.g.:

<b>bold this text</b> 
<b> - beginning tag to bold the text 
</b> - ending tag to bold the text
Result seen on the web: bold this text

URL - Uniform Resource Locator. A URL specifies the "address" of a web page. It specifies the protocol ("http:"), the domain name/IP address ("www."), and path ("d6tm.org") details needed to access a page on the Internet. The URL for the District 6 website is: http://www.d6tm.org

Web Page - an HTML representation of your content.

Web Site Host - a vendor that provides shared server facilities to store and publish your web pages. These companies provide the hardware and software needed to connect your web site to the Internet.

Web Site - Series of documents you create (e.g., HTML pages, links to Word documents or Excel spreadsheets, PDF files, etc.) that people can access through your web site. Note, all files that are "linked to" need to exist on the server so people can access them. If your HTML page links to a Word document, that HTML page AND the Word document both need to be FTP'd (or copied) to the server. See this article in BusinessWeek for more technical terms and definitions: http://businessweek.buyerzone.com/internet/site_hosting/industry_lingo.html

Back To Top


 
The names "Toastmasters International", "Toastmasters", and the Toastmasters International emblem are trademarks protected in the United States, Canada, and other countries where Toastmasters Clubs exist. Unauthorized use is strictly prohibited.