In this lab we will learn how to create Web pages. As discussed in class, Web pages are essentially text files with annotations in the language called HTML. We will create our Web pages using the text editor called Notepad. When creating a Web page, we will develop it on the Z: drive, and finally copy it to the W: drive. Pages on your Z: drive are accessible only to you; pages on your W: drive are accessible on the World Wide Web.

Note: When you open your W: drive in Windows explorer, you will see a list of folders whose names are the lowercase letters of the alphabet. Open the folder whose name is the first letter of your username. Within this folder, is a folder whose name is your username; Open this folder corresponding to your username. You have permission to create folders and store files within this folder. Henceforth, any reference to the W: drive is a reference to this folder on the W: drive. For example, is the username for a user is joe, then the W: drive for that user is W:\j\joe

1. If you do not already have a folder for CPSC101 in your Z: drive, create a folder in your Z: drive and name the folder CPSC101 or something suitable.

2. Move the file, lab2.txt, containing your answers to Lab 2 to your CPSC101 folder.

3. Open Notepad and type in the sample Web page shown in Chapter 3 of your course pack.

4. Save this page as page1.htm in your CPSC101 folder. Make sure that you save the file as plain text and not as unicode.

5. Start Netscape and view the page page1.htm in Netscape. To view this page select Open Page from the File menu. The Browse to choose the file page1.htm in your CPSC101 folder. Select Open to view the page in the browser window.

6. If your page looks correct in the browser (Netscape), copy the file to your W: drive. Once the file is in your W: drive, the URL for the file is

   http://students.roanoke.edu/<first letter of username>/<username>/page1.htm
   

   For example, if the user alice stores a file called page1.htm in her W: drive, the URL to the page is

   http://students.roanoke.edu/a/alice/page1.htm
   

   If the file is in a sub-folder on your W: drive then in the URL you need to specify the folder name in between your username and the file name.

7. Create a file called index.htm in your CPSC101 folder on your Z: drive. This page should contain a brief introduction (to yourself) and an itemized list of three of your interests. View the page in the browser and correct it as necessary.

8. Add hyper links to a suitable site dealing with each of your interests. For example, if one of your interests is the music group Pink Floyd, then the itemized entry for Pink Floyd on your page should have a hyper link to a Pink Floyd page.

9. Create another page called courses.htm that contains an itemized list of courses you are taking this semester and the times the classes meet. The background colour of this page should be white.

10. In your page index.htm add a hyper link to your courses page.

11. In your courses.htm page, add links, if any, for each of the courses you are doing this semester. For example, your CPSC101 entry should be a hyper link to the CPSC101B Web page.

12. Copy the pages index.htm and courses.htm to your W: drive.

13. Create a Web page, called lab2answers.htm, containing as an itemized list all the answers to the tasks in Lab 2. Choose one of the images at http://wp.netscape.com/assist/net_sites/bg/backgrounds.html as the background for your page.

14. Copy the page lab2answers.htm to your W: drive.

15. Study the source code for this page (the page containing the lab description) and include in your index.htm page a link so that when a user clicks on that link, an email window will open up and the user can send you email.

16. Send me, in email, the URL's to all the pages on your W: drive. Note: Make sure you email me the URL's and not the files themselves.