1. CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao

2. 11 March 2004CPSC 203 Labs by Jie Gao2 Organize a Web Page Line break vs. Paragraph break –In FrontPage, Enter key is paragraph break, Shift+Enter is line break A picture beside text –Set alignment to “left” or “right” If you need more complex layout, use invisible tables to control –Set border to 0

3. 11 March 2004CPSC 203 Labs by Jie Gao3 Organize a Long Page Use bookmarks –Insert bookmarks at the key positions –Create links with destinations “#bookmark_name” –When these links being clicked, the page will scroll to the corresponding key position

4. 11 March 2004CPSC 203 Labs by Jie Gao4 Organize a Web Site You can split your whole content into several web pages, with each page covering a subtopic Create links among them to help visitors move among your pages Use relative addresses for the link destinations if possible –Do NOT use things like “C:\My Documents\page.htm” or “E:\mypages\web.htm”, but “page.htm” or “mypages/web.htm”

5. 11 March 2004CPSC 203 Labs by Jie Gao5 Publish Web Pages – WebDisk Put your web pages and images into the “public_html” folder on your WebDisk Use the “set permission” tool to give permissions to the internet users Visit your web page at http://homepages.ucalgary.ca/~username/page.htm Space limit: 50 MBytes

6. 11 March 2004CPSC 203 Labs by Jie Gao6 Publish Web Pages – FTP This way is an alternative to the WebDisk way. (And not so easy as WebDisk) Use FTP software to connect to ftp.acs.ucalgary.ca Make a folder named “public_html”, transfer web pages into that folder Set read permission for all other users Visit pages via the address http://www.ucalgary.ca/~username/page.htm Space limit: 20 MBytes

7. 11 March 2004CPSC 203 Labs by Jie Gao7 References For more information about publishing web pages at the university homepage space, refer to the help pages at: http://www.ucalgary.ca/it/web/personal.html http://www.ucalgary.ca/it/web/personal.html

8. 11 March 2004CPSC 203 Labs by Jie Gao8 Index Page (Default Page) For each folder on your web page space, you can have an index page. When this folder address is requested, this index page is displayed The index page has a fixed name: index.html

9. 11 March 2004CPSC 203 Labs by Jie Gao9 Assignment 4 Refer to the requirement on the course web site to know what should be included in the web pages No further constraints on the format or content of your web pages Hand in by e-mail: Send your web page address to me at gaoj@cpsc.ucalgary.ca