Displayed Page

Comments and Notes

I have begun this example with a graphical title for Susan's Website. While this is not a required feature, a title or logo can attract attention, and can be a unifying factor in a larger, multi-page website. Other possible titles could range anywhere from "Susan Green's Homepage" to "Professor Susan H. Green, music educator" to "Susan Green's Cyber Homepage" depending on Susan's personality and the level of formality she considered necessary for this site.

To create the "Susan Green's Cyber Space" logo, I changed the text into graphics at cooltext.com, then made a few simple (and optional) changes using a graphics software program.

Welcome to Music Educator
Susan Green's
Homepage

Susan Hope Green has a Master's Degree in Voice Performance from Dynamic University, and currently teaches Music Appreciation, MIDI Technology and Individualized Voice at the Imaginary School of Music. Welcome to her homepage.

The background pattern was chosen carefully; many backgrounds are available freely from graphics websites, but only a few are attractive without being distracting. It is also important to look for a background that provides excellent contrast between text and background, particularly on pages that are likely to be printed directly from the web. Avoid dark backgrounds unless you have experience working with graphics and design; dark backgrounds can create contrast problems and be difficult to read on various web-browsers.

A message of welcome, and a brief introduction to the person featured on the website (or summary of the site's contents) helps the reader understand what is offered at this site.

Photos, if used, should display well on the web yet be small enough in size to avoid lengthy display times. If you haven't already guessed, "Susan" is originally from Greece.;-)

This website features:

Ms. Green's Classes at ISoM

Schedule of Upcoming Performances for Ms. Green and her Students

Research Interests

Professional Resume

Recommended Websites

Site Credits

Contact Information

The homepage is an excellent place for a detailed list of Contents, with links to the contents themselves. If you are more experienced with HTML, this information can alternatively be displayed in a Table, or even as an image map.

I have designed this homepage to provide a quick overview of the professional life and activities of our busy educator. The majority of these topics happen to be short, and fit nicely on this homepage. A resume is longer and can command its own page, so I have chosen to link it here to a separate webpage within Susan's site.

Other possible topics for inclusion: full biography, excerpts from published works, short sound or video excerpts, photos of the educator in action (performing, lecturing, or teaching), professional or performance resume, professional activities, etc. Don't forget to break longer content into logical pages of reasonable length, and provide a consistent system of navigation to take visitors from page to page.

Prof. Green's Classes--Fall 2001 Semester

MUS 102A The Fall 2001 Music Appreciation Class provides an introduction to the elements, forms and styles of music. Instruments and basic music notation will be covered, as well as an overview of all the primary eras of Music History from the Baroque to the 20th Century.

Learn to create files like this MIDI rendition of Queen's Bohemian Rhapsody!

MUS 399L The Fall 2001 MIDI Technology Course is designed for music majors who wish to notate or compose music using state-of-the-art electronic and computer technologies. Finale(tm) and related tools will be covered, and students will work both individually and in small groups to complete a series of projects in the Imaginary Music MIDI Lab.

Schedule of Upcoming Performances

September 23, 2001 Rebecca Walters Voice Recital 7pm Recital Hall

October 6, 2001 Jennifer Mirabaux Voice Recital 7pm Recital Hall

*November 17, 2001 Green Studio Recital 7pm Recital Hall*

*December 1, 2001 Ms. Green will present a Lecture-Recital entitled
"Passages and Ports of Call"
at 7pm in the Imaginary School of Music Recital Hall*

(* required attendance for all Green Studio singers *)

If Susan's school had its course catalog online, she could also link her classes here to their full descriptions and meeting times in the catalog.

Including date-sensitive topics like classes and schedules requires a commitment to updating the website before it becomes obsolete. Susan happens to be an organized, planning sort of person who knows her schedules some time in advance, and is prepared to update at least twice per year. If you are less organized, keep your information limited to topics that need little or no updating.

Research Interests

Ms. Green has published several articles on the future of electronic composition on the Internet, and is currently working on a joint project with Kimball College to create an interactive online compositional and performance class.

Including research or other special projects is an excellent way of attracting visitors who may have similar interests, and can link if desired to a more detailed page or a separate website. In this example, the word articles could also be linked to a listing of Susan's publications in her academic online resume.

Recommended Websites

The Diction Domain

The Vocalist International Discussion List

The Homepage of The National Association of Teachers of Singing

"Susan" spends quite a bit of time on the Internet and has decided to include a list of some of her Favorite Links to Other Sites. These happen to be real, feel free to visit them.

Site Credits

Special Thanks to:

The Zett-Web Collection for Susan's Headshot.

Klotsnet.com for the sample MIDI file.

CoolText for their wonderful text-to-graphics generators.

Free-graphics.com for their free backgrounds and images.

Whether you are acknowledging permission to use or quote copyrighted materials, or thanking people and sources for their services, some sort of area for Credits is a worthwhile inclusion. You may also use footnote/endnote styles of references, or create a separate Site Credits Page in your site.

Contact Information

To contact Ms. Green, please use email

For more information about the Imaginary School of Music, please visit the ISoM Homepage at http://ISoM.edu/music

Contact information, usually email or an official work address is considered standard etiquette in the final footer of a webpage. However, it's also a good practice to specifically include a contact section for self and school or studio either on the homepage, or on a separate Contact Page.

[Top of Current Page] [Resume Page]

An easily understood system of navigation is critical to a successful website. It should exist on every page of the site, be as consistent as possible from page to page, and ideally allow room for expansion as new elements are added to the site. The text-based example shown here is one of the simplest ways of providing navigation; it also loads faster than graphical buttons and displays well on a wide number of browsers. If this homepage was longer or more complex, I might also have listed subsections in the navigation bar; below, only individual pages within the site are linked. If you learn more advanced HTML, you can also arrange navigation in tables, frames or image maps.

This page was originally created November 1, 1998 and is maintained by Yvonne Dechance.

Address comments to webmaster.

Copyright 1998-2001 Yvonne R. Dechance

Susan Green's Homepage is located at http://scaredofthat.com/ppwebsite/sgindexP.html.

I create a standard footer for each page of a website. As a general rule, I include a contact email address, the name of the webmaster (person who made the information web-ready, or who maintains or updates the page), and any necessary copyright information. In a larger or more commercial site, I would also link in the footer to a separate Legal page.

It is courteous to visitors to either indicate when the page was last updated, or the date it was originally created. The address or URL of the website is helpful (especially in multi-page sites) both to help people locate the homepage if they've arrived at some other page first, and as a reference for anyone who has printed out pages of a site.

The Personal-Professional Website

• Susan's Homepage

• Notes for Susan's Homepage.

• HTML for Susan's Homepage.

• Susan's Resume Page

• Notes for Susan's Resume Page.

• HTML for Susan's Resume Page.

Welcome page

Site Credits

Resources

About the (real) author

Please Sign the Guestbook!