Web Site Requirements As Discussed in Class 11/7

1. Your website must be organized in a tiered fashion as shown on the white board in class. If you have a good reason for organizing your site in another way and you show it to me and I approve, you are exempt from this requirement.

2. Your site must have a minimum of 14 pages (including the Site Map - see #6 below) which you create yourself. You may have as many links to outside pages as you wish. It is recommended that you create these pages to open in a new window so that the viewer does not leave your site. To do this include the target modifier within the a tag. It should look exactly like this: target=”_blank”

3. Your site must have a link to:
a) a Web page generated by Picasa containing at least 4 photographs. Note that this does not produce a single page but rather a folder of items including pages and two folders. Once created, you must open the Caption page (or, if there is no Caption page, the index page) in Notepad and change the header (the text that appears at the top of the page) to something other than the default text produced by Picasa. To open the caption.html or index.html page, right click on the page and then Open with Notepad. Then find the header and change it to what you want it to be. Save. Then change the name of the folder created by Picasa to YourLastNamePicasa (substituting your last name for YourLastName). Then give Dr. Strange the folder. Since Google does not provide a way in which you can add folders to the web site you create with Google Page Creator, we must resort to another method to make use of this technique. After Dr. Strange gets your folder, he will put it on his web site. You will then use this URL in a link on your web site to access the "Web Page" created by Picasa: http://www.johnstrange.com/edm310fall07mw2/YourLastNamePicass. Note: If you are in the 4 oclock class, change the 2 to 4. You are encouraged to use pictures that are appropriate for your site. If necessary, complete this assignment using other appropriate photographs.

b) a link to a “Web Album” created in Picasa and made available to the public at large. The web album should have at least four photographs. It is recommended that you limit the number of photographs in the public gallery to four or just a few more photographs. You will have to copy the URL for the web gallery and paste it into one or more of your web site pages as a link.

4. All photographs must have alt and title modifiers in the IMG tag that displays the photograph (or graphic). Your first task will be to an IMG tag. You will then add a TITLE modifier and an ALT modifier to the IMG tag. These modifiers can be placed anywhere within the IMG tag as long as there is a space in front and after them AND they are placed between other modifiers. The title modifier will look like this: title=”Source: National Geographic (or your source for your picture)” The alt modifier will look like this: alt=”kangaroo” Do NOT put periods after the text you write. Do not use spaces with in the modifiers but DO put a space before and after the modifier. Repeat these steps for every IMG tag in your project. There will be an IMG tag for every photograph you display! So this will take some effort on your part.

The title displays the text in quotation marks over the picture when the cursor is over the picture. The alt tag contains the text that will be read to a blind person using a special computer for blind users of the internet. One can look at the source code to verify the alt modifier.

5. You must have a link that facilitates a user sending an email to you. There is a built-in tool in Google Page Creator that allows you to do this.

6. You must have one page which is your site map. This can be a simple page with a list of all the pages in your site. This list should be set up as links to the page specified.

These instructions may be modified. A post will be made calling your attention to any changes that are made.