Program 1 cgs4854pgm1_5d1 CGS 4854 Website Construction and Management Professor: Michael Robinson e-mail : michael.robinson@cs.fiu.edu Web Page : cs.fiu.edu/~mrobi002 ============================================ This class purpose: In the ocelot.aul.fiu.edu FIU server, create a website using your topic of choice, except for: Politics, Religion, Race, Sex or Drugs This program purpose: A - Worth 6 points (Partial credit will be given) B - Print the following header at the beginning of EVERY web page in the program: C - Program 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. D - Using the HTML language, use tables, borders, cellpadding, cellspacing, breaks, fonts, font colors, font sizes, graphics/images/pictures, hyperlinks, create 4 (four) webpages, to be accessed using hyperlinks menues, as follows: example: Page1 Page2 Page3 Home 1) Create a folder named includes located in the same folder where your index,html file is located. All pages for this program must be saved inside the includes folder, and their rights must be 755. 2) Create a folder named images located in the same folder where your index,html file is located. All images for this program must be saved in the images folder, and their rights must be 755. 3) Create your home page a) In your index.html file, in the title section place your last name, first Initial and page name your index.html page must be knowm as: Home ex:robinsonM Home b) In your index.html file, create ONE CENTERED main menu consisting of one HTML hyperlink that will call your program one page (pgm1), located in the include folder example: pgm1 c) You can add tittles, graphics, colors, borders, background etc, to your Home page as you wish 4) When you click on the main menu link called pgm1, located inside you index.html, it will call your pgm1.html located on the includes folder. Your pgm1 page should have one HTML menu with four (4) hyperlinks, that will look like: example: Page1 Page2 Page3 Home . Each link, when pressed, will take you to: a) The Page1 link will load your page1.html located in the include folder b) The Page2 link will load your page2.html located in the include folder c) The Page3 link will load your page3.html located in the include folder e) The Home link will load your Home page located in the public_html folder, known as index.html 5) page1, page2 and page3. Each page MUST BE DIFFERENT and UNIQUE (UNIQUE means that all items in each page, can ONLY be used ONCE in the entire pgm1) page1 MUST be left justified page2 MUST be center justified page3 MUST be right justified for details see our page: https://users.cs.fiu.edu/~mrobi002/teaching/cgs4854/HTML/tables1.html Each page (page1, page2 and page3) will have the following: a) Create 4 UNQUE tables with UNIQUE: - Fonts - Fonts colors - Cellpading and Cellspacing b) In each page, create TWO UNIQUE centered graphics, each graph bringing you to your favorite website when the graphic is pressed. each web pages MUST be UNIQUE c) In each page, using HTML tables, rows and columns, with border=1 or 2 or 3 or 4 or 5, cellpadding=1 or 2 or 3 or 4 or 5, and cellspacing=1 or 2 or 3 or 4 or 5, and break tags, do the following inside each (column): 1 - Write 3 (three) lines of any comments you want 2 - Use a UNIQUE color. Colors CAN NOT be black or white 3 - Use a UNIQUE fonts name. 4 - Use a UNIQUE font size. 5 - On all pages, on the title section. display your Last Name, First Name, and Page Name Submitting your program - For Online Classes: Upload to Canvas and Moodle, your ZIPPED public_html folder, please rename it as required in the syllabus. example: lastName + First letter of your first name + pgm1, 2, 3, .... 5 + public_html.zip - Face to Face classes: Upload to Moodle, your ZIPPED public_html folder, please rename it as required in the syllabus. example: lastName + First letter of your first name + pgm1, 2, 3, .... 5 + public_html.zip - Make sure that on the first page, on top, on every program include: Include the following header in every program ************************************************** Author : Your Name Course : Course Name and Times URL : http://ocelot.aul.fiu.edu/~userName Professor: Michael Robinson Program : Program Number, Purpose/Description A brief description of the program Due Date : mm/dd/yyyy I certify that this work is my own alone. ..........{ your signature }.......... ************************************************** - Make sure the program is properly documented and aligned uniformally, looking professionally, I will take points off if it not. Make sure to include your URL name on this documentation section (0.50 points off if missing), example: URL : ocelot.aul.fiu.edu/~yourUserName NOTE: We recommend to use our FREE tutoring at our hardware lab PG6 #102 see schedule at https://users.cs.fiu.edu/~mrobi002/teaching/currentSemester2.php