OBJECTIVES & PURPOSE:

The purpose of this assignment is to establish a presence on the World Wide Web by:

• Establishing a working HTML site first on our own computer (not on the WWW);
• Establishing a WWW Web hosting site in your home directory on UNLV's Complabs PC Network;
• Demonstrating file transfers (uploading and downloading) between computers on the Internet using FTP (File Transfer Protocol.

SPECIFICATIONS AND INSTRUCTIONS:

PLEASE NOTE:

• To receive full credit, all specifications must be meet and fulfill the assignment as an individual effort;
• Read the NOTES at the bottom of the assignment before continuing;
• Learning how to do this assignment:
  • The following descriptions are the specifications for the assignment;
  • They are not a tutorial on how to do the assignment;
  • Discussion and demonstration on how to do the assignment will be given in class on the demonstration day for this assignment (please attend class that day for the demonstration);

Using Assignments 3,4, and 5, do the following:

1. Create your Home Page. This should have been done in the previous assignment when you:
   • Verified that your Assignment #5 was named "index.html" or index.htm.
2. Verify that all components of your site (not yet on the WWW) are on your disk, including:
   • All HTML source code files, including your:
     • Home Page (index.html);
     • Favorite Links (Assignment #4)
     • Vacation Travel Log (Assignment #3).
   • All image files used by your HTML files, including:
     • All background images (.gif's and/or .jpg's) used in your home page (Assignment #5);
     • All foreground images (.gif's and/or .jpg's) used in your home page (Assignment #5).
3. Verify that your site (not yet on the WWW) works perfectly on the device it is stored:
   • That all pages, including your:
     • Home Page (index.html);
     • Favorite Links (Assignment #4);
     • Vacation Highlights (Assignment #3).
     display perfectly;
   • That all links work perfectly;
   • That all background images work;
   • That all forground images work.
4. Create a Web hosting service on your home directory on UNLV's Complabs PC Network as follows:
   1. Create a folder in your Home Directory (File > New-Folder) and rename it "public_html";
   2. Copy the following files into your "public_html" folder in your Home Directory:
      • All HTML source code files, including your:
        • Home Page (index.html);
        • Favorite Links (Assignment #4)
        • Vacation Travel Log (Assignment #3).
      • All image files used by your HTML files, including:
        • All background images (.gif's and/or .jpg's); used in your home page (Assignment #5);
        • All foreground images (.gif's and/or .jpg's). used in your Assignment #5.
      Copying these files to your "public_html" folder may be accomplished by one of the following methods:
      1. Use of "Copy" and "Paste" functions in Windows to copy files from your Flash Drive to your "public_html" folder in your home directory while logged onto the UNLV campus network (complabs.nevada.edu);
         or
         
      2. Use the FTP capability of Microsoft's Internet Explorer:
         • Enter into the Browser's Address box:
           ftp://complabs.nevada.edu
           
         • Enter your user name and password for the Complabs Network when prompted;
         • Copy and Paste files between windows of the local computer and the remote computer (Complabs Server) in normal Windows fashion (as demonstrated in class);
         or
         
      3. Use of the "NetStorage" link (an easy to use FTP feature) in the:
         "http://complabs.nevada.edu/netstorage/"
         Web site which will allow you to transfer your files from a computer at home or work to your "public_html" folder on the UNLV campus network (which was demonstrated in class by using the File-Upload and/or File-Download menu bar options);
         or
         
      4. Use of an FTP program (such as "WS-FTP95-LE") which will allow you to transfer your files from a computer at home or work to your "public_html" folder on the UNLV campus network (which was demonstrated in class).
   3. Return to the Desktop and launch a Web Browser;
   4. Tell your Web Browser to go to your new Web Address (URL) at:
      
      http://complabs.nevada.edu/~username/
      
      where username is your user name (login name), which must be preceeded by the "~" (tilde) mark (to the left of the "1" key).
      
      If all steps were completed correctly, then
      

      You Are On The Web!! Congratulations!! You Did It!!

   5. Verify that your Web site on the WWW with your personal URL (hosted on your account on UNLV's Complabs PC Network) works perfectly:
      • That all pages, including your:
        • Home Page (index.html);
        • Favorite Links (Assignment #4);
        • Vacation Highlights (Assignment #3).
        display perfectly;
      • That all links work perfectly;
      • That all background images display properly;
      • That all forground images display properly.
      
      Troubleshooting:
      
      If your Web site has failing links or images not displaying, but everything worked in your site before posting it to the Web server, it may be related to illegal characters in filenames. Remember:
      • Windows is forgiving with illegal characters in filenames;
      • Web servers are not forgiving with illegal characters in filenames. Illegal characters in filenames include:
        • Spaces;
        • #'s (pound signs).
        If you used any illegal characters in filenames, change the filenames of such files, and change the filenames in your source code referring the said files.
      • When deciding on a filenames for your Web pages:
        • Avoid using special characters in the filename such as # (pound sign) and spaces;
        • Use only one period (".") in the filename, and use it seperate the filename's first name from it's extension name;
        • Keep the name simple, such as "assn4.html".
        Although Windows does not care if you follow these guidelines when naming a file, the Web Server used in this assignment to post your Web site to the World Wide Web will care, and your Web site might not function correctly unless you follow these guidelines.
      If hyperlinks fail, or images or backgrounds do not display, probable causes can include:
      • Spelling errors: links and image filenames must be spelled identically the same way (character-for-character) in your HTML source code and on the disk;
      • Pages referred to by a link, or images referred to in your source code must be present on the same disk as the page being displayed;
      • Typo errors in your source code, such as illegal characters, wrong characters, or missing characters (such as "=" or pointed brackets where they should be).
      • Images failing to display may require verifying that the image file is truely a ".gif", ".jpg", ".jpeg". Sometimes an image file may say its a ".gif", ".jpg", or ".jpeg", but said file may not really be what it seems to be.
   ASSIGNMENT SUBMISSION:

   IMPORTANT!

   • To assure that your browser printouts show the complete URL (Web address) of each page, it is advised that you access and print your Web pages from outside your own login on Complabs:
   • Printing browser printouts of your own Website for your own login on Complabs may result in the browser printouts not showing your URL.
   • Suggestions for printing include:
     • Login in class (Cbc-129) with the username "cbc129-guest" with no password, access your Website (with a Web browser), and print your Webpages;
     
     or
     
     • Access your Website (with a Web browser) and print your Webpages from a computer off campus.

   To avoid your printouts from printing the background and save toner and ink, you may (without penalty) tell the Browser not to print the background by clicking from the (Internet Explorer) Browser's menu bar:
   
   Tools > Internet Options... > Advanced and uncheck the "Print background colors and images" checkbox.

   • Submit the following as your assignment, stapled together, in the following order:
     1. The printout of your Home Page as viewed on a Web browser (Netscape or MS Explorer) when accessing it via your URL (Web address, such as: "http://complabs.nevada.edu/~username"). The URL (Universal Resource Locator) address shown on the browser printout must be present and must your URL;
     2. The HTML source code printout of your Home Page file (from Notepad);
     3. The printout of your Assignment #4 Web page (your Favorite Links) as viewed on the Web browser when accessing it via your home page's hyperlink to Assignment #4's URL (Web address). The URL address shown on the browser printout must be from your URL;
     4. The printout of your Assignment #3 Web page (your vacation, reunion or activity highlights) as viewed on the web browser when accessing it via your home page's hyperlink to Assignment #3's URL (Web address). The URL address shown on the browser printout must be from your URL;
   • Do not type your Student ID Number on any of your Web Pages (otherwise it is available for the world to see). Rather, hand write it on your assignment under your Name, along with the Section# and Assignment#;
   • Please hand write your Last Name and Section# in the top right corner of the first page (to help the grader).

   NOTES:

   • All specifications must be met to receive full credit, including hosting your HTML assignments to your account on UNLV's Complabs PC Network;
   • All Browser printouts must show your bonafide URL (Web address) from your UNLV Complabs student account or the assignment will not count!!!
     No URL on your browser printouts should have a device designation such as "A:/" or "C:/" or "F:/", etc. If any do, then that page did not come from the World Wide Web.
   • If your posted site on the Complabs Web Server does not work, refer to "Troubleshooting" above.
   • Do not turn in this assignment with your Web site hosted on any other Web hosting service, other than your UNLV Complabs student account.
     
     This requirement will reduce the chances of your Web pages being intercepted and altered by an HTML code generator.
     
     You may, of course, post and host your Web site to any hosting service of your choice after you submit this assignment as specified for grading. Although the accompanying samples below show John Q. Student's Web site hosted by UNLV's Complabs PC Network, as well as other commercially available hosting services, you must submit this assignment using your account on UNLV's Complabs PC network as your hosting service.
   • Browser printouts may be from a black-and-white printer. Printouts do not have to be in color.
   • Background colors and images may not show on your browser printout(s). Most browsers have been set to not print backgrounds so that the printer's ink cartridge or toner cartridge will not be quickly depleted of ink. The grader will verify your background image from your source code. See ASSIGNMENT SUBMISSION above for instructions telling the Browser to NOT print the background;
     
   • When deciding on a filenames for your Web pages:
     • Avoid using special characters in the filename such as # (pound sign) and spaces;
     • Use only one period (".") in the filename, and use it seperate the filename's first name from it's extension name;
     • Keep the name simple, such as "assn4.html".
     Although Windows does not care if you follow these guidelines when naming a file, the Web Server used in this assignment to post your Web site to the World Wide Web will care, and your Web site might not function correctly unless you follow these guidelines.
   • Never, Never click File > Save or File > Save As... from the browser's menu bar. IT WILL DESTROY YOUR HTML SOURCE CODE IN NOTEPAD!!!

   GRADING:

   The instructor and/or Grader will be verifying that all specifications stated above in SPECIFICATIONS AND INSTRUCTIONS as well as ASSIGNMENT SUBMISSION were met to receive full credit. Specifications missing will be the basis of deducted points. Items the instructor or grader examine include (but are not limited to):
   • Your HTML source code is written in Notepad:
   • All tags shown in the sample page (of the previous assignment) are in your Notepad page (source code) exactly as shown in that sample page, except:
     • Your background image cannot be "val5sm.gif" (as in the sample), and cannot be blank or missing;
     • Your foreground image cannot be "cupidhap.jpg", and cannot be blank or missing;
   • Both foreground and background images must be present in your source code;
   • All links requested above must be present;
   • The links in your HTML source code must match exactly (the spelling of) the URL's on the pages they link to, as shown on the Browser printouts of those pages;
   • The saved filename of your Home Page must be index.html or index.htm;
   • Printouts submitted must be stapled in this order:
     • Your Web page as printed by the Web browser,
     • Your HTML source code written in and printed from Notepad.
     • The browser version printout of your Assignment #4 page;
     • The browser version printout of your Assignment #3 page;
   • Very Important!
     Each browser printout must include the Complabs URL of your Website with each page's file name;