Web Page Project Rubric

							Name ______________________________________________________
Topic ________________________________________________

Total Points: 150
Page 1: Home Page- (50 points) must include title/name of your topic, your name, teacher name, period
number, three tabs (pages 2-4 links), three related pictures of your topic with hyper-links, and four textual
features. Each text feature should be in its own text box and should two eight bullets or sentences.
Page 2-4: (25 points each): Each page must have a title, two textual features, and two pictures on each slide
with links. Photos must pertain to your topic. (NO random pictures.).
Page 5: (15 points) Works Cited Page must be titled. This page must be in MLA. One resource website (ex.
AVL) and two general websites must be used. Encyclopedias or textbooks may also be used. Don’t forget to
write down in your notes/research where you get your information so that you may use it on your works cited
screen.
Rubric: Student Self Assessment: (10 Points)

Page #                       Description                            Student Self          Teacher Assessment
                                                                    Assessment
   1      Title (2 pts)                                                    [____/2 pts]            [____/2 pts]
          Your Name, Teacher Name, Block (1 pt each)                       [____/3 pts]            [____/3 pts]
          Three Photos (3 pts each) w/Links (2 pts each)                 [____/15 pts]           [____/15 pts]
          Four Text Features (2 pt each )                                  [____/8 pts]            [____/8 pts]
          Table of Contents: Three Tabs w/Links (4 pts each)             [____/12 pts]           [____/12 pts]
          Background Design & Layout                                     [____/10 pts]           [____/10 pts]
                                                                  Total = _____/50 pts    Total = _____/50 pts
   2      Title (2 pts)                                                    [____/2 pts]            [____/2 pts]
          Two Photos (3 pts each) w/Links (2 pts each)                   [____/10 pts]           [____/10 pts]
          Four Text Features (2 pts each)                                  [____/8 pts]            [____/8 pts]
          Background Design/Layout (3 pts) & Main Page                     [____/5 pts]            [____/5 pts]
          Link (2 pts)                                            Total = _____/25 pts    Total = _____/25 pts
   3      Title (2 pts)                                                    [____/2 pts]            [____/2 pts]
          Two Photos (3 pts each) w/Links (2 pts each)                   [____/10 pts]           [____/10 pts]
          Two Text Features (1 pts each sentence or bullet)                [____/8 pts]            [____/8 pts]
          Background Design/Layout (3 pts) & Main Page                     [____/5 pts]            [____/5 pts]
          Link (2 pts)                                            Total = _____/25 pts    Total = _____/25 pts
   4      Title (2 pts)                                                    [____/2 pts]            [____/2 pts]
          Two Photos (3 pts each) w/Links (2 pts each)                   [____/10 pts]           [____/10 pts]
          Two Text Features (1 pts each sentence or bullet)                [____/8 pts]            [____/8 pts]
          Background Design/Layout (3 pts) & Main Page                     [____/5 pts]            [____/5 pts]
          Link (2 pts)                                            Total = _____/25 pts    Total = _____/25 pts
   5      Work Cited Title                                                  [____/1 pt]             [____/1 pt]
          One Resource Web                                                  [____/3 pt]             [____/3 pt]
          Two Additional Web Sites                                          [____/4 pt]             [____/4 pt]
          Must be in MLA                                                     [____/7pt]              [____/7pt]
                                                                  Total = _____/15 pts    Total = _____/15 pts
          Rubric Instructions-Student Self Assessment             Total = _____/10 pts    Total = _____/10 pts

                                                                   Total = ___/150 pts     Total = ___/150 pts

Comments:
                                      9th Computer – Web Page Project

Lesson One: Creating Web Pages Using Microsoft Word

How To Do It?
One easy way to create a simple web page is to use Microsoft Word. Start by creating a Word document. Any
text, graphics, or hyperlinks that you insert into your Word document will be automatically converted to a web-
compatible format by Word’s built in HTML translator. When the user saves a Word document as a web page,
the program does the following:

      Translates text, layout, images, and formatting into HTML code
      Generates an XML style sheet that contains instructions for locating and displaying images and text
       within the web page
      Converts images to web-compatible GIF or JPG formats
      Creates a single HTML file
      Creates a folder that contains the XML file with display instructions and all the images used within the
       page display

Getting Started
   1. Create a folder and name it the following: your name_webfolder
   2. Open Microsoft Word and open a blank document

Word offers a variety of options for creating new web pages. The user can simply open and start a new blank
document or a new blank web page, use a template, or use one of the Word wizards. Each option allows the user
to add content such as images and text to a document that will be converted to HTML format.

To save the newly created document as a web page, go to File, Save As. Give the new web page a name that
does not contain any spaces and is, preferably, eight characters or less in length. Click the arrow next to Save
as Type and change the type from Word document to Web Page (*htm,*html).

