ECT 250: Survey of E-Commerce Technology

FrontPage

Publishing pages

Unix

2

FrontPage • Hyperlinks

Publishing Web pages on students.depaul.edu• FTP• Telnet• Unix

Outline

3

There are four types of hyperlinks:1. Links to external pages2. E-mail address links3. Links to internal pages4. Links to bookmarks within the current

document

Hyperlinks

4

Links to external pages

To add a hyperlink to an external Web page:• Select the text to be linked and click the link

toolbar button. (You can also choose Insertand then select hyperlink). This will bringup the Create Hyperlink dialog box.

• Type in the appropriate URL in the box andclick OK.

5

E-mail hyperlinks

To add an e-mail hyperlink:• Select the text to be linked and click on the link

toolbar button to display the Create Hyperlinkdialog box.

• Click the mail icon to open the Create E-mailHyperlink dialog box. Type the appropriatee-mail address and click OK.

• Click OK to finish creating the link.

6

To specify an internal link you must:1. Select the text to be linked and click the

hyperlink toolbar button to display the Create Hyperlink dialog box.

2. Browse the open pages or enter the path to the internal page.

3. Click OK.

Links to internal pages

7

The relative path of a page is obtained by:• Using the name of the file if it is in the same folder

as the Web page in which the link is created.• Using ../ whenever you must move up a level in the

hierarchy of directories to reach the file.• Using the name of a directory to move down the

hierarchy of folders.

When you publish the pages the files must have the same relative structure or your path will be incorrect!

Relative paths

8

• Link from Theory Group page to CTI home page:http://www.cs.depaul.edu

• Link from Theory Group page to my home page:faculty/settle.htm

• E-mail link on my home page:mailto:asettle@cs.depaul.edu

• Link from my home page to the Theory Group page:../main.htm

Examples

9

• You can specify that a hyperlink jump the user toa particular location on the current page.

• This is done by placing a bookmark at the location.(Do not confuse this bookmark with the one thatis created by a Web browser).

• When creating the link, you then specify both thepage and the bookmark on the page.

• Bookmarks are useful when you have long pageswith multiple, distinct sections.

Bookmarks

10

1. Select some text in the appropriate location.Then choose Bookmark from the Insert menu. The bookmark text will have a dashed underlineappearance in the FrontPage window.

2. Highlight the text to be linked to the bookmarkand click the hyperlink button to display theCreate Hyperlink dialog box.

3. Insert the appropriate page name and select thebookmark from the Bookmark box.

Creating a bookmark

11

Publishing the page

Now that we can create some basic Web pages,we need to discuss how to publish these pages,that is, make them available on the WWW.

In this course, all Web pages will be publishedon the students.depaul.edu machine.

Next we learn how to move existing pages ontostudents.depaul.edu. This requires using FTPand Telnet, and learning some Unix commands.

12

The steps for publishing

1. Create the Web page(s) using FrontPage2. FTP the page(s) over to students.depaul.edu3. Telnet into your account and change the

permissions for all necessary files anddirectories.This will include all files transferred in thesecond step.

13

To use a browser as an interface with FTP:1. Type ftp://yourlogin@students.depaul.edu2. This will bring up a window that prompts you

for your password.3. Type in your password (being careful to type

it correctly) and hit enter.4. The files in your main directory will appear.

Example: ftp://tsettle@condor.depaul.eduNote: Be sure to check that the browser does notstore your password.

FTP with a browser

14

Other versions of FTP

You can also directly use FTP programs if theyare installed on your machine.Examples:

• wsftp• cuteftp

Most have GUI interfaces and work similarly tothe browser interface.

15

A Web server typically requires that any Web pagesthat are to be published on the site must be locatedin a particular directory.

On students.depaul.edu (and condor.depaul.edu)that directory is public_html.

If you do not have a public_html directory you must create one. All your web pages must be in that directory or they will not be visible to browsers.

HTML directory

16

All pages you will publish for this course mustbe located in a subdirectory of public_htmlcalled ect250.

You will NOT receive credit for your homeworkif they are not located in public_html/ect250.

You must create the ect250 subdirectory since itwill certainly not exist.

An additional requirement

17

To create a directory on students.depaul.eduusing FTP with the browser interface:1. Select File2. Select New3. Select Folder4. Click on the folder and give it the name

you wish it to have.

Alternatively you can use the new folder iconin any GUI interface for FTP.

Creating directories with FTP

18

Once you have created a public_html directory, youcan move your HTML files into that directory.In order to do that:1. Open up the directory into which you wish to

move the file.2. Open the folder where the file is located on your

local machine.3. Select Edit/Copy or drag the file directly into the

directory.

Example: Place pages into public_html/ect250.

Moving files with FTP

19

Once you can moved your Web pages into youraccount, you now need to ensure that they arevisible to a Web browser.

This involves using Telnet to log into the studentsmachine and changing the access permissions onthe files and directories.

The next step: Telnet

20

To give direct_name the correct permissionsyou must:1. Directly log into your account (using Telnet)2. Move into the parent directory of direct_name

using cd (change directory)3. Type: chmod 755 direct_name

Examples:1. public_html2. ect250

Directory permissions

21

In order to give file_name the correct permissions you must:1. Directly log into your account (using Telnet)2. Move into the parent directory of file_name

using cd (change directory)3. Type: chmod 644 file_name

Example: Change permission for main.html

File permissions

22

1. Create the Web page(s) using FrontPage2. FTP the page(s) over to students.depaul.edu

placing them in public_html/ect2503. Telnet into your account and change the

permissions for all necessary files anddirectories. (To move from directory todirectory use the cd command).

This will include public_html, ect250,and all files transferred in Step 2.

The steps for publishing

23

Warning about homework!

You must make sure that the permissions on yourdirectories and files are set correctly before yousubmit your web assignments.

If your pages are not viewable you will simply receive a zero on the assignment.

Helpful hint: Try to view your pages before yousubmit the assignment to make sure it works!

24

Viewing your pages

Once you have created a public_html and an ect250directory, located your files in it, and changed the permissions to the correct values, you can view your pages. To do so:1. Open a browser2. Type: http://students.depaul.edu/~name/ect250/main.html

3. This will bring up your 250 main page, that is, thepage called main.html in public_html/ect250/

Example: http://condor.depaul.edu/~tsettle/ect250/main.html

25

Some Unix commands

• Move to a child directory: cd directoryname• Move up to a parent directory: cd ..• List files/directories in the current directory: ls• List files/directories with permissions: ls –l• Create a new directory: mkdir directoryname• Remove a file: rm filename• Remove a directory: rmdir directoryname• Rename (move) a file: mv oldname newname• Change file permissions: chmod 644 filename• Change directory permissions: chmod 755 filename• Help on a Unix command: man commandname

26

Assignment 3

Assignment 3 requires you to produce a basicWeb page and then publish that page on thestudents.depaul.edu machine.You must:1. Use FrontPage2. Place the pages on students.depaul.edu3. Ensure that the permissions are set correctly4. E-mail me the URL5. Complete ALL of this by the given deadline

For more details see the homework description.

27

Upcoming topics More Unix FrontPage

• Using and formatting images• Adding tables for information or formatting

Searching the Web Survey of markup languages