FIT100 Lab 4: Work on Project 1

Resources: You will use information from Lab 3, the HTML lecture, Chapter 4 of the textbook and Appendix A of the textbook.

 

Goal: The goal is to get started on Project 1, and to exhibit good work practices while producing a Web page.

Getting Started

Although the first step in solving Project 1 is to find a topic for your misinformation Web page, it is also possible to begin working on the structure of the page even before knowing the topic. Later when youÕve chosen your topic, things like the title (see below) can be filled in.

 

First Page. Open TextPad or other text editor (but not a word processor) and type in the tags of the basic HTML structure. This same task was performed in Lab 3. The only content should be the title and a one sentence paragraph. These will change later, so pick any text you wish.

 

Save the page to the desktop as project1A.html, making sure that the page is saved in HTML or text format. Find the file on the desktop and click on it. It should open in your browser. Inspect it to make sure that it is correct.

 

Working Cycle. Begin an Edit/Check working cycle adding features needed in Part A of the project, such as the disclaimer, paragraphs, table, bulleted list, etc. As you work, follow this procedure

This cycle makes you very productive at building a Web page.

 

After you have added a few features, including the disclaimer, then publish your page so that it is publicly readable.(Remember to keep the last copy in your file space.)

 

 

 

Publish your HTML document

What is public_html?
As covered in previous labs, public_html is the name given to the folder placed in every student's remote account on Dante once they have enabled web publishing. It is a directory space where you publish your HTML pages and is provided to you by the University. The public_html folder is a shortcut to server space set up for you on another server called Virgil. It is a shortcut to be able to move files from your file space directly to your web server space without having to make another network connection. For convenience, simply think of public_html as your web folder. All files that you wish to see up on your web page at the UW must be placed in this folder. If those files are not in this folder, then they cannot be seen by someone browsing the Internet and looking at your web site. The web documents that you create today are sent to this folder using the SSH file transfer client.

  1. Open up the SSH client that we used in previous labs. You will need to log in with your UWNETID and password. Make sure that the host computer name is dante.u.washington.edu

Note: You will need to select "All Files" from the Files of type menu in order to view your HTML file in the window.

  1. Be sure your fit100 folder still exists.
  2. SFTP your document to the inside of your fit100 folder.
    1. When you SFTP your web document over to your Dante account, be sure to transfer any image(s) as well, or they won't display.
    2. IF, by default, all file permissions are changed to Owner read and write only, then you will have to change the permissions to make them readable by others.
    3. Select the file, project1A.html, from the right side of the SFTP window. Right click and select Properties:

File Properties Dialog Box

    1. Once you have sent your file to your fit100 folder and changed the permissions on the file and any images, view the page from your browser.
      The URL to get to your webpage should be: http://students.washington.edu/UWNETID/fit100/project1A.html
      (Replace UWNETID with your own.) URL addresses are case sensitive. If you use capital letters in your file name, they need to be capitalized in the URL.
    2. Log off the machine before leaving.