Program 1 WEBpgm1b_4
 
CGS 4854 Website Construction and Management
Professor: Michael Robinson 
e-mail   : michael.robinson@cs.fiu.edu 
Web Page : cs.fiu.edu/~mrobi002
============================================

- At the beginning of EVERY web page in this program, enter the following documentation:

  <!-- ***************************************************************************************
    Author     : Your Name 
    Course     : WEB-Online Semester
    URL        : ocelot.aul.fiu.edu/~yourUserName
    Professor  : Michael Robinson 
    Program #  : Assignment Purpose/Description 
                 {A brief description of the program } 

    Due Date   : MM/DD/YYYY 
    Certification: 
    I hereby certify that this work is my own and none of it is the work of any other person. 

    ..........{ your signature }..........

  **************************************************************************************** -->


 Worth 10 points (Partial credit will be given)
 ---------------------------------------------

 Purpose of this program:

 - In the ocelot.aul.fiu.edu FIU server, create a website using your topic of choice, except for:
   - Politics, Religion, Race, Sex or Drugs

 - All Programs must be done using terminal mode and editors ONLY, no IDEs or templates allowed.
   ALL CODE MUST BE ORIGINAL, no automatic tools or templates allowed.

 - ONLY code learned in this class will be accepted.

 - Using HTML, paragraphs, breaks, fonts, font colors, font sizes, graphics/images/pictures, 
   call websites using links and menues with hyperlinks, create the following program 1:
   
   1) In your public_html folder, create a folder named includes, located at the same level/location
      as your index file.

      All pages for this program 1, except the index.html, must be saved in the includes folder.
 
   2) Create a folder named images, located at the same level/location as your index file.

      All images for this program must be saved in the images folder.

   3) Create your home page 
      As we know your index page is your home page, which gets loaded when your webpage gets called by
      browsers such as Google Chrome, Edge, Firefox, Opera, Safari etc.
	  
      a) In your index.html file, in your html title section place your last name, first Initial and page name

         example: RobinsonMpgm1
		 
      b) On the top of your web page, using the <H1> heading and the Arial font, color red 
	     display "CENTERED" the following message:

                                         ====this is a teaching website====

      c) On the next line display your full name, "CENTERED", 
         using the Times New Roman font, color red, size 6

      d) Display a single line from left to right, using the command <hr> color yellow learned in class
         ***MAKE SURE THAT b, c, and d ARE ON THE TOP OF EVERY PAGE***

      e) Create ONE CENTERED hyperlink name pgm1, also known as a link, that will call your program one page
         (pgm1.html) located in the includes folder

         example:                                    Pgm1
        

   4) Your pgm1.html page should have one CENTERED MENU with five (5) hyperlinks/links named:
   
                                   Home   Page1   Page2   Page3   Page4
   
      ***Notice that there are three spaces (AS EXPLAINED IN CLASS) between each link	 
	  
      Each link, when pressed, will do the following:
      a) Home   link will load your  index.html page,  located in your public_html folder

      b) Page1  link will load your  Page1.html page,  located in the includes folder

      c) Page2  link will load your  Page2.html page,  located in the includes folder

      d) Page3  link will load your  Page3.html page,  located in the includes folder

      e) Page4  link will load your  Page4.html page,  located in the includes folder
  
      f) ***MAKE SURE TO HAVE THE ABOVE HYPERLINKS MENU ON EACH OF THE ABOVE PAGES***

                                   Home   Page1   Page2   Page3   Page4
  
         
   5) Each page on question 4, MUST BE DIFFERENT and UNIQUE FROM EACH OTHER
        (UNIQUE means that ALL ITEMS, colors, fonts, sizes, pictures, comments, etc in each page, 
		 can ONLY be used ONCE in the entire pgm1)

      Each page will have the following:
      a) On all pages, on the title section. display your Last Name, First Name, and Page Name

      b) Four UNIQUE colors. Colors CAN NOT be black or white

      c) Four UNIQUE fonts.   

      d) On each page use four different fonts size (from 1 thru 6).

      e) Using instructions on sections b) and c) write four lines of any UNIQUE text you want, 
         On the first line of UNIQUE text use the break command at the end
         On the second line of UNIQUE text use the paragraph command at the end
         On the third line of UNIQUE text use the break command at the end
         On the four line of UNIQUE text use the paragraph command at the end

      f) Display two UNIQUE graphics, each bringing you to any UNIQUE website when the graphic is pressed.
         all web pages MUST be UNIQUE

 
Submitting your program
- For all Classes:
  Upload to Canvas, your ZIPPED public_html folder, renaming it as follows:

           lastName + First letter of your first name + pgm1, 2, 3, .... 5 + public_html.zip
 
  example: robinsonMpgm1Public_html.zip  
 
- Make sure the program is properly documented and aligned uniformally, looking professionally,
  I will take points off if it not.
 
 
 
NOTE: We recommend to use our FREE Online Tutoring at:     
      https://users.cs.fiu.edu/~mrobi002/teaching/currentSemester2.php
      
      and/or email me at michael.robinson@cs.fiu.edu
	  
      Please remember that we are here to help you succeed in your classes