Word will automatically save the document in an HTML format and append the file extension .htm to the file
name. It will also create a folder with the same name as the file plus _files and will store an XML instruction
file and all image files within this folder. In other words, if I created a Word document and saved it as a web
page, giving it the name main_page, Word would create a file called main_page.htm and a folder called
main_page.files.

To publish my new web page to the Internet and have it appear correctly, I would need to make sure the file
main_page.htm and the folder main_page_files plus its contents were all present in my web server directory.


                      Lesson Two: Adding Background a Background Color or Image

By default, web pages created with Word have simple white backgrounds and black text. Using Word’s built-in
formatting options, you may select any solid background color and any text color or combination of text colors
you prefer. You can also insert a background image. Background images are repeated or tiled to fill the screen
display.

When choosing combinations of colors or background images for your new web page, you will want to think
about such considerations as the following:

      Readability – Choose complimentary colors or background images that do not interfere with the text on
       your page.
      Aesthetics – Create attractive layouts and color combinations that convey a sense of who you are and
       encourage visitors to return again.
      ADA Issues – Be cautious when using color to convey information; some of the visitors to your web site
       may have difficulty seeing certain colors such as red and green.
      Printing – Will visitors need or want to print information from your web site? If so, dark backgrounds
       and light text may not print correctly or at all.

Adding Background Color

Background color may be added before or after you have added text and images to your new web page. To add
a background color, click on Format, Background, then select the color you wish:

When using dark colored backgrounds, be sure to use a light color text.

Word also allows you to create your own custom background color. Go to Format, Background, More Colors.
Adding a Background Image

To add a tiled background image to your web page, save a copy of the image on your disk. To insert it as a
background image, click Format, Background, Fill Effects. You will see a tabbed display of fill effect options.
Click the Picture tab, then Select Picture:

Select the image file you wish to use for your background, then click Insert:

                               Lesson Three: Adding Images to Your Web Page

As you create your web pages using Word, you will want to include images as a way of making your web page
come alive.

You may download free non-copyright protected images from a variety on online sources, save these files to
your hard drive, and then insert them into your web page using Word. You may also want to take advantage of
Word’s built-in clip art gallery to add images.

Adding Images from External Files

Use this method if you are adding images you have created yourself, saved from an online clip art site, or
created from scanned images.

Place the cursor wherever you wish to insert an image. Click on Insert, Picture, From File.

Use the drop down arrow in the Look In: field at the top of the dialog display window to choose the location
where you have saved your image files. In this case, I am looking in the My Pictures folder on my hard drive.
To select and insert the curie.gif file, I would simply position the cursor on that image, and double click the left
mouse button. This would place a copy of the image in my open document.

To resize the image, click on it, and then place the cursor on one of the corners of the image. You will see a
double-ended arrow appear. Click the left mouse button and hold it down while dragging the double-ended
arrow inward to make the image smaller. By using this method, you will keep the image’s proportions intact
and avoid creating a distorted graphic.
Adding Word Clipart Graphics

To add an image from within the Word clipart gallery, place your cursor at the place in your page where you
want the graphic to appear. Click Insert, Picture, Clip Art.

                        Lesson Four: How to insert Hyperlinks into Word Document

Open your Word document. Place your cursor at the position at which you wish to insert your link. Click Insert,
then select Hyperlink.

Type in whatever text you want to display as the link your web page visitor will click.
Type in the full address of the web site or file you want the user to access by clicking the link:

If you wish to create a link to another web page in the same folder as the page you are creating, follow the same
instructions as above but instead of typing in a web address, type in the name of the htm file you wish to access
from this link. Make sure only the file name appears in the address field:

Linking Web Pages Within Your Web Site

The only way visitors will be able to move from page to page within your web site is through the use of
hyperlinks. You may wish to set up a table of contents page and links that would allow site visitors to select
specific pages within your site from a list. If you choose this option, be sure to create a link from each page that
will return the user to the table of contents web page.

Alternatively, you may wish to provide visitors links on each page that allow them to immediately move to any
page on your site without having to return to a table of contents page.

Using Images as Hyperlinks

Images may also be used as navigational icons to help users move from web page to web page. To create a
navigational icon, first insert the image you wish to use as a link into your document. Click on Insert, Picture,
then choose Clip Art or From File.


                              Lesson Five: Inserting Tables into Word Document
To insert a table into your web page, open your web page file in Word. Place the cursor in the place you want
your table to appear. Click Table, Insert, Table. You will see the following dialog box on your screen:

Choose the number of columns and rows you wish. You may also wish to choose a format for your table
display. To format, click AutoFormat.
This dialog display allows you to choose whether or not the borders, rows, and columns in your table will
include shading or colors. Once you have chosen the options you wish, click OK.

Once you have created your table, you may enter text or insert images into the data cells. The following table is
an example of how you may use tables to align text and images or organize hyperlinks:
Title            Title     Title
Picture          Picture
                           Picture