CSci 1101 Lab 1 - September 7, 12

• Introduction to your computer science lab computer account.
• Introduction to the process of editing and uploading your files to the server (rynite).
• Introduction to file system and basic LINUX commands.
• Practicing the basics of XHTML.

Tasks for the lab:

1. Log in to a lab machine. Your login name is the first 6 letters of your last name (or your entire last name if it's shorter than 6 letters) followed by your the first letter of your first name and the first letter of your middle name), all in lower case. The password will be announced in class.
2. First thing you need to do is to change your password. Double-click on the terminal icon at the top of the window to open the command prompt window. Type passwd. You will be asked to type in your current password and then your new password twice. Your password must have at least two different kinds of symbols, such as letters, digits, and punctuation marks. Make sure to remember your new password.
3. You also need to change your password on rynite. In the same terminal window type ssh rynite. If a message appears warning you that authenticity of the server cannot be established and asking if you would like to continue connecting, answer "yes" (not just "y"). When prompted for a passowrd, type in the same password that was given to you in class. After you connect to rynite type passwd again and change the password to a new one (it may be the same one that you use on the lab machines or a different one). Type logout when you are done to quit ssh.

Uploading the initial web pages:

1. Start the browser by either clicking on its icon or by typing firefox & in the terminal window.
2. In the browser go to the web page example http://cda.mrs.umn.edu/~elenam/1101_fall06/resources/first_page.html (note that the page name has an underscore in it); view the page source.
3. Start jEdit text editor: go to the Applications menu, choose Programming, and then choose jEdit.
4. Copy/paste the page source into the jEdit window and save it as first_page.html in your home directory
5. Upload the file to the server by typing (in the terminal window) the following commands:
   • sftp rynite
     you should be prompted for the password, type in your new rynite password. After that you should see sftp> on the line, that's where you type in the next two commands.
   • cd public_html
   • put first_page.html
6. Create a directory (folder) images by typing mkdir images at the command prompt in terminal window.
7. Download the images used for the sample page into the folder images (it will be in your home folder).
8. To upload the folder images into your public_html on rynite, you need two to use two sftp commands:
   
   • Create the directory 'images" on rynite:
     mkdir images
   • Copy all the image files to the server:
     put images/* images/.
   Check out more sftp commands if needed.
9. View your page at http://rynite.morris.umn.edu/~yourloginname/first_page.html (replace yourloginname with your login name). Make sure the page shows up as it should.
10. Validate this page by copy/pasting its URL into XHTML validator. Caution: the URL should contain the full domain name of the server: rynite.morris.umn.edu (using just rynite would work for viewing pages in the lab, but will not work in the validator). There should be one error: using bgcolor.

Changing the web page

• Use your textbook to see what tags and options you should and shouldn't use. Don't use any deprecated tags or attributes and avoid physical style tags. Don't use style attribute (I'll explain why later in the course).
• Edit the file on your lab machine (in jEdit window). Save the file and upload it to rynite using sftp.
• View your page at http://rynite.morris.umn.edu/~yourloginname/first_page.html. Don't forget to reload it. Holding the shift key while you are refreshing the page tells the server to update all the files used for this page. While it may not be necessary at this point, it's a helpful thing to know for the future, so keep this in mind.
• Check your page using the XHTML validator. If it's not XHTML-compliant (other than the background color error), correct the mistake or write a comment next to the tag explaining which attributes are not XHTML-compliant.
• When you are done, type quit to quit sftp; use Desktop -> Log out to log out of the lab machine.
• If there is anything you don't understand or if would like to know more, please ask right away!

1. Change the first list in the page to be ordered. Make the numbering system different from the second list (Roman numerals or letters). See p. 219 for more. Feel free to experiment further with list numbering.
2. Change one of the headers in the page to a different level (say, h4 to h3).
3. Add a paragraph that has the following: two different content-based tags (<cite>, <dfn>, or any other ones) and a link to any web site. Make sure that your page is still XHTML-compliant (with possible exceptions noted above). The text can be anything, it doesn't have to be related to the topic of the page.
4. Make one of the images into a link (to any web page) by nesting it inside the a (anchor) element.
5. Experiment with the border attribute of the image (see p. 136). When you are done experimenting, set the border to 0.
6. Add some text to the paragraph containing the image winter_walk.jpg. Experiment with align attribute (see pp. 129-1135 of the textbook). Use only those that are supported by mainstream browsers (see p. 130). These attributes are deprecated in XHTML standard, so you may get an XHTML error when you validate your page. Ignore it.
7. Set the width and the size attributes of the <hr> element (see p. 114). You can also experiment with the align attribute.
8. Change the table so that it has two rows, each with two cells: one with image, and another one with text (type in any text you want, use appropriate XHTML formatting). Then set the border, cellspacing, and cell padding attributes of the table (see pp. 362-366).
9. Set the bgcolor attribute of the text table cells (make them be different colors).

How to submit this lab

You have till 10pm on Wedn., Sept. 13 to finish this lab. You don't need to submit anything, simply leave your web page on rynite. Don't change anything in it after the deadline until you receive the grade. If you would like to experiment with HTML further, simply make a copy of the HTML file with a different name and upload it to rynite.

If you have any questions, please come to my office hours or e-mail me.

This page is a part of CSci 1101 course web site.