Create a web Site using
Objective—Students will articulate good design features for creating web sites and post these results on a class discussion board.
Objective—Students will create a web site using Microsoft Office FrontPage.
Introduction—A web site can be a powerful way to communicate with many people. You may have created a web page or perhaps an entire web site before. You have certainly viewed both on the Internet. As you have probably witnessed, there are well-designed and poorly designed web sites. In this activity, you will discover what makes a web site attractive to a user and some pitfalls to avoid when designing web sites. After all, the goal of a web site is to have people visit the site. Web sites can be created by many different methods. Currently one popular method is FrontPage, a part of Microsoft Office Suite. FrontPage can be used not only to create a web site but also to manage the site once it is created and posted to the web. To demonstrate your understanding of basic web site design principles, you will design a two-page web site using FrontPage.
Activity—Read the following articles featuring tips for well-designed web pages at these sites:
- Grantastic Designs—Differences exist when promoting information in print and on the web. Fonts, typography, and navigation must all be considered with a new frame of mind. This site focuses on the differences between print design and web design. http://www.grantasticdesigns.com/printweb.html
- Great Website Design Tips—Beginner, graphics, advanced, and expert tips are featured in this article. Includes a brief introduction to HTML. http://www.unplug.com/great/index.htm
- Appearance, Usability, and Search Engine Visibility in Web Design—Analysis of an existing web site in terms of appearance, usability and other features. Discusses common mistakes of beginning designers. http://www.thesitewizard.com/webdesign/usabilitysearchengine.shtml
- Web Wonk—Generic design tips for communication on the Internet. Author David Siegel received Master’s Degree in Digital Typography. He is a type designer, typographer, writer and web-site designer and shares some good tips. http://www.dsiegel.com/tips/
- Web Site Helpers—a guide to common website mistakes with suggestions for improvement. http://websitehelpers.com/design/
Find specific information and tutorials about Microsoft Office FrontPage at these sites:
· Technology Skills Orientation from Florida Gulf Coast University—features beginner and advanced tutorials. http://www.fgcu.edu/support/office2000/frontpage/
· Microsoft Office Online—offers six self-paced lessons and four practice sessions. A short quiz is included at the end of each lesson. http://office.microsoft.com/training/training.aspx?AssetID=RC061276411033
· Creating School Web Pages with FrontPage Editor—rather juvenile but nonetheless a step-by-step informative site for FrontPage beginners. http://www.siec.k12.in.us/west/online/website/
· Computertim Technologies—a listing of “how to” steps for basic and advanced FrontPage features. http://www.computertim.com/howto/category.php?topic=frontpage
Assignment—
Part I—Which of the above design tips and principles did you think were the most valuable for an attractive web site? Create a list of your top five tips and explain why you believe they are essential for a well-designed web site. Post this list to the class discussion board as a basis for future discussion.
Part II—Create a web site for a topic in one of your classes using FrontPage. Your site should include at least two pages linked together and must include special features of your choosing like tables and graphics. You should attempt to apply most, if not all, of the positive design tips you listed in Part I of this assignment.
Submission—Post Part I of this assignment to the class discussion board as a basis for future discussion.
Post Part II of this assignment as an html file to our local server, create a link to the file and email your instructor a hot link to the assignment.
Rubric
|
|
Unacceptable |
Developing |
Accomplished |
|
Design Tip
Listing |
Five or less tips listed with no explanation |
Five tips listed; explanations brief and non descriptive |
Five tips listed with clear explanations of positives and negatives of using particular tip |
|
Web Site
Development |
Simplistic web page using FrontPage |
Basic web site designed using FrontPage with two or more pages |
Multiple web page site designed with tables and graphics modeling design tips from Part I. |
Read more about FrontPage at these sites:
FrontPage in the Classroom-- http://www.actden.com/fp2000/java/index.htm
Electric Teacher-FrontPage Tutorials-- http://www.electricteacher.com/tutorial2.htm
Outfront--http://www.outfront.net/
FrontPage World--http://www.frontpageworld.com/
FrontPage How To--http://www.frontpagehowto.com/
Google Directory-FrontPage-- http://directory.google.com/Top/Computers/Software/Internet/Authoring/HTML/WYSIWYG_Editors/Microsoft_FrontPage/
Learn That-- http://www.learnthat.com/courses/viewlets/frontpage/index.shtml
About.Com-- http://webdesign.about.com/od/frontpage/
Web Workshop.Org-- http://www.webworkshop.org/frontpage/