Getting on the Internet

Lab 4

Create Your Website

  1. From the start button, open up FileZilla.
  2. In the Local site: window, enter the absolute path to the folder containing your CIS228 folder.
  3. In the Host: window, enter air.lehman.edu.
  4. In the Username: window, enter your first name . your last name (all lower case).
  5. In the Password: window, enter art12345.
  6. Click the Quickconnect button.
  7. In the Remote site: window, navigate to the Sites folder.
  8. From the View menu (at the top), select Synchronize browsing.
  9. Also from the View menu, select Directory comparison and Enable.
  10. Right click on the CIS228 (in the lower lefthand window) and select "Upload".

Visit Your Website

  1. Open a new Google Chrome browser window.
  2. In the URL line at the top enter the following: then hit the Enter key on your keyboard.
  3. Append PROJECT/ and hit Enter.
  4. Change PROJECT/ to LABS/ and hit Enter.

More JavaScript

  1. Copy hello.html from LAB3 to a new LAB4 directory.
  2. Edit this hello.html page.
  3. Change the following line:
            p r o m p t ( " W h o   A r e   Y o u ? " ) ;
    to:
            v a r   n a m e   =   p r o m p t ( " W h o   A r e   Y o u ? " ) ;
  4. Add the following attribute assignment to the P element:
            i d = " m e s s a g e ".
  5. Save your file and open it in some browser. Type your name in the popup window. Then hit Enter.

Starbuzz

  1. Download starbuzz.zip into a LAB4 sub-directory of the LABS on your thumbdrive and Extract All... it in place (using Windows Explorer).
  2. Find the index.html file in the Starbuzz directory.
  3. Edit this file to improve its presentation as discussed in the text:
    1. Add a relative link to the Mission.html web page (p. 143).
    2. Add in an absolute link to the Caffeine Buzz website (p. 143).
    3. Add a title attribute to that link that explains what it does (p. 147).
    4. Add an id attribute with value chai to the opening tag of the h2 element giving a price for Chai Tea (p. 150).
    5. Modify the path component of the href attribute so that the link points to the element within the Caffine Buzz with an id attribute having value coffee (pp. 149-152).
    6. Add a target attribute to the link to the Caffine Buzz page that causes it to open in a new tab (pp. 155-156).
  4. Save the file and open it in a browser.
  5. Verify that it looks (and behaves) as specified in the text.
  6. Add a new list item (li) to the index.html page in your LABS directory that links to the index.html page you have been working with in this lab.

Your family

  1. In your PROJECT directory, create a family.html web page.
  2. (Note: this is your website, feel free to make stuff up.)
  3. Start with a paragraph on your family background. Include at least one link to an external webpage.
  4. Add paragraphs for parents, siblings, children, significant others, etc..
  5. Create a link from the index.html page in your PROJECTS directory to your family.html page.

Always turn off your computer and screen before leaving the room.