PURPOSE & OBJECTIVES:

The purpose of this assignment is to become familiar with Web page creation and HTML and some of its features including:

• Using Notepad for creation of a Home (Index) Page with:
  • Graphic Backgrounds;
  • Colored Text;
  • Pictures & Graphics Forgrounds;
  • Hypertext link to another Web page within your site;
  • Hypertext link to a specific Web page in another Web site.

SPECIFICATIONS & INSTRUCTIONS:

PLEASE NOTE:

• To receive full credit, all specifications must be meet and fulfill the assignment as an individual effort;
• The assignment must be done with Notepad, and no other text editor, word processor or HTML code generator products (not Wordpad, nor Word, nor Word Perfect, nor Front Page, nor Home Page, etc.);
• The following instructions are written for Microsoft's Notepad;
• 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);

Launch Window's Notepad (by clicking "Start-Programs-Accessories-Notepad") and write your home page using HTML that looks much like the sample provided and has the following specifications:

1. Include a title in the TITLE tag;
2. Include attributes in the BODY tag that include:
   • A graphics backgound (a .gif, .jpg, or .jpeg graphics image file). See explaination below for getting graphics images.
     Note:You cannot use the backgrounds or images used in the sample. You must use other backgrounds and images for your assignment.
   • Colored text;
   • Colored links;
3. Include H1, H2, H3 text, center aligned, as shown in the sample;
4. Include centered text that states something such as "Links To My Other Pages";
5. Include the following hyperlinks:
   • A hyperlink to your Assignment #4 HTML file ("My Favorite Links" page);
   • A hyperlink to the CS-115 class page where you get your assignments (not Mr. Harden's Home Page, but rather the CS-115 class page). The URL (web address) of the CS-115 class page is:
     
     "http://faculty.unlv.edu/harden/s11/cs115/index.htm"
     
     
6. Include a foreground picture or image (in addition to the background stated above) that is a .gif, .jpg, or .jpeg graphics image file. See explaination below for getting graphics images. If you already have a picture or image in one of the formats stated, you may use it.
   Note:You cannot use the background or foreground images used in the sample. You must use other background and foreground images for your assignment.
   
   Include the following attributes with your IMG (image) tag:
   1. Src attribute whose value is the name of your image file (inside quotes marks) as shown in the sample;
   2. Alt attribute, whose text, in quotes (as shown in the sample), will appear:
      • Where the image is suppose to appear if the image does not appear on the page for any reason;
      • In a small text box for a few seconds when the mouse pointer is placed over the image;
   3. Align attribute. Align your image to the right side of page;
   4. Border attribute to place a border around the foreground image that has a thickness of one pixel.
7. Save your assignment as index.html or index.htm. This is your Home Page! index.html and index.htm are universally known by Web browsers as the name(s) of the Home Page of a Web site.

ASSIGNMENT SUBMISSION:

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.

1. Turn in (stapled together) in the following order:
   1. The printout of your Home Page as viewed on a Web browser (MS Internet Explorer, Netscape, or Mozilla Firefox);
   2. The HTML source code printout of your Home Page file (from Notepad);
   3. The printout of your Assignment #4 Web page as viewed on the web browser when accessing it via your home page's hyperlink to assignment #4 ;
   4. The printout of the CS-115 web page as viewed by the browser when accessing it via your home page's hyperlink to the CS-115's URL (web address).
      NOTE: Since the CS-115 class page is made of three HTML frames, the printout of the class page may print in three parts, one for each frame. Do not be alarmed if it prints in three parts. You may submit a printout of only one of the three frames if the printout shows the URL for the CS-115 Web page. ; -->
2. Do not type your Student ID Number on any of your Web pages (otherwise it is available for the world to see after another assignment in which your pages are posted to the World Wide Web). Rather, hand write it on your assignment under your Name, along with the Section# and Assignment#.
3. Hand-write your Last Name and Section#) in the top-right corner of the first page (this request is from the grader to make sorting assignments by Section, by Name easier).

NOTES:

1. All specifications must be met to receive full credit;
2. Assignment assumes using Notepad;
3. To get (download) graphic images to use on your Home Page, do the following:
   1. When you see a background on a Web page you want, then:
      • Point the mouse pointer to the background and right click;
      • Select "Save Backgound As.." for a background.
      and save it in your directory that has all of your HTML files.
   2. When you see a forground image on a Web page you want, then:
      • Point the mouse pointer to it and right click;
      • Select "Save Picure As.." for a foreground image;
      and save it in your directory that has all of your HTML files.
   3. Several web sites offer free background and foreground images. They include:
      
      freegraphics.com
      digitalblasphemy.com
      Google Images
      Yahoo Images
      
      If you know of other Web sites with free images, tell the instructor, and they may be added to the above list of links.
4. KEEP THE IMAGES CLEAN. No images in poor taste are accepted.
5. Printouts may be from a black-and-white printer. Printouts do not have to be in color.
6. When deciding on a filename:
   • The extension name of your file must be either html or htm. Browsers will recognize either extension name as an HTML Web page;
   • Avoid using special characters in the filename such as # (pound sign) and spaces;
   • Use only one period (".") in the filename, and use it to seperate the filename's first name from it's extension name;
   • Keep the name simple. This assignment's filename must be either index.html or index.htm because it is your Web site's Home Page;
   Although Windows does not care if you follow these guidelines when naming a file, the Web Server used in a future 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.
7. Most browsers are set to not print Web page background colors and images so that printer ink cartridges and toner cartridges will not be depleted. Pages printed without backgounds are accepted for assignment submission. 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;
   
8. Never, Never click File-Save or File-Save As... from the browser's menu bar. IT WILL DESTROY YOUR HTML SOURCE CODE IN NOTEPAD!!!
9. Black and white printouts are accepted for assignment submission.

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 are in your Notepad page (source code) exactly as shown in the 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;
• 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;
• Your foreground image must be right aligned (i.e., aligned to the right margin of your page);
• The saved filename of this assignment must be index.html or index.htm (because it it the Home Page of your Web site);
• 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 the CS-115 Class Page as given by the URL above;