Program 1 WEBpgm1f_5 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: Worth 6 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, tables, borders, cellpadding, cellspacing, 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 account at http://ocelot.aul.fiu.edu, in your public_html folder, - Create a folder named includes, located at the same level/location as your index file. All pages for all programs, except the index.html, must be saved in the includes folder. 2) In your account at http://ocelot.aul.fiu.edu, in your public_html folder, - Create a folder named images, located at the same level/location as your index file. All images for all programs 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 all browsers such as Google Chrome, Edge, Firefox, Opera, Safari etc. a) In your index.html file, as well as in ALL programs created in this class, the first section you must create is the DOCUMENTATION section, example: b) in your html title section place your last name, first Initial and page name example: RobinsonMpgm1 c) On the top of your web page, using the

heading and the Arial font, color red display "CENTERED" the following message: ====this is a teaching website==== d) On the next line display your full name, "CENTERED", using the Times New Roman font, color red, size 5 e) Display a single line from left to right, using the command
color blue learned in class MAKE SURE THAT b, c, and d ARE ON THE TOP OF EVERY PAGE e) Create ONE CENTERED hyperlink named Home, also known as a link, that will call your index.html program (also known as your home page) located in your public_html folder f) Create ONE CENTERED hyperlink named Program 1, also known as a link, that will call your program one page (pgm1.html) located in the includes folder Please leave 4 (four) spaces between the Home and Program 1 links example: Home Program 1 g) * MAKE SURE THAT THE ABOVE HYPERLINKS WILL ALLWAYS BE COLOR BLUE * 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 four spaces 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 (UNIQUE means that ALL ITEMS, colors, fonts, 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 letter of your first Name, and Page Number example: robinsonMpage1 or robinsonMpage2 or robinsonMpage3 or robinsonMpage4 b) Four UNIQUE colors. Colors CAN NOT be black or white c) Four UNIQUE fonts. d) On each page use one UNIQUE font 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/tutoring/includes/tutoringOnline2020Fall.php and/or email me at michael.robinson@cs.fiu.edu Please remember that we are here to help you succeed in your classes