CSE 111 - Fall 2002

Lab #7

Background

It is now the moment you have all been waiting for - the time to create your own web page.

The TA will begin lab by introducing some of the ideas that you will need to complete the lab. Ask the TA if you have any questions about the contents of the lab, or if you are unsure how to accomplish a specific task.

Creating a Folder for Lab 7

For this lab, you will be working in your S:\public_html folder. All of your html files, pictures, backgrounds, etc should be stored in that directory.

Brainstorming for your web site

Begin to think about the webpage you will begin to create in this lab. You have the ability to design a webpage for anything you choose. Most people will probably choose to create a webpage about themselves.

You can begin to search the Internet for images, clip art, or backgrounds for your page. You may also bring in a disk with any of these elements with you to the lab. You can then save these images to your S: drive for use on your page. If you are looking for clip art sites that provide free clip art, search for "Free Clip Art" or "Clip Art" on a search engine.

You will probably want to draw out on paper, a rough idea of what you would like your webpage to look like. A rough sketch should help you focus on what elements you feel are important to your site. As with any rough draft, your final product may look exactly like the rough version, or nothing like it at all. You should have an idea for your page as well as have searched for some of your image pieces before going on with this assignment.

Using Microsoft Front Page

You have seen in class, that typing in the tags and text elements to create a page becomes somewhat tedious. It is also error prone. Since your first experience with a web page should be a pleasant one, you will use Microsoft Front Page to create your page. Begin by opening Front Page.

Let us begin to work on your website. Type a simple sentence onto the open page. Save this page as index.html in your S:\public_html directory.

Let the world see what you have done

We will now publish your simple web page. Once this step is done, everyone who types in the correct web address will be able to see your page. Now is the time you might want to reassess what sentence you typed into the index.html file just a minute ago. Go to the following website:

http://www.cit.buffalo.edu/ubfs/

From this page follow the link that says Turn On/Off Home Page. It will prompt you for you UBIT name and password. You want to make sure that your public access is ON. Some of you may already have public access on. Once it is on, you will be able to see the page by surfing to the site:

http://www.buffalo.edu/~yourUBITname

NOTE: If you already have a site set up from a previous class or whatever, you can use that provided it has the required elements necessary. You can choose to modify the site or create a brand new one for this assignment. If when you do this, you do not see the webpage with the sentence you just typed, do not panic. Make sure you have followed the directions carefully about where your page should be saved, and make sure it is named correctly. Also, go back and check to make sure your public access is on. If all of these things are correct and you still can not see your page, talk to your TA immediately - before leaving recitation. Alternatively, you can see the instructor or any of the TAs during office hours for assistance. You will need to have a working web page by the time the assignment is due - this means that we will have to be able to see it from the web in order for it to get credit.

In order for the world to see what you have created, and the backgrounds you have used for your web page, you need to make sure that all of the files are saved in S:\public_html. You can now begin working on your real web page.

Creating Your Web Pages

For this assignment, you will create at least two different pages. The first will be named index.html and the second can be named whatever you wish. For both of these pages you should:

Make sure the pages have a title

Make sure your name and recitation are in the comments of the <HEAD> element

Make sure there are links between these two pages (one that goes from index.html to the other, and a link that goes from the other to index.html)

Other required elements

· One of the following attributes of the <BODY> element must be set:

o TEXT

o LINK

o VLINK

· Either BGCOLOR is set or BACKGROUND is an image.

· Hyperlinks:

o 1 hyperlink that links to another page

o 1 hyperlink that links within the same page

o 1 hyperlink that is text

o 1 hyperlink that is an image

§ ***NOTE - You do not necessary have to have four - one hyperlink can count for more than one of the above.

· Pick 3 elements from the following list:

o Headline (any of H1 - H6)

o Text in a different color than that specified in TEXT attribute

o Text in a different font other than the default

o Formatted text - examples: bold, italic, underline, superscript, subscript, blockquote, preformatted

· A Horizontal Rule Line

· A List of elements that has at least 3 <LI> elements in it

· A Table of at least 3 rows and 2 columns

· One of your pages must use frames

What should I hand in and when is this due?

The entirety of your page should be viewable from the web, therefore, you will not physically hand in anything for this lab.

Refer to the list of due dates below for your recitation.

Day of Week your Recitation meets	Due date for Lab 7 (at beginning of recitation)
Monday	Monday, October 28, 2002
Tuesday	Tuesday, October 29, 2002
Wednesday	Wednesday, October 30, 20002
Thursday	Thursday, October 31, 2002
Friday	Friday, November 1, 2002

NOTE: You must create a page that is named index.html. Failure to follow the naming conventions exactly will result in a lower grade because we will not be able to find your page when the time comes to grade it.