Internet Assignment

OverviewThis assignment combines many of the

skills you have been learning all semester. Microsoft Word Microsoft Excel Microsoft PowerPoint

It also involves learning a new set of skills related to web page development file transfer web page hosting

Overview (continued)

During the next week you will be working to create the necessary web page documents.

Next week you will work on getting these materials posted to your own web account.

Everything you need to do the first part of the assignment is contained in your lab manual.

The overall process

Main Worddocument(in htmlformat)

Another Worddocument(in htmlformat)

PowerPointpresentation

Create yourweb documenton your PC

The overall process

Main Worddocument(in htmlformat)

Another Worddocument(in htmlformat)

PowerPointpresentation

Transfer yourfiles to bulldog

The overall process

Main Worddocument(in htmlformat)

Another Worddocument(in htmlformat)

PowerPointpresentation

Main Worddocument(in htmlformat)

Another Worddocument(in htmlformat)

PowerPointpresentation

The overall process

Main Worddocument(in htmlformat)

Another Worddocument(in htmlformat)

PowerPointpresentation

Set file permissions

The overall process

Main Worddocument(in htmlformat)

Another Worddocument(in htmlformat)

PowerPointpresentation

Viewable to web browsersthrough your URL

Netscape

Explorer

Users must have permission to view your pages

HTML

Hypertext Markup LanguageUsed to format web pagesNot a real programming languageUses symbols called tags to mark certain

areas of the document for particular formats. Tags mark beginning and ending.

Example: <b> Makes this line bold-face type </b>

HTML continued

HTML code can be written in any text editor or in a word processor and saved as text.

Many web page authoring tools generate HTML code automatically Adobe PageMill, Microsoft FrontPage

Microsoft Word, Excel and PowerPoint also can generate html files.

Web publishing

Hypertext markup language (html) uses ‘tags’ to format data tags allow page formatting and the

inclusion of images can be seen from the View->Source menu

Web page authoring software automatically produces html code to format the web page.

Your assignment and html

The reason you do a “Save As HTML” on your Word and PowerPoint files is to create a version of them that is in HTML format.

These are web documents.Watch out for PowerPoint however, it saves

each of your slides, each image, and each notes page as separate files!

All of these have to be transferred for your web page to run them.

File transfer from PC to UNIX

The tricky part explainedCreating the documents is relatively easy,

the book explains that well.The rest of the assignment is tricky

transferring files from PC to bulldog getting on your bulldog unix account learning a few simple unix commands navigating the file hierarchy to the web

subdirectory setting file permissions making other changes to the files

Your UNIX account

Bulldog is UMD’s mainframe computerIt houses all of your email through your

UMD account (example: schm0013)First, let’s get on your account and see

how it is set up.Your TA will show you how to open up a

connection to bulldog through UMDNET (telnet communications software)

Sun OS 5.6login:

Sun OS 5.6login: schm0013

Sun OS 5.6login: schm0013password:

Sun OS 5.6login: schm0013password: password doesn’t show up

Sun OS 5.6

login: schm0013password: Last login Aril 12, 2000 from 123.45.67

Enter terminal type. <RETURN> for default (VT220)[Z)enith, S)un, X)term, W)yse, V)t100]

Sun OS 5.6

login: schm0013password: Last login Aril 12, 2000 from 123.45.67

Enter terminal type. <RETURN> for default (VT220)[Z)enith, S)un, X)term, W)yse, V)t100]

Sun OS 5.6

login: schm0013password: Last login Aril 12, 2000 from 123.45.67

Enter terminal type. <RETURN> for default (VT220)[Z)enith, S)un, X)term, W)yse, V)t100]

bulldog.d.umn.edu1%

Sun OS 5.6

login: schm0013password: Last login Aril 12, 2000 from 123.45.67

Enter terminal type. <RETURN> for default (VT220)[Z)enith, S)un, X)term, W)yse, V)t100]

bulldog.d.umn.edu1%

This is the UNIX prompt

Some simple UNIX commands

ls - lists your files and directoriescd - changes directoriespwd - print working directorypico - launches the pico editorchmod - changes the mode of access of a

filebye - gets you out of your UNIX account

Sun OS 5.6

login: schm0013password: Last login Aril 12, 2000 from 123.45.67

Enter terminal type. <RETURN> for default (VT220)[Z)enith, S)un, X)term, W)yse, V)t100]

bulldog.d.umn.edu1% lsMail wwwbulldog.d.umn.edu2%

You probably have only a fewfile and/or subdirectories

Sun OS 5.6

login: schm0013password: Last login Aril 12, 2000 from 123.45.67

Enter terminal type. <RETURN> for default (VT220)[Z)enith, S)un, X)term, W)yse, V)t100]

bulldog.d.umn.edu1% lsMail wwwbulldog.d.umn.edu2% cd wwwbulldog.d.umn.edu3%

Drop down into your websubdirectory

Sun OS 5.6

login: schm0013password: Last login Aril 12, 2000 from 123.45.67

