Lab #12
CS 2351
UNIX Operating System
Name
__________________________________
Section
______________________
|
This lesson will cover learning how to make a Web
page and put it in your public_html directory on your Computer Science
department account. You and anyone
else should be able to see these on the Internet. You will create the Web pages using MS
FrontPage 2002 so you don’t have to learn the HTML code. You will also use FTP to transfer the file
from your special directory to your Computer Science account. |
Probably one of the most
exciting advancements in computing has been the introduction of Web browsers
and the Internet. It has allowed many people
of all ages who would not normally use computers to be able to access
information from around the world in a short amount of time. They also don’t have to be very knowledgeable
about computers.
The World Wide Web is part
of the Internet and consists of a very large collection of documents stored on
computers around the world. These
consist of the following:
Web Server - A
Web server is a computer that stores Web pages and makes the pages available on
the Web for other people to view.
Web Site
– A Web site is a collection of Web pages created and maintained by a college,
university, government agency, company, organization or individual.
Web Page – A Web page is a document on the
Web. Web pages can include text, images,
sound, and video.
URL – Each Web page has a unique address, called a
Uniform Resource Locator (URL). You can
display any Web page if you know its URL.
Links – Web pages contain links, which are highlighted
text or images on a Web page that connect to other pages on the Web. You can select a link to display a Web page
located on the same computer or on a computer across the city, country, or
world.
Web Browsers – A Web browser is a program
that allows you to view and explore information on the Web.
HTML – Hypertext Markup Language (HTML) is a computer
language used to create Web Pages. These
consist of text and special instructions called tags. A Web browser interprets the tags in an HTML
document and displays the document as a Web page.
People create Web pages for
the following reasons:
Personal – To share information
about their families, pets, vacations or favorite hobbies. Some people also create a resume for
potential employers. This would
certainly be useful when you are looking for a job.
Share Knowledge – Many
scientists and business professionals make their work available on the
Web. You can make Web pages to share
that knowledge.
Entertain Readers – Many people
create Web pages to display collection of jokes or humorous stories.
Promote Interests – You can create Web pages to display information
about an organization or club that you belong to. You can include a schedule of events and
detailed information about the goals of the organization.
Provide Information – Companies
place pages on the Web to provide information about their businesses and the
products and services they offer.
Shopping – Many companies create
Web pages that allow readers to order products and services over the
Internet. Companies can display
descriptions and pictures of products to help readers determine which products
they want to purchase.
Job Listings – Many companies
use Web pages to advertise jobs that are available within the company. Some companies allow readers to submit their resumes
on their Web sites.
Contact Information – Companies
can display their office addresses, e-mail addresses and phone numbers on their
Web pages.
In
this assignment you will design some Web pages using MS FrontPage 2002. You will not need to know the HTML language
in order to make a Web page. In order to put Web pages on
the Internet so they are available all of the time, you must have access to a
computer that is connected to the Internet at all times. Many of the Internet Service Providers have
space on their machines where you can keep Web pages. A certain amount of space
is given to all customers. The
computer needs to be connected by telephone line or other connection at all
times.
Some people dedicate a
certain PC in their business where all Web pages are kept. This particular
machine will be connected to the Internet all the time. If you own a PC, it would need to be
connected to a telephone line all of the time in order for others to have
access to your Web pages. This would mean that you need to have an extra
telephone line for the PC or you would need a DSL (Digital Subscriber Line)
telephone line that allows you to use the Internet and also receive calls at
the same time.
When you look at pages on the
Internet, you see lots of information in print.
You may also see graphics. People
also have colorful backgrounds in their pages.
In the early days of Web page design, people had to have a basic
knowledge of HTML in order to make Web pages.
This meant that it was not easy to develop web pages. However, now many word processors can be used
for designing web pages. Actually, all
of the Microsoft products now allow you to save information so you can put it
on the Web. You can use Word to make
Web pages. You can save Excel, PowerPoint, and Access files in a Web format so
you can put them on the Web without retyping them. However in this lesson, you will use
FrontPage 2002.
The page that you design
will contain special formatting, background themes, bulleted lists, underlined
links, horizontal lines that separate elements on the page, and a heading
displayed in a larger font. You will
also add a table and a graphic to your Web page. Making Web pages can be very creative and
lots of fun.
HTML
Web page files are simply
text files written using HTML
(HyperText Markup Language). HTML is a tag language. This means that tags
(special character strings) are intermingled with the text of the Web page to
apply formatting to the text. HTML
contains relatively few different tags.
Because of its simplicity, HTML is somewhat limited in the formatting
that it can do on the text of a Web page.
We will not use all of the
tags defined in HTML for this assignment, but feel free to experiment with the
other tags. If you wish to pursue HTML
documents beyond the bounds of this assignment, you can find some excellent
tutorials by connecting to a web page located at http://www.cs.okstate.edu/cs1003/webpages.html. All HTML tags begin and end with the characters
“<” and “>”, respectively. These
are called angle brackets. This is how HTML distinguishes tags from Web page
text. Most of the tags appear in pairs
at the beginning and at the end of the formatted text. The ending code is preceded by a slash.
Many of the machines that are
used to keep Web pages are UNIX machines.
Unix machines were some of the first machines that had the capability to
do networking. Probably one of the
reasons many people still use Unix machines is because of their capability to
set up web sites. You will learn how to
set up your own directory on a Unix machine.
The CS department allows
faculty, staff, and current CS graduate students to have Web pages on the Sun
MicroSystems SunFire V880 machine. At
this time, undergraduates cannot keep Web pages on the departmental
computer. However, you will be given the
opportunity to fix up a directory and make Web pages for this class. At the end of the class, these directories
will disappear. The purpose of the CS
Department computer is for faculty research and assigned student course
work. There is some other information
on our departmental Web pages at http://www.cs.okstate.edu/facilities/FAQ/webpages.html.
Finding your Special “H:”
drive in the Computer labs
Before we start making the Web pages, you need to find
a place to save your pages when you first make them in FrontPage 2002. You could save them to your “C:” drive on the
computer you are using in the lab.
However, there is no guarantee that you will get that computer
again. The University also deletes
information from the C: drive.
Sometimes Web pages get too large if you have graphics in them and you
cannot save them on a floppy disk. OSU
furnishes each student with a special directory, the H: directory. When you save anything to this directory, you
can then access it from any of the labs on campus.
1. Follow these instructions:
o
Double click on
the My Computer icon on the desktop.
o
You will see the
My Computer window with various selections.
These are the various
directories that are available to you.
You should see one with your Login id on it. This should be your special drive where you
can save files that will be available to you all over campus.
o
Double click on
the Login id that is yours. You should
now get your directory on the screen.
Unless you have already used this directory, you should not have
anything in the directory except a few directories such as Netscape.
o
This is where you
will save the Web pages you make and the graphics that you obtain in order to
make your Web pages.
o
Close this
directory now.
Saving Images obtained
from the Internet
There
are times when you see an image on the web that you would like to use
elsewhere. For example, you may see a
bullet, button, line, icon, picture, or cartoon that would look nice on your
own Web page. There are several sites
that have graphics that you can copy. Of
course, you will also find more places that want you to pay for them. After you have found them, there is an easy
way to save a copy of an image for use later. You are now going to look for
some graphics on the Internet. Do the
following:
2. Click on the Internet Explorer icon on the main menu page.
o When you are on the system, go look at the various
locations that are listed with graphics in the “Web Page Handout” that is
located at http://www.cs.okstate.edu/graphics/webpages.html.
At the bottom of this page are some addresses to places where you can get
graphics. Some of them are
animated. It is lots of fun to try out
these different locations. It also can
be very frustrating because you get sent from one location to another and it is
difficult to get to the graphics sometimes.
You also can find some pages that will give you different colors you can
use for backgrounds or fonts.
o However, for this first graphic, your instructor has made
a page with pictures or icons that are related to OSU. These were found on some of the University
web locations. You may want to use one or two of these for your web page.
o Go to URL http://www.cs.okstate.edu/graphics/test.graphs.html
.
o You will see a number of pictures with OSU logos on
them and also a couple of Pistol Pete.
Some of the rules for copying graphs from other locations at OSU are
that you can use them as long as you are not using them to advertise or sell
something for your own benefit that is not related to OSU. There are also some
bullets and some lines, some backgrounds that are available. There are also
some departmental graphs.
¨ Choose one of the OSU logos or a picture of Pistol Pete. Move the mouse cursor onto the image, click the right mouse button, and a menu pops up.
¨ Click (the left mouse button) on the pop-up menu item labeled SAVE PICTURE AS..., and a save as… dialog box appears. Remember that files are arranged into directories or folders on a disk. If you want to save an image to a disk, you must specify the disk onto which the image is to be saved, the folder into which it is to be saved, and the name of the image file that will be saved. The image or file also can be saved to a special directory on a computer.
¨ However, what if you want to save the file into a different folder? To do this, click on the drive & folder dropdown list arrow, immediately to the right of the current folder name, and a scrollable, dropdown list of the drives and folders on the computer will be displayed.
¨ Click on YOUR own directory—the H: directory.
The name of the file to be saved is in the file name text box. When this save
as… text box appears, there is already a name in the file name text box, but you can change it.
The type of file is determined by how the file is
stored and used. For example, in Figure
4, the file is a JPG file, which is a kind of image file. Other image files may have GIF
added to the end of their name. These are two types of graphics extensions
that are used on the Web. If
you click on the SAVE
button of the dialog box, the image will be saved with the name shown in the
current folder. (We will see save as… dialog boxes in other programs,
as well.)
3. Perform the following steps to complete the
process of saving an image on to your own personal folder.
o The save as…
dialog box should still be visible.
Click on the downward-pointing arrow to the right of the current folder
name.
o Scroll through the list until you find a drive with
your login id on it. This is the name
that you use when you logon to the system.
It should look similar to the example above.
o When you find it, click on your name. It should now appear as the current folder,
and its contents should be displayed in the center of the dialog box. You may not have anything in the box yet if
you have not used it. You possibly may
have one folder in it that says “Netscape”.
This will be the file where your bookmarks will be stored.
o The file name of the image is already filled in, so
click on the SAVE
button from the dialog box. After a few
moments of activity, the dialog box should disappear and the image is saved.
o Exit from Internet Explorer or Netscape.
Starting Your Web Page
4. First, go to START/PROGRAMS/ Microsoft
Office XP/Microsoft FrontPage and
open FrontPage.
o
The Menu bar and tool bars are
all similar to MS Word. Take a look at the
different menus, and formatting tool bars.
o
Next, type in the following information enclosed in the box below on
the first page of FrontPage. The first
page is known as your Home page.
This is the first page people see when they visit your Web site. It should consist of:
§
A Summary that gives your purpose of your Web pages.
§
Table of Contents that lists the information contained in your Web site. (This means you have more than one
page.) You can include links to other
information.
o
When you see information in parentheses and in italics, you are to type
in your own information—such as in the spot for your name. In the spot where
you are asked for your major, if you don’t have one yet, you can put
“undecided”. You will make changes
after you complete this first part of the assignment.
o
Notice that you will be inserting a table in the middle of this
document. It will make it easier when you insert a graph. When you are typing
in the list of items, every time you press the ENTER key, you will leave a
blank line before you type in the next item.
These extra spaces in the list will disappear when you add bullets to
this list.
|
Welcome to( your name’s) Home Page I am a student at I am enrolled in CS 2351 – UNIX Programming
for the (type in current semester-such
as Fall 2004)semester. We are
learning how to make Web pages in this class. This is my first attempt at
making a Web page. Some of the other
items that we are learning in the class are: (START A TABLE HERE—IT
SHOULD CONTAIN 2 COLUMNS AND 1 ROW—TYPE IN THE FOLLOWING IN THE LEFT SIDE OF
THE TABLE. )
You can contact me
at: ( your e-mail address). |
o
Click and highlight all of the items listed in the table.
o
Click on the Bullets button to
add bullets to your document.
o
Highlight the title. Center and bold the title. Keep the title highlighted.
o
Click on the Font color
button on the formatting tool bar. Pick
a color for the font of the title.
o
Next, go to the font size box.
This is the box on the right of the Font box (it should say “default
font”) in the formatting tool bar. The
font size box should have “Normal” in it.
Use the drop down arrow to choose 5 (18 pt) .
Saving Document
Normally, FrontPage will store all your Web pages on your computer in a folder called “My Webs”. The My Webs folder contains a separate folder for each Web site you create. FrontPage will store a new Web page in the folder for the current Web site. It is assumed that you will use your computer and connect to the Internet to display your Web pages. However, we will not save it to the Web folder.
5. You will
now save the file.
o
Click on the SAVE button. Since
you have not named this page yet, you will get the Save As menu. Click on the drop down menu in the Save In
box. Find your H directory.
o
When you are in your H directory, Type in: homepage.mine in the File Name box.
o
Click on the Save
button.
Adding some other features
6. You can now add a few other features to your
document such as horizontal bars and a time stamp.
o
Click at the end of the first paragraph (at the end of OSU). Click on INSERT menu. Click on Horizontal
line to insert a horizontal rule at the end of the paragraph. Add a horizontal line before the last line of
the document--your e-mail address.
o
Customize the horizontal lines. You do this by double clicking on the
horizontal line. You will then get a Horizontal
line Properties dialog box.
Change the color and size of the line.
If you make changes in one line, that will be the default the next time
you add a line unless you change it.
You also can obtain different horizontal lines on the Internet that can
be copied as a graphic.
o
Add a time stamp to your document. Press Ctrl + End, to position the
insertion point at the end of the document.
o Type in This Page was
last modified:
o Pull down the INSERT
menu. Select Date and Time
to display the dialog box.
o Choose a Date format and
click on OK. The current date will be
entered on the page.
o Add a period at the end of
the date.
o
Save your document again.
Adding a Background Theme
You can apply a theme to
your Web pages. This will help you to
design a good looking Web site that is coordinated. There are preset colors and graphics to make
your pages look organized and professional.
If you later change your mind, FrontPage updates all of your pages
automatically.
7. Go to FORMAT/Theme. You will get a menu with many themes that are
available. This is a new feature to
FrontPage 2002.
o Look through the different themes. You will see the different ones shown in the
right pane. It will show you what they
will look like.
o Notice that there is a place to put a check on Vivid
colors. Try this. The background colors will change and you
will see more vivid colors.
o You can also put a check on the Active Graphics. You will get some graphics added to the
theme.
o The Background picture adds a picture to the
background. If this is used, the Vivid colors will not be used. The background picture will be used instead.
o The Apply using CSS defines a Cascading Style
sheet. This helps to ensure
compatibility among different browsers.
You don't need to change this one at this time.
o You can check all of these, none of them, or just one
or two of them. It is just your
preference.
o When you are finished, click on the OK. If you don't like the results, you can
change it.
o Save the document.
You can make modifications if you want although we
will not do that here. If you want to do this, click on the Modify button. You
can modify the default colors, graphics and also the text style if you
want.
You will see some differences in your Web Page
now. The horizontal line may now be
different than what you did when you entered the line before. The bullets will also be different.
Adding hyperlinks to documents
One of the features of web pages is that you can connect
to other pages on the Internet. You can
avoid duplication of material this way. It
also helps the reader to find information easily. You will add two hyperlinks to this document.
8. Add
hyperlinks to the following:
o
Click on and highlight the words “
o
Click on the Insert Hyperlink button
on the toolbar.
o
A menu will show up that will allow you to type in the address of the
place you want to link up to your document.
o
Type in http://osu.okstate.edu/. Click on the OK.
o
You will now see the hyperlink has been added to your document. If you put the mouse on it, you will see the
hand.
o
Click on and highlight “CS 2351”.
o
Go to the Insert Hyperlink
button again and type in the following address:
http://www.cs.okstate.edu/~cs2351/. Click on the OK.
o
You should now have two links in your document.
o
Save your document again. Any
time you make changes you should save the document.
Previewing your Web Page in Internet Explorer
9. Now
it is time to see what it will look like on the Web Browser.
o
Click on the Web Page Preview button.
o
Internet Explorer should open up
and your document should appear.
o
Click on the OSU link. Does it connect
with OSU? If it doesn’t, make sure that you typed in the URL correctly.
o
Click on the CS 2351 link. Does it work?
If not, check that you typed in the correct URL
o Minimize Internet Explorer now.
o You should be returned to FrontPage.
Adding
graphics to your document
You can always make your web page look better by adding some pictures to your document. One place to get graphics is by going to the Insert menu and click on Picture and then choose Clip Art.
You also can go to the Internet and copy a file. Web pages use pictures with .gif or .jpg extensions to them. An example is pete.gif. You can add pictures that you find on the Internet. You looked at some graphics for OSU in an earlier assignment. Feel free to go to many different sources to find a picture. Here are a few addresses to use:
1. http://www.cs.okstate.edu/graphics/test.graphs.html
2. http://www.cs.okstate.edu/graphics/webpages.html
3. http://www.aaaclipart.com/index.html
4. http://www.grsites.com/webgraphics/
For this assignment, you are
going to add a picture in the right box of the table that you created
earlier. You can add an image to a
table. It will allow you to control the
placement of images and text on your Web page.
It will make placement much easier if you put it in a table.
10. Find an image to add to your document. Although you can use Clip Art, for this
assignment use a graph that you found on the Internet. Do that by using one of the locations above or
find an image in another location. If you find a picture somewhere, you can
save it by clicking on it with the right mouse button and using the Save Picture as option. Save them to your H directory so you
can then insert them into your document easily.
o
Click on the box on the right side of the table that you created. This is the area that does not have the
writing in it. This will be the
insertion point for the picture.
o
Click on INSERT/Picture/From File.
o You will need to find the file folder where you kept
your pictures. In this case, it probably
will be your H: drive.
o
Click on the image you want and click on Insert.
o
Save the file. When you do this,
you will get a menu that says Save Embedded Files. The image should be
saved with the file. It will default to
the My documents, My Webs folder. The
images must be saved in the same folder as your other things. You need to save it to your H: drive.
You can resize or move
a graphic if you want. If you want to move a graphic, position the mouse on the
image you want to move. When the mouse
changes to the white arrow, hold the mouse button down and drag the image to a
new location. There is also a Pictures toolbar that will allow you to make changes. It should appear when you click on the
picture. If it doesn't appear, you can
click on VIEW/Toolbars and choose the Pictures toolbar.
If
you want to resize the image, click the image you want to resize. Handles appear around the image. Position the mouse over one of the handles in
either a corner or on one of the sides in the middle. You should see the double headed arrow. Hold the mouse button down and drag the image
until it is the size you want.
Removing the border from the table
You don’t need to leave the border around the table. The table is a great way to make sure your images stay in place, but you may want to remove the table border.
11. In
order to get rid of the border, do the following:
o
Click anywhere in the table.
Click the TABLE menu.
o
Click on Properties/ Table.
o
You will get a Tables Properties box.
o
Change the borders size to 0.
Click on OK.
o
Your table should now have dots around the outline of the table. When your page is printed off, you should not
have a border around the table.
o
Save the document.
o
Click on the Web Page Preview button. Internet Explorer should
open and you should see the new Web page.
You should see your picture on the screen along with no border around
the table.
PRINT off the document. This is PRINTOUT #1.
o
Minimize Internet Explorer
again.
o
You should be in FrontPage
again.
o
Save your home page and close
it.
Making a second page to connect to your home page
If you look at many Web pages, you will see that the first page usually contains little information. It usually has links to other pieces of information that you can obtain. These links help you to find the particular information you want about a person or an organization without reading the entire document. You have made your main page but now you can add some other pages to your main document if you want. You will make one up with your interests and your favorite classes on it.
12.
Start on a new page by doing the following:
o
Click on File, New and start
a new document.
o
Start a second page by typing
in the following information into a document.
o
You should type in your own information in the name spot and for
the different interests. Try to list at
least three items. You may list more if
you want. Type in your own list
of favorite classes.
|
Your name’s Interest Page Hobbies Classes (INSERT A TABLE OF ONE OR TWO COLUMNS AND ONE ROW.) YOU WILL ADD A PICTURE OF ONE OF YOUR HOBBIES IF YOU CAN FIND PICTURE TO FIT THIS.) This is my list of hobbies: Golfing Surfing the Net Bowling (LEAVE ABOUT 10 to 12
LINES BETWEEN HOBBIES AND CLASSES.
THIS IS SO YOU CAN USE THE BOOKMARK LINKS YOU WILL MAKE LATER.) These are my favorite
classes: CS 2351 - UNIX Programming CS 1113 – Computer Science
1 SPCH 3723 – Business and
Professional Communication Return to Home Page |
o
Next, save it to your H: drive. Call it Interests.
o
Center the title and make the font size 5 ( 18 pt) and make it
bold. Also color the font.
o
Go to FORMAT/Theme.
Pick a different background theme for this page from the one you used on
your first page.
o
Next, highlight the list of interests and then click on the Bullets
button on the toolbar. You should get
the default bullets pattern that is part of the theme that you chose.
o
Click on the list of classes and choose the Numbers button
on the toolbar.
o
You can now add some pictures to the table that you made near the top
of the document. They work the same way
as the picture on the homepage.
o
If you wish, you can be creative and add some pictures or some line
rules also to this page.
o
At the very bottom of the page, you typed in “Return to Home
Page”. You can add a link to the first
page by doing the following.
o
Highlight the Return to Home
Page.
o
Click on the Insert Hyperlink
button.
o You will get the menu again. Click on the file that has your homepage in it.
The URL will be added to the URL box below.
Click on OK. This will allow
you to connect to your first page again.
o
Next, Save the web page.
o
Click on the Web Preview button to see this page.
o
Switch back to Frontpage again.
Adding bookmarks to your document
You can create links within a document so people can get to that particular location fast. You do this by creating a bookmark. Bookmarks are used when you have a long document and you want people to be able to get to the part they want without scrolling through the entire document.
13. In
order to make some bookmarks, do the following:
o
In the Interests document, click
at the beginning of the line that says “This is my list of hobbies”.
o
Next click on INSERT/Bookmark.
o
You will then get a Bookmark box.
In the Bookmark name box, type in: Hobbies list.
o
Click on OK.
o
A flag will appear on your Web page in the spot that you clicked on
before.
o
You now need to create a link that readers can select to display the
area of the Web page that was bookmarked
o
Highlight the word Hobbies at the top of the page.
o
Click on the Insert Hyperlink button. The Create Hyperlink box appears.
o
Click on the Bookmark … button on the right side of the
menu.
o
You will see the Select Place in Document menu. Click on the
hobbies list. Click on OK.
o
You will then go back to the Insert Hyperlink menu. Click on OK.
o
The text link should appear underlined and in color. In order to test the link, you must use the
Preview view. You will do this after you
make a link to the classes.
o
Do the same thing for the Favorite classes as you did above for
hobbies. Click at the beginning of the
line “These are my list of Favorite classes”. Name it Class List.
o
Set up the bookmark and link as you did above.
o
After you have completed this, preview the page in Internet
Explorer. Test the links to see if they
work.
PRINT OFF THIS
PAGE AND TURN IT IN. ( PRINTOUT #2)
o
Minimize Internet Explorer.
o
Go back to FrontPage.
o
Close the Interests page.
Linking the first page and second page together
You will now go back to the
first page and include a link to your second page in your document. Both of these documents will be in the same
folder. In your case, you will save them
to your H folder.
14.
Open your home page file (homepage.mine.htm).
o
Highlight the “interests and
hobbies” in the document.
o
Click on the Insert Hyperlink
button.
o
You should now get the Create
Hyperlink menu again.
o
Click on the Interests.htm. Remember a filename at this location
indicates that the link is to a local document.
It will now appear in the URL box.
o
Click on the OK.
o
You can now select “favorite
classes” and connect the link the same way you did above using the interests.htm.
o
Go to the Web Preview button and try it out to see if the links work.
o Save the document and close it.
o Exit FrontPage.
Getting
your UNIX account set up for the Web Pages
You need to log on to your UNIX account. Get in your HOME directory. You will need to set up your account with a few changes so you can then copy your Web pages to your account.
15. Do the following in
your HOME directory:
o Type in: ls -l
o When you do this, did you find a directory called public_html ?
Some
of you may already have a directory called this. If you do, don’t do step Number 1. You will still need to do the next two steps.
1.
Create the public_html directory by typing
in: mkdir $HOME/public_html
2.
Set world execute permission on your home
directory. Type in: chmod o+x $HOME
3.
Set world execute on public_html
directory: Type in: chmod o+x $HOME/public_html .
o Logoff your UNIX account now.
Copying
your Web Pages to the Computer Science machine
Next, you will use the FTP feature to copy your Web files from your other special account at OSU to your account on the UNIX machine. FTP stands for File Transfer Protocol. It allows you to copy or move files from one computer to another. There are many places where you can get a program that will allow you to do this step easily. You can find some available on the Internet that you can download to your machine and it is free. Unfortunately, the University does not have one of these programs on their system so we will use another way to copy your files.
You should have two files that you are going to copy. They should be called index.htm and interests.htm. Notice that they have an extension of htm. When Web pages are on a PC, they only have the three character extension on the end of them. You also need to copy all pictures that you used in these two files. You will need to move them to your CSA account.
16. Follow these
instructions:
o Click on the Start menu (bottom left hand corner of machine).
o Go to Programs
o Go to Accessories
o Go to Command Prompt. It will have a C:\ prompt.
o At the prompt, type h: (The prompt should change to H:\ ) You should now be in your H directory.
o Type in: ftp a.cs.okstate.edu
o It should prompt you for your username. The username is the same one you use when logging onto your CSA account.
o Type your username. Press <enter>.
o Type in your password. Press <enter>.
o You should now be on the CSA UNIX system.
o Change your directory to the public_html directory by typing cd public_html.
o You must now transfer your html document to the CSA server.
o Type in at the prompt: bin (This switches to binary mode, which will transfer all of your files completely.)
o Type at the prompt, put index.htm
o Type in: put interests.htm
o Next, move the graphics to this directory by using the put and the name of the files.
o Your documents should now be in your public_html directory.
o You can check this by typing dir at the prompt.
o Exit from ftp by typing quit.
o Get out of the H: directory by typing exit.
Getting
back to your UNIX account
17. You need to log back on to your CSA
account. After you do this, do the
following:
o Change to the public_html directory by typing: cd public_html.
o
Type in: ls
-l to list out the files and see their
access codes.
o You will need to change the file extensions from htm to html. When you have Web pages on a PC, you only use the htm extensions. However, on a UNIX machine, you use html. Do this by using the cp command: cp index.htm index.html and cp interests.htm interests.html . You could use the mv command also.
o These files need to be world readable. Type in:
o chmod o+r index.html and chmod o+r interests.html . You may use the chmod 644 index.html if you want. You must change the access codes on any file you put in your public_html file.
Does
it work?????
18.
Lets see if you got it right.
o Log on to Internet Explorer.
o In the URL space, type in: http://www.cs.okstate.edu/~userid where the userid is your login id for a.cs.okstate.edu.
o Be sure to put the tilde”~” before the userid.
Your first page, which is the index should appear on Internet Explorer.
You should be able to follow the links on your document including connecting to your interests page.
You are to print off both of those pages
and turn them in for the assignment. DO
NOT HAND in the Lab itself.
What
happens if it does not work???
19. These are some frequent errors that may be seen--“Not Found”
or “Permission Denied” when you try to access your Web pages. Check for these problems:
o First, are the files world readable (-rw----r--) ?
o Is the path to the files at least world executable (drwx-----x)?
o Do you have a default web page named index.html?
o Is it world readable (-rw----r--) ?
o Did you forget the “~” (tilde character) before your userid?