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:
<!-- ***************************************************************************************
Author : Your Name
Course : WEB-1 or WEB-2 or WEB-3 or WEB-4 or WEB-Online
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 }..........
**************************************************************************************** -->
<!DOCTYPE html> <!-- this is a declaration used in HTML 5. It tells the browsers that this is HTML 5 -->
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:
<!-- ***************************************************************************************
Author : Your Name
Course : WEB-1 or WEB-2 or WEB-3 or WEB-4 or WEB-Online
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 }..........
**************************************************************************************** -->
<!DOCTYPE html> <!-- this is a declaration used in HTML 5. It tells the browsers that this is HTML 5 -->
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 <H1> 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 <hr> 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