1. ECT 250: Survey of E-Commerce Technology FrontPage Publishing pages Unix

2. 2  FrontPage Hyperlinks  Publishing Web pages on students.depaul.edu FTP Telnet Unix Outline

3. 3 There are four types of hyperlinks: 1. Links to external pages 2. E-mail address links 3. Links to internal pages 4. Links to bookmarks within the current document Hyperlinks

4. 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 Insert and then select hyperlink). This will bring up the Create Hyperlink dialog box. Type in the appropriate URL in the box and click OK.

5. 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 Hyperlink dialog box. Click the mail icon to open the Create E-mail Hyperlink dialog box. Type the appropriate e-mail address and click OK. Click OK to finish creating the link.

6. 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. 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. 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. 9 You can specify that a hyperlink jump the user to a particular location on the current page. This is done by placing a bookmark at the location. (Do not confuse this bookmark with the one that is created by a Web browser). When creating the link, you then specify both the page and the bookmark on the page. Bookmarks are useful when you have long pages with multiple, distinct sections. Bookmarks

10. 10 1.Select some text in the appropriate location. Then choose Bookmark from the Insert menu. The bookmark text will have a dashed underline appearance in the FrontPage window. 2.Highlight the text to be linked to the bookmark and click the hyperlink button to display the Create Hyperlink dialog box. 3.Insert the appropriate page name and select the bookmark from the Bookmark box. Creating a bookmark

11. 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 published on the students.depaul.edu machine. Next we learn how to move existing pages onto students.depaul.edu. This requires using FTP and Telnet, and learning some Unix commands.

12. 12 The steps for publishing 1.Create the Web page(s) using FrontPage 2.FTP the page(s) over to students.depaul.edu 3.Telnet into your account and change the permissions for all necessary files and directories. This will include all files transferred in the second step.

13. 13 To use a browser as an interface with FTP: 1.Type ftp://yourlogin@students.depaul.eduftp://yourlogin@students.depaul.edu 2.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.eduftp://tsettle@condor.depaul.edu Note: Be sure to check that the browser does not store your password. FTP with a browser

14. 14 Other versions of FTP You can also directly use FTP programs if they are installed on your machine. Examples: wsftp cuteftp Most have GUI interfaces and work similarly to the browser interface.

15. 15 A Web server typically requires that any Web pages that are to be published on the site must be located in 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. 16 All pages you will publish for this course must be located in a subdirectory of public_html called ect250. You will NOT receive credit for your homework if they are not located in public_html/ect250. You must create the ect250 subdirectory since it will certainly not exist. An additional requirement

17. 17 To create a directory on students.depaul.edu using FTP with the browser interface: 1.Select File 2.Select New 3.Select Folder 4.Click on the folder and give it the name you wish it to have. Alternatively you can use the new folder icon in any GUI interface for FTP. Creating directories with FTP

18. 18 Once you have created a public_html directory, you can 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. 19 Once you can moved your Web pages into your account, you now need to ensure that they are visible to a Web browser. This involves using Telnet to log into the students machine and changing the access permissions on the files and directories. The next step: Telnet

20. 20 To give direct_name the correct permissions you 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_html 2.ect250 Directory permissions

21. 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. 22 1.Create the Web page(s) using FrontPage 2.FTP the page(s) over to students.depaul.edu placing them in public_html/ect250 3.Telnet into your account and change the permissions for all necessary files and directories. (To move from directory to directory use the cd command). This will include public_html, ect250, and all files transferred in Step 2. The steps for publishing

23. 23 Warning about homework! You must make sure that the permissions on your directories and files are set correctly before you submit 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 you submit the assignment to make sure it works!

24. 24 Viewing your pages Once you have created a public_html and an ect250 directory, located your files in it, and changed the permissions to the correct values, you can view your pages. To do so: 1.Open a browser 2.Type: http://students.depaul.edu/~name/ect250/main.html 3.This will bring up your 250 main page, that is, the page called main.html in public_html/ect250/ Example: http://condor.depaul.edu/~tsettle/ect250/main.html

25. 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. 26 Assignment 3 Assignment 3 requires you to produce a basic Web page and then publish that page on the students.depaul.edu machine. You must: 1.Use FrontPage 2.Place the pages on students.depaul.edu 3.Ensure that the permissions are set correctly 4.E-mail me the URL 5.Complete ALL of this by the given deadline For more details see the homework description.homework description

27. 27 Upcoming topics  More Unix  FrontPage Using and formatting images Adding tables for information or formatting  Searching the Web  Survey of markup languages