WEB PAGE LAB PROJECT

NOTE: This is an individual project… not a group project.  You may seek help from others, but please complete it yourself!

INSTRUCTIONS

You are to create a simple web site, publish it on a web server and send the URL to studentassistant@hotmail.com

Please make “WEB PROJECT” the subject of your e-mail.

Your web site should include:

A home page designed around a subject that interests you, including…
A table (with visible borders)
An image (Bonus: Create text that will appear when you hold a mouse over your image)
A link to a relevant external link on the world wide web (Bonus: Make the external page show up in a new window)
A link to at least one other page on your web site
A link to your e-mail address (or a fictitious one)

I recommend you use Microsoft FrontPage, but other web development tools will work. 

You may publish your web site on the SacLink server or another Internet Presence Provider (IPP).

The tutorial below should help you.  It is based on Front Page 2000, so some of the features may not be available in your version of Front Page.

There are other tutorials available at:

http://wsabstract.com/frontpage.htm (#1 and #2 only)

http://www.unr.edu/edtech/fp/fptut_intro.html

 

FRONT PAGE TUTORIAL

PLANNING YOUR WEB SITE

Before you start the actual construction of a web site, you should have some idea of what you want your site and the pages to look like. You might want to create an outline of the content and a diagram of where the information and images should appear. 

WHAT IS FRONT PAGE

Front Page is essentially an editing tool, just like a word processing program like Word. Whereas Word is used to create text and graphics that will eventually be printed out on hard copy, Front Page allows you to produce text and graphics that will eventually appear on the World Wide Web.

IF YOU’RE GOING TO PUBLISH ON THE SACLINK WEB SERVER…

You will need to enable your personal web page. From a Lab computer, log into your account, select (b) Modify Account Settings from the Main Menu, and then (4) Enable Personal Web Page from the Modify Menu.  See http://www.csus.edu/uccs/inetemail/SacLink/webpages.htm for more information on enabling your web page.

Alternatively, from home, you can connect to SacLink and then Run “telnet saclink.csus.edu” to access the SacLink Main Menu.  See http://www.csus.edu/uccs/inetemail/SacLink/telnet.htm  for more information on telnet.

BUILDING YOUR WEB SITE

(1)   Launch FrontPage

(2)   Select File>New>Web

(3)   Select a One Page Web and specify a dedicated file folder in which to save your web files (a blank floppy disk is recommended)

(4)   Answer “Yes” to convert this dedicated folder to a Web

(5)   In the Folder List, you will see the folders and one file that Front Page has created for you

(6)   Double-click on index.htm (the default name of the home page).  You do not want to change the name of this page.

CREATING YOUR WEB PAGES

(1)   You can now start adding content to your home page.  Type a heading for starters.  And then save the page.

(2)   Add a second page by selecting File>New>Page.  You will see several page options, but just choose Normal Page for now.

(3)   Save this new page and name it “page2.htm”.  It is a good idea to use all lower case and no spaces in file names.

(4)   You can add more pages whenever you want.  And you can change the names of your pages in the folder list, just as you would in Explorer; however, make sure you keep the htm extension and don’t change the name of index.htm.

SETTING PAGE PROPERTIES

(1)   Each web page has a set of Page Properties, such as a title or background color, which you can easily change.  The title is important, because it will appear at the top of the web browser window on the Web.

(2)   Right-click on an empty section of your page and select Page Properties on the pop-up menu.

(3)   Type a new title for your page in the Title box.

(4)   Click on the Background tab and select a Background color (or image) for your page.  Keep in mind you want type to show up.

FORMATTING TEXT

(1)   You can enter and format text just as you would in Word. Experiment with text alignment, colors, bold, bullets, etc.

(2)   Note that the Style setting sets the font and formatting based on specific styles (e.g. headings).  Alternatively, you can select a specific font and size for your text.

(3)   Remember to save your pages after you make changes.

INSERTING IMAGES

(1)   You can insert clip art or any compatible image.  GIF and JPEG are the most common formats.  JPEG is generally best for photographs and GIF for anything else.

(2)   To insert an image, position the cursor where you want the image to appear, and select Insert>Picture>From Clip Art or File.

(3)   You can experiment with the properties of the image by right-clicking on the image. You can specify its location on the page, create space around the image, and even specify the Text that will appear when you hold a mouse over it.

(4)   When you save this page, Front Page will confirm that you want to save the image in your Web directory.

(5)   You can preview your Web page at any time by selecting the Preview tab.

CREATING LINKS

(1)   Hyperlinks are an essential element in websites. Without links, you would have nothing but a bunch of individual pages.

(2)   To create an internal text link, type something like “Click here to go to my other web page”.  Highlight the words “Click here” and right-mouse-click on the words. Select “Hyperlink” and pick the web page you would like to link to.

(3)   Test your link in Preview mode.

(4)   To create an external text link, type a reference to another web page, highlight some key words, right-mouse-click on them, select Hyperlink, and type in appropriate web page address in the URL field.  Or click the globe button and use your browser to find that web page.  If you want the linked page to open in a new window, click on the Target Frame button and select “New Window”.

(5)   To create an e-mail link, highlight some text as before, right-mouse-click, select Hyperlink, and click on the envelope. Type your e-mail address in the address field.

INSERTING A TABLE

(1)   To insert a table, position the cursor where you want the table to appear, and select Table>Insert>Table.  Select the number of columns and rows in your table. You may also determine here how wide your table should be, its alignment, whether you want your table to have a border and how wide it should be.  A table without a border is useful for laying out a page without actually showing a table.  Then click OK. 

(2)   You may now enter data and/or objects into the cells of the table.  The data can be formatted, set as a hyperlink, etc.

(3)   You can also add rows or columns, merge cells, etc. using options under “Table”.

INSERT A DISCLAIMER

Your Home Page should contain the following disclaimer:

"[Insert student name] takes full responsibility for the information posted. The information on this page represents that of [Insert student name] and not that of California State University, Sacramento."

PUBLISHING YOUR SITE

(1)   Before publishing your site, you might find it interesting (and helpful) to go to View>Reports>Site Summary and make sure you don't have any Broken Hyperlinks on your website. If you do, double click on that line item for more details. You may also find some of the other reports interesting.

(2)   In order to publish your web site, you will need to ftp your files to the SacLink web server. 

(3)   You will need an ftp tool, such as WS_FTP (http://www.ftpplanet.com/download.htm) or CuteFTP (http://download.mindspring.com/win95/cuteftp.html).  Set the Default Local Directory to the location of your website on your PC. Set the remote directory to the location of your website on the SacLink web server (e.g. /indiv/s/schaefer). Transfer all of your web files to the SacLink web server.  The UCCS web page http://webpages.csus.edu/support/ftp.htm may be of some help in setting up your ftp tool.  

Click here for some other tips on publishing your web site.

(4)   Make sure your computer is connected to SacLink.  Use a web browser to check your site online.  Test the links.  Fix the problems and re-publish changed pages, if necessary. Always REFRESH to see your most recent changes.