Website Design SIG

This special interest group is for those people who are familiar with computer operation and file management, and who want to learn techniques that can be applied to website design.  If you have or want a personal website at your Internet Service Provider (ISP), you will find our meetings beneficial.  We are primarily using the FrontPage Express web page editor. One major goal is to help maintain the Senior Center website, including the Computer Club website. You are welcome to attend our meeting to see if this group is right for you. We meet the 2nd and 4th Thursday of the month from 9 to 11 AM in the Computer Lab.

Contents

• Hot Link List
• SIG Projects
• Web Page Examples
• Members
• Comments and Suggestions
• Webmaster Contact

Links

FrontPage Express Tutorials

This is a well organized site that gives detail about how to utilize FrontPage Express. Here is the site we have been looking for, as there are limited help screens in the program itself.

 

Web Design HTML Tutorials

It is good news to have a site that has such a variety of excellent ideas (with HTML code) for web design in a Q&A approach.

 

Design Ideas Using FrontPage Express

This is a good site with lots of ideas, but does not always have specifics on how to implement them.

 

Web Authoring Reference & Tools

This site promote the creation of non-browser specific, non-resolution specific, creative and informative sites that are accessible to all users worldwide.

 

Web Design Using Javascript

This tutorial will take you step by step through the fundamentals of Javascript. You will learn how to write functions, use data from text boxes, create IF-THEN conditionals, program loops, and generally make your web page "smarter." This tutorial assumes that you have no prior programming experience, but that you have created your own HTML pages.

 

Web Publishing with a Blogger

A blog is a weblog page made up of usually short, frequently updated posts that are arranged chronologically. The Blogger software gives you a way to automate (and greatly accelerate) the log publishing process. As an example, see Life on the Ice that chronicles a seal survey trip to Antartica, and has some great pictures. There is an interesting blog from a twenty-something Arab who lives in Baghdad. Salam Pax gives a secular point of view on current life in Iraq. He started publishing in December of 2002.

Sample Site

Try it!

Back to Top

SIG Projects

This SIG formed after a class in web page design was held in the spring and summer of 2002. A summary of the topics covered can be seen here.

Picture Dimentions vs. File Size

JavaScript

JavaScript can preload images for use with buttons, mouse-overs, slide shows, and other things to be determined depending on the interest of the members. The next major section below has several examples of web pages using JavaScript.

Web Page Design Using Tables

One good way of organizing your web page is to use tables. Tables can be done with borders to emphasize things, such as the yellow box at the top of this page. Tables can be used without borders to provide places to put blocks of text. An example developed at our SIG meeting shows the use of tables within tables.

Slide Show

Use of Power Point was demonstrated and the members developed several shows for the Senior Center Open House in September 2002. See an example of an image.

Maintenance of Senior Center Website Pages

The SC website is sophisticated as it uses advanced techniques that are relevant to keeping a large site looking consistent. However, to keep the site pages current does not require a deep knowledge of web page design. Some of the SIG members have taken responsibility for pages of clubs that would benifit by having up to date information posted.

Back to Top

SIG Web Page Examples and Techniques

The links below are to pages that were generated by SIG members.

• A demonstration of how JavaScript can preload pictures.
• JavaScript can implement a MouseOver. Here is a second (more complicated) approach to implementing a MouseOver.
• A web page showing tables with various borders (by Jenny).
• A form was put on this website. It is an example of what can be done to allow two-way communication on the world wide web. The ISP must be set up to handle a form as it's server must run a CGI script to collect the data. The script for this probably has to come from the ISP.

Back to Top

Members

	Bruce Saunders	SIG Website (here) Personal Website
	Ed Gunter	Website Coming
	Gil Gillaspie	SIG Related Website Photo Montage
	Gus Goldsmith	Related Website
	Jenny Hoang	SIG Related Website
	John Scott	Kingfishers Website
	Margie Adamson	Website
	Maud Henne	Website Coming

Back to Top

Comments and Suggestions

This is a way of communicating with other SIG members.

Read what has been written by clicking the monkey. Then write something by filling out the form below.

Back to Top

Web Site Maintenance Contact

Bruce Saunders

Created: September 15, 2002 -- Last revised: May 20, 2004.

Senior Center, Inc. assumes no responsibility for the information which is linked to its website.

That's all folks!