CIT CS Workshop: June 2001

Lab 3

Computer Science Department

Lab Assignment 3

The purpose of this assignment is to

review concepts from Lab 2
introduce you to the Pico editor
continue discussion on HTML
introduce you to logging into the HP machines from home

Then continue working on your personal Web page

Instructions

Printing out this page:
1. First bring up this page and click on it
2. Then click on File/Print
3. A little window should appear with lpr in it
4. Change the lpr to lp -d flute before you click OK
  The printed output should be printed on the printer close to the HP Lab
Reviewing what you learned yesterday:
1. Log into one of the HP machines, just as you did yesterday
  and open a Terminal Window
2. List the files in your directory using ls -l for a long listing
  that shows
  - the size
  - the creation dates
  - the permissions
  for your files
3. Now type ls -l *
  This acts much the same
  except that it displays the contents of your subdirectories as well
  So you should see the contents and permissions
  of your public_html directory and files
4. Double check that
  - All files related to your Web page are in the public_html directory
    (or they cannot be found by a browser)
  - The permissions of all the files in your public_html directory
    are set to 644 (-rw-r--r--)
    and that the permissions for the public_html directory itself
    are set to 711 (drwx--x--x)
5. Use the chmod command to fix permission settings
  E.g. chmod 644 index.html or chmod 644 myImage.jpeg
6. For help in remembering the HTML tags we've talked about, click here
Changing the name of files or moving files:
1. If you have a file in your main directory, say myClipArt.gif,
  you need to move it to your public_html directory
2. If you are in your main home directory, type mv myClipArt.gif public_html/myClipArt.gif
  (for move)
  or just mv myClipArt.gif public_html/.
  where the dot (.) stands for "use the same filename"
3. Do an ls -l * to make sure the file has moved correctly
4. You can use the mv command to rename files as well
  Suppose you have a file called baseball that should be baseball.html
  Just type mv baseball baseball.html
  and the file is renamed
5. Again do an ls -l * to double check
Ending your HTML tags:
1. A common error made yesterday was forgetting
 to have the two tags, </BODY> and </HTML>,
 at the end of the index.html file
2. Make sure that your HTML file(s) end properly
 before adding more information to them
Adding color to your HTML files:
1. Both the <BODY> and  tags
 may have a color added to them
2. The <BODY> tag uses BGCOLOR=XXX
 (where XXX is the name of a color)
 While the  tag uses COLOR=XXX
 E.g. <BODY BGCOLOR=GREEN> the dark red text ... </BODY>
 
 Notice there is no space either side of the equals sign
3. There are many colors, such as
 - RED
 - YELLOW
 - GREEN
 - BLUE
 - BROWN
 - BLACK
 - MAGENTA (a pinkish purple)
 - CYAN (a light green blue)
 - WHITE
 - DARKRED
 - LIGHTRED
 - GOLD
 We are handing out a list in class today
4. You can also make up additional colors
 by specifying the amount of red, green, and blue
 E.g. <BODY BGCOLOR=#00FF00> for a green background some red text some blue text ... </BODY>
 This is called RGB notation for red, green, and blue
 A number of such colors are also given on today's handout
 The pound sign (#) tells HTML
 that this is an RGB-specified, not named, color
 The first two hexadecimal digits
 represent the intensity value of RED
 where 00 means none
 and FF means full strength
 The next two hexadecimal digits
 represent the intensity value of GREEN
 The last two hexadecimal digits
 represent the intensity value of BLUE
 
 For instance, #FF7F00 is dusty rose
 while #9F9F5F is khaki
 and #FF6EC7 is neon pink
Using the Pico editor:
1. If you are trying to edit files from home
  you cannot use the HP Desktop editor
  Instead, we suggest you use the Pico editor
  More information on this can be found here
2. To start, try editing your Poem file in Pico
  Type pico Poem
  And you should see the poem appear in the same window
  with a list of commands at the bottom
3. Try playing with the commands to move the cursor
  to find your way around
  - Press Ctrl and E keys together
    to get to the end of the line
  - Press Ctrl and B keys together
    to move back one character
  - Press Ctrl and F keys together
    to move forward one character
4. Modify your poem in some way
  Then try to save it by pressing the Ctrl and O keys together
  Type in the name you wish to save it as
5. To exit Pico,
  Press the Ctrl and X keys together
6. To test that the file was indeed changed,
  type more Poem
  (or whatever you named the file)
Using telnet from home:
1. Many of you have asked how to login from home
  to work on your pages
2. From home, connect to your usual Internet Service Provider
  so that you can bring up Netscape or Internet Explorer
3. Now you want to telnet into one of the HP machines
4. First pick one of these machines
5. Next find telnet on your machine
  If you have a PC, click on Start/Find
  You want to find a file named telnet.exe
6. Once you find it, double click on it
  and a new window appears
7. Click on Connect/RemoteSystem
  and type in the name of your chosen machine, say dixon
  with .cs.colostate.edu attached at the end
  E.g. dixon.cs.colostate.edu
8. Once the system has connected,
  it asks for your loginname and password
  Use the ones you would use in the HP lab
9. Now you are connected to the HP machine
  but only through a single window
  You do not have the full HP desktop environment
  such as the editor we have been using
  For this reason, you'll need to use the Pico editor
10. All regular Unix command should work in this window
  Note: You can have more than one Telnet window open at the same time