Web Site Design

Name: __________________ Teacher: Mr. Bucci

Period __________________ Class: Technology

Defining the Internet

The Internet is a large collection of computers all over the world that are connected to one another in various ways. Of all the technological developments of this century, the net is perhaps the most amazing. You can use the Internet to communicate with other people throughout the world; read online versions of newspapers, magazines, academic journals and books; join discussion groups on almost any conceivable topic. A good web page starts with a good design.

The first major consideration when building a website is to commit to making it a useable web site. Decide what information that you are posting is useable and brainstorm ways to build the site so that it highlights that useable quality. Preparing a design involves making decisions about what styles (font, colors, etc…) and illustrations (images, pictures, etc…) to arrange the web page. The people who do this work are graphic designers. Here are some things to consider when designing a web page.

Audience – Who will see the final product?
Content – What message are the words and graphics trying to represent?
Size – How big will the finished product be?
Budget – Some designs cost more to produce? (logos)
Principles of design – What looks good?

Design Brief

For this assignment you will use Microsoft FrontPage or Web Expression to design a website about yourself. I feel this will be a good ways to get to know your peers and to display some of your work from the past year. The website should consist of at least 6 web pages (Home, About Me, My Favorites, My Portfolio, Photo Gallery and My Links).

Categories

1. Home 2. About Me 3. My Favorites 4. My Portfolios 5. Photo Gallery 6. My Links

Procedure

1. Keep all handouts in folder.

2. Select the style and theme for your web site.

3. Select the types of images and graphics that will go on the site.

4. Select the projects you wish to display in you’re my Portfolio page.

5. Select the title of your website.

6. Design a home page or the first page of your website.

7. Insert information on your web pages.

8. Bring in pictures from home to be scanned to insert into your web site

9. Take pictures with digital camera and add them to your site.

10. Download pictures using www. Google.com (images) to add to your web site.

11. Bring in music to add to your web site.

12. Check to see that your website includes all the required criteria.

13. Create hyperlinks to all the web pages.

14. Present your site to the class

Criteria:

1. Six categories: Home, About Me, My Favorites, My Portfolio, Photo Gallery, and My Links

2. The categories should be all have hyperlinks back to the home page

3. The categories should have appropriate text and graphic images

4. The site should consist of the following:

a. Word Art w/ fill effects (ex: www.graffiticreator.net )

b. Page Transitions

c. Images

d. Marquees

e. Auto Thumbnails (Photo Gallery)

f. Dynamic HTML

g. Links to appropriate websites

h. Sound

i. Change background or Insert Wallpaper

5. The My Portfolio page should consist of (if available) – Business card, My Dream PC, Career Brochure and Movie Maker Project. (You may add any other projects from your other classes to your portfolio page.)

6. The site should be well organized

Presentation and Assessment

You should design your site and prepare to present your web site to the class.

Student Designed Web Page Rubric

	1	2	3	4	Total
Layout /Design	The pages are unattractive. Text is difficult to read. The backgrounds are distracting.	The pages appear "busy" or "boring". Text may be difficult to read. The backgrounds are somewhat distracting.	The pages are eye-catching and attractive. Text is easy to read. The backgrounds are subtle and appropriate.	The pages are well organized. Text spacing and alignment make reading easy. The backgrounds enhance the page.
Graphics	There are no photos, icons or clip art or they are inappropriate or of low quality.	Photos are blurry or fuzzy; icons and clip art do not "fit" with the topic. Too many pictures make the download time slow.	Photos, icons, and clip art are appropriate, of high quality, and download fairly quickly.	Photos, icons, and clip art are used creatively and may follow a theme.
Design Solution / Criteria	Missing several Categories along with criteria	Missing 1-2 Categories along with some criteria	Website has all the categories. Has most of the required criteria.	Website has all the categories. Met all criteria and fell within the design constraints
Navigation / Links	The user may become lost or links may be missing or not working.	The user may become confused when navigating between pages. Some links may not work	Links work well and the user can navigate back and forth with little trouble.	Links are created consistently and easy to follow. the user can easily navigate back and forth through pages.
Following Classroom Guidelines/	Arrived to class late repeatedly, was not on task at all and was constantly distracting other students.	Arrived to class late, was a distraction to other students, and did not stay on task most of the time.	Arrived to class on time, used class time appropriately, did not distract others, stayed on task most of the time.	Arrived to class on time, used class time appropriately, did not distract others, stayed on task the whole time.
				Total