Enter terminal type. <RETURN> for default (VT220)[Z)enith, S)un, X)term, W)yse, V)t100]

bulldog.d.umn.edu1% lsMail wwwbulldog.d.umn.edu2% cd wwwbulldog.d.umn.edu3% lsbulldog.d.umn.edu4%

If you list the files in your wwwdirectory there won’t be any...yet.

Sun OS 5.6

login: schm0013password: Last login Aril 12, 2000 from 123.45.67

Enter terminal type. <RETURN> for default (VT220)[Z)enith, S)un, X)term, W)yse, V)t100]

bulldog.d.umn.edu1% lsMail wwwbulldog.d.umn.edu2% cd wwwbulldog.d.umn.edu3% lsbulldog.d.umn.edu4% bye

Type ‘bye’ to leave your account

Your account signs offand is gone.

The structure of UNIX accounts

bulldog.d.umn.edu

At the root of the file hierarchyis the bulldog computer.

The structure of UNIX accounts

bulldog.d.umn.edu

ande0213 jone0321 schm0013 swen0002

The computer hosts an accountfor every student.schm0013@bulldog.d.umn.edu

The structure of UNIX accounts

bulldog.d.umn.edu

ande0213 jone0321 schm0013 swen0002

Within each student accountthere is a web subdirectorycalled www. After logging on to your accountyou must cd www to get downinto it.

www

The structure of UNIX accounts

bulldog.d.umn.edu

ande0213 jone0321 schm0013 swen0002

All your web files mustbe transferred over toyour web subdirectory.

www

FTP

File Transfer ProtocolUsed to transfer a file from one computer

to anotherWe will use this program to send files

from the PC’s in lab to the unix mainframe on which our web pages are built

works with telnet to access remote computers

WS_FTP program

Result of WS_FTP

After all your files are transferred over to your web subdirectory you can log onto your account, go down into it and list them.

The result should look something like the following:

Sun OS 5.6

login: schm0013password: Last login Aril 12, 2000 from 123.45.67

Enter terminal type. <RETURN> for default (VT220)[Z)enith, S)un, X)term, W)yse, V)t100]

bulldog.d.umn.edu1% cd wwwbulldog.d.umn.edu2%

The structure of UNIX accounts

bulldog.d.umn.edu

ande0213 jone0321 schm0013 swen0002

After entering your accountyou will want to drop downinto the www directory.

www

Sun OS 5.6

login: schm0013password: Last login Aril 12, 2000 from 123.45.67

Enter terminal type. <RETURN> for default (VT220)[Z)enith, S)un, X)term, W)yse, V)t100]

bulldog.d.umn.edu1% cd wwwbulldog.d.umn.edu2% lsBullet5.gif Jeff_Brooks.htm Sales.xlsImage10.gif Logo.GIF ScanMaster_Report.htmImage9.gif Marketbulldog.d.umn.edu3%

Sun OS 5.6

login: schm0013password: Last login Aril 12, 2000 from 123.45.67

Enter terminal type. <RETURN> for default (VT220)[Z)enith, S)un, X)term, W)yse, V)t100]

bulldog.d.umn.edu1% cd wwwbulldog.d.umn.edu2% lsBullet5.gif Jeff_Brooks.htm Sales.xlsImage10.gif Logo.GIF ScanMaster_Report.htmImage9.gif Marketbulldog.d.umn.edu3%

This is a subdirectory thathas your ppt slides in it.

The structure of UNIX accounts

bulldog.d.umn.edu

ande0213 jone0321 schm0013 swen0002

We can navigate down intothe Market subdirectorywith the cd command.cd Market

www

Market

bulldog.d.umn.edu3% cd Marketbulldog.d.umn.edu4% lsImage11.gif first.gif img007.gif sld002.htm tsld001.htmImage12.gif home.gif img008.gif sld003.htm tsld002.htmImage13.gif ielogo.gif index.htm sld004.htm tsld003.htmMarket.PPT img001.GIF info.gif sld005.htm tsld004.htmmarket.ppt img002.GIF last.gif sld006.htm tsld005.htmactivem.gif img003.GIF next.gif sld007.htm tsld006.htmactivep.gif img004.GIF pptani.gif sld008.htm tsld007.htmcollapse.gifimg005.GIF prev.gif space.gif tsld008.htmexpand.gif imb006.GIF sld001.htm text.gifbulldog.d.umn.edu3%

bulldog.d.umn.edu4% lsImage11.gif first.gif img007.gif sld002.htm tsld001.htmImage12.gif home.gif img008.gif sld003.htm tsld002.htmImage13.gif ielogo.gif index.htm sld004.htm tsld003.htmMarket.PPT img001.GIF info.gif sld005.htm tsld004.htmmarket.ppt img002.GIF last.gif sld006.htm tsld005.htmactivem.gif img003.GIF next.gif sld007.htm tsld006.htmactivep.gif img004.GIF pptani.gif sld008.htm tsld007.htmcollapse.gifimg005.GIF prev.gif space.gif tsld008.htmexpand.gif imb006.GIF sld001.htm text.gifbulldog.d.umn.edu3%

