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)
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.