HONR 159J: HTML II I. More HTML A. Troubleshooting--anyone have problems? B. Ask someone to explain how to view source. 1. reiterate why we do this. C. Global and Local Links 1. Any questions about linking to another page on the web? 2. Let's learn how to make a local link. 3. Let's learn how to make a local link. To make a local link, you have to have another web page in your file to link to: a. Toggle back over to otal and exit your file. <^X) b. Since all of you will be mounting your first project on the web, let's create a new page for it. Type "pico Project1.html" c. Title it and type some text. Anything--like "this is where my first project will be mounted. Stay tuned." d. Write it out (^O). Now exit the file (^X). e. Call up your first page: "pico honr159j.html" f. Cursor down to the bottom. We're going to make a hot link to your project 1 page. So type: "Project 1 Because your link is in your own public_html directory, you don't have to write out the entire URL. You can just use the name of the page. g. Write it out. h. Now toggle over to Netscape and bring it forward and reload. Check your link to see if it works. 3. You all now have a home page and project page. Ask for questions. Does anyone have questions about what we just did? E. Background colors. Check out link to web resources. Click on background colors. 1. The background command is 2. Your browser will only recognize this command if you include it as the first item after the title. a. View source on the class homepage to see how this is done. F. Cutting and pasting text. Learning to cut and paste into a homepage is crucial to mounting your projects on the web. 1. This is a technique you'll want to use from the labs. Typically you'll be bringing a diskette from home and copying a file you've written with your usual wordprocessing software into your project page. a. Here we can't reproduce this technique exactly because we don't have a disk drive at these terminals. b. But we'll teach you the basic principles so you can reproduce it at the lab. 2. Toggle over to windows and open a word processing application (Word, WordPerfect, or Windows Write). a. type a brief paragraph b. when you're through, take the mouse and highlight the whole paragraph. c. Point your mouse to Edit and drag down to "copy". d. (If you're looking at an interface that doesn't have File, Edit, etc at the top, type ^C. e. exit your wordprocessing application (remember to save if you're actually exiting your project or any other important homework). f. toggle over to otal and pull up your project1 page. How do you do this? 1. exit previous file if necessary 2. pico project1.html g. put the cursor where you want the file to go. h. point your mouse to Edit and drag down to Paste. i. that should do it. j. you must do this in a continuous session--if you exit all the applications, the material that you've copied to the temporary buffer file will be lost. k. Troubleshooting: Remember you must select the entire text you wish you copy before performing the copy operation. 3. You can load preformatted material onto a webpage and have it stay more or less the same by starting and finishing it with the html command:

1. Problem is the text will only display in courier (imitation typewriter) mode. Not very pretty. 4. Homework assignment for practicing cutting and pasting is posted under Student Projects. Due next Wednesday. IV. Introduction to WebChat. A. Go to class homepage and click on new Webchat link. B. What is webchat--a chat space for the class that enables us to carry on discussion outside of class. 1. Pass out Netiquette handout C. Basic instructions for using webchat. D. Ask them to begin discussion by clicking on race, class and gender box and responding to our questions. 1. Give people about 15 minutes to do this and keep checking on people. E. Urge everyone to check in to Webchat twice a week to contribute to one of the discussions. 1. Follow netiquette rules. 2. This will be part of your class participation grade. 3. Please always check the web and html help discussion to see if someone needs assistance. V. If time, pass out handout on linking to cool images. We'll cover next week, but here are instructions for those who are anxious to start.