This is the default startup file.

bulldog.d.umn.edu4% lsImage11.gif first.gif img007.gif sld002.htm tsld001.htmImage12.gif home.gif img008.gif sld003.htm tsld002.htmImage13.gif ielogo.gif index.htm sld004.htm tsld003.htmMarket.PPT img001.GIF info.gif sld005.htm tsld004.htmmarket.ppt img002.GIF last.gif sld006.htm tsld005.htmactivem.gif img003.GIF next.gif sld007.htm tsld006.htmactivep.gif img004.GIF pptani.gif sld008.htm tsld007.htmcollapse.gifimg005.GIF prev.gif space.gif tsld008.htmexpand.gif imb006.GIF sld001.htm text.gifbulldog.d.umn.edu5% chmod 644 *.*bulldog.d.umn.edu6%

This gives all of your filespermission to be seen by thepublic over the web.

bulldog.d.umn.edu4% lsImage11.gif first.gif img007.gif sld002.htm tsld001.htmImage12.gif home.gif img008.gif sld003.htm tsld002.htmImage13.gif ielogo.gif index.htm sld004.htm tsld003.htmMarket.PPT img001.GIF info.gif sld005.htm tsld004.htmmarket.ppt img002.GIF last.gif sld006.htm tsld005.htmactivem.gif img003.GIF next.gif sld007.htm tsld006.htmactivep.gif img004.GIF pptani.gif sld008.htm tsld007.htmcollapse.gifimg005.GIF prev.gif space.gif tsld008.htmexpand.gif imb006.GIF sld001.htm text.gifbulldog.d.umn.edu5% chmod 644 *.*bulldog.d.umn.edu6% cd ..bulldog.d.umn.edu7%

Now let’s go up to thewww level.

The structure of UNIX accounts

bulldog.d.umn.edu

ande0213 jone0321 schm0013 swen0002

We can navigate one level back upthe hierarchy with the commandcd ..

www

Market

bulldog.d.umn.edu7% pwdschm0013/www/bulldog.d.umn.edu8%

If you ever wonder where youare you can use the pwd commandto tell you what directory you arein.

bulldog.d.umn.edu8% lsBullet5.gif Jeff_Brooks.htm Sales.xlsImage10.gif Logo.GIF ScanMaster_Report.htmImage9.gif Marketbulldog.d.umn.edu9%

Let’s list our files, just to makesure.

File permissions

In order to be seen by the outside world, all files in your www directory and it’s various subdirectories must be made ‘public’.

We do this with the chmod 644 commandIn addition, all subdirectories in the www

directory must be given a special designator of public access: chmod 755

You only need to set these permissions once. You do not need to do the chmod stuff every time you log onto your account.

bulldog.d.umn.edu8% lsBullet5.gif Jeff_Brooks.htm Sales.xlsImage10.gif Logo.GIF ScanMaster_Report.htmImage9.gif Marketbulldog.d.umn.edu9% chmod 644 *.*bulldog.d.umn.edu10%

Make all files public.

bulldog.d.umn.edu8% lsBullet5.gif Jeff_Brooks.htm Sales.xlsImage10.gif Logo.GIF ScanMaster_Report.htmImage9.gif Marketbulldog.d.umn.edu9% chmod 644 *.*bulldog.d.umn.edu10% chmod 755 Marketbulldog.d.umn.edu11%

Set permissions for theMarket subdirectory.

bulldog.d.umn.edu8% lsBullet5.gif Jeff_Brooks.htm Sales.xlsImage10.gif Logo.GIF ScanMaster_Report.htmImage9.gif Marketbulldog.d.umn.edu9% chmod 644 *.*bulldog.d.umn.edu10% chmod 755 Marketbulldog.d.umn.edu11% bye

Everything should be inworking order now.Log off and try to launch thepage using Netscape orExplorer.http://d.umn.edu/~schm0013/ScanMaster_Report.htm

In lab this week

Create all of the html documents described in your lab textbook.

Make sure all the links work.Make sure the power point

presentation works.

In the lab next week

Use WS_FTP to transfer the files up to your account on the web

Set the file permissionsCheck your web page to verify that

everything works properly.

For Monday

Extra credit (up to 15 points)Submit 3 questions for Linda Deneen at

the beginning of the hour NO HANDWRITTEN QUESTIONS ACCEPTED

You can earn up to 5 points extra credit for each one that is selected for my final list.

Linda will attempt to answer as many questions as possible.

For next WednesdayLinda Deneen, Head of Information Technology

Systems and Services PhD in Computer Science, specializing in encryption Director of UMD computer and telecommunications,

including computer labs and policies, phone and internet services, PeopleSoft, laptop initiative, multimedia services (including classrooms)…

Basically, anything related to computers.Up to 10 points for your lecture notes (turn

them in at the end of lecture in the box at the rear of the lecture hall)