ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.
-
Upload
elfrieda-lester -
Category
Documents
-
view
216 -
download
1
Transcript of ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.
![Page 1: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/1.jpg)
ECT 250: Survey of E-Commerce Technology
FrontPage
Publishing pages
Unix
![Page 2: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/2.jpg)
2
FrontPage • Hyperlinks
Publishing Web pages on students.depaul.edu• FTP• Telnet• Unix
Outline
![Page 3: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/3.jpg)
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
![Page 4: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/4.jpg)
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.
![Page 5: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/5.jpg)
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.
![Page 6: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/6.jpg)
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
![Page 7: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/7.jpg)
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
![Page 8: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/8.jpg)
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:[email protected]
• Link from my home page to the Theory Group page:../main.htm
Examples
![Page 9: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/9.jpg)
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
![Page 10: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/10.jpg)
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
![Page 11: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/11.jpg)
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.
![Page 12: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/12.jpg)
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.
![Page 13: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/13.jpg)
13
To use a browser as an interface with FTP:1. Type ftp://[email protected]. 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://[email protected]: Be sure to check that the browser does notstore your password.
FTP with a browser
![Page 14: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/14.jpg)
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.
![Page 15: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/15.jpg)
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
![Page 16: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/16.jpg)
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
![Page 17: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/17.jpg)
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
![Page 18: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/18.jpg)
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
![Page 19: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/19.jpg)
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
![Page 20: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/20.jpg)
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
![Page 21: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/21.jpg)
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
![Page 22: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/22.jpg)
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
![Page 23: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/23.jpg)
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!
![Page 24: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/24.jpg)
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
![Page 25: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/25.jpg)
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
![Page 26: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/26.jpg)
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.
![Page 27: ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix.](https://reader035.fdocuments.in/reader035/viewer/2022070410/56649ea95503460f94bacc8a/html5/thumbnails/27.jpg)
27
Upcoming topics More Unix FrontPage
• Using and formatting images• Adding tables for information or formatting
Searching the Web Survey of markup languages