CS2413: Web Site Development
WSD14: Final Project

Objective:

• Apply the concepts learned throughout the course.

Point Value:

• Full Credit: 100 Points
• Late Credit: Not late work will be accepted.
• Due dates are listed in Assignments and Due Dates

Specifics

• Use the GWTemplater.html as the basis for your web pages.
• All work must be original. Templates from the Internet or other sources may not be used.
• All code must be written by the user. No code may be copy/pasted or in any way borrowed from any other source. It must be original work by the student. (Think --- Copyright Laws)
• The web site must adhere to the following specifications:
  1. Web Site Requirements - Minimum of 6 web pages plus 1 CSS file
     • Home page
     • 4 country pages (two for each country) compares/contrasts a topic
     • Form
     • CSS file that includes provisions for screens, prints, tablets and smartphones
     • All pages must have header, footer, navigation, meta tags
     • Meaningful content - at least two paragraphs per page (A paragraph must have a topic sentence which is then developed usually in multiple sentences. http://owl.english.purdue.edu/owl/resource/606/01/. For our purposes a paragraph must have a minimum of three sentences.)
     • Content must be enhanced with images, media tables, outside links, charts and other items as appropriate
  2. Home Page Requirements
     • Meaningful content "above the fold" - not just a "couple of images"
     • Appropriate sizing of logos, images, and text
     • Content that makes the user want to explore the site
     • Navigation for the website
     • Footer
       • Email
       • Alternate contact information
       • Date last modified
       • OCCC disclaimer
         Disclaimer: Oklahoma City Community College does not necessarily endorse the content or the respective links of this web page.
  3. Form Page Requirements- Minimum of seven (7) elements which must include the following HTML5 elements
     • 2 or more text boxes
     • 1 or more checkboxes
     • 1 or more select lists
     • 1 or more set of radio buttons
     • 2 buttons
     • Validation
       • JavaScript validation for the two text boxes.
       • HTML5 validation for select list and radio buttons
       • JQuery validation for checkbox/es
     • Use the following URL (Hint: action) to process your form http://apollo1.occc.edu/genericFormHandler.php. Use the method of post .
     • ALL form elements must have
       • name
       • id
       • accesskeys
       • tabindex.
  4. Country Pages Requirements
     1. Meaningful content - at least two paragraphs per page (A paragraph must have a topic sentence which is then developed usually in multiple sentences. http://owl.english.purdue.edu/owl/resource/606/01/. For our purposes a paragraph must have a minimum of three sentences.)
     2. Content must be enhanced with images, media tables, outside links, charts and other items as appropriate
  5. Style Sheet
     1. Provisions for
        • Screen
        • Print
        • Tablet
        • Smartphone
     2. No more than 6 compatible colors. If you need help: http://colorschemedesigner.com/
     3. No more than 3 type faces - Sans serif font must be used for content areas (paragraphs) http://www.webdesignfromscratch.com/basics/readability/
     4. All of the pages must be linked to the style sheet.
  6. Media
     1. Image Requirements
        1. Include the following attributes: alt, height, width. In FireFox (Web Developer Toolbar) check for missing items.
        2. Saved in a folder with a name of your choosing.
        3. Be visible when the page is view on the web.
     2. Other Media
        1. Appropriate and meaningful use of videos and/or sound files is encouraged but not required.
  7. General Requirements for all pages
     1. User-friendly navigation system
     2. No dead links or orphaned files.
     3. Date last modified must be included in the footer of all pages.
     4. OCCC disclaimer must be on all pages.
     5. Good and consistent design techniques throughout the site
     6. Specified Meta Tags must be included on all pages.
        The Meta Tags must include the following

        

     7. Post your final web site to the server. index.htm/l must be the homepage and it must be located in the root of your Apollo student account.
        1. Using FileZilla or Dreamweaver upload the GlobalWeb files and folders (which included the images/multimedia folder) to your Apollo web site. Do not upload the entire GlobalWeb folder.
        2. Access your web pages using the following URL http://apollo.occc.edu/user##### (user##### will be replaced by the login provided by your instructor.)
        3. Your GlobalWeb homepage( Index.htm/l), with the updated formatting, must appear without any further navigation or clicking.
     8. In FireFox (Link Checker), check all of the site links to make sure there are not broken links or orphaned files. 
     9. Validate the HTML and CSS using FireFox.
        

Common Requirements for All Web Pages

1. The web pages must display correctly in all of the following: FireFox, Chrome, Safari, Internet Explorer.
2. The links between the existing pages within the website cannot be broken.
3. All HTML and CSS code must be well documented, properly indented, and easy to read. The CSS files must contain documentation regarding the colors and typefaces used in the site.
   http://css-tricks.com/examples/CleanCode/Beautiful-HTML.png
   http://coding.smashingmagazine.com/2008/05/02/improving-code-readability-with-css-styleguides/
4. All images must contain a height, width, and alt property.
5. All images and multimedia must be in a separate folder with a name of your choosing.
6. JavaScript must execute without error. This will be tested using FireFox's Error Console.
7. All formatting must be done using an external style sheet. No inline or embedded styles.

Mandatory Requirements

Failure to adhere to and/or include the following items will prevent the assignment from being graded.

1. All pages must include DOCTYPE, <meta> tag, and <html> tag information.
2. The link to the web page in the submission area of the LMS must open the homepage in a new browser window.
   
3. All web pages must validate (HTML5 and CSS) without errors using the Web Developer Tool Bar in FireFox or Google Chrome. Validate for CSS3. Errors related to -moz or -webkit are acceptable. Others are not.
4. The URLs in LMS's submission area must be a working link and it must open the assignment in a new browser window.
5. The homepage for GlobalWeb must display when the link in the LMS submission is clicked. (no additional clicks to locate the homepage). To accomplish this all web pages must be correctly posted to the Apollo server.

Assignment Submission:

There are two parts to submitting the assignment: uploading the website to the Apollo server and submitting the URL within the LMS.

1. Uploading to the Apollo Server
   • As mentioned above only the contents of the GlobalWeb folder must be uploaded to the server - not the entire folder.
   • The homepage for the GlobalWeb website must be index.html
2. Submitting the URL within the LMS
   • In the LMS, use the submission area located in this week's folder
     1. In the text box, create a link to the website.
        • The web pages must open in a new window.
          Need help creating the link? Check out "Submitting an URL in the LMS" which is located in the Help Files, References, and Tutorials folder (inside the LMS)
        • Clicking on the http://apollo.occc.edu/user##### link must result in the home pages being displayed. If a listing of files/folders is displayed, there is an error. (user##### is to be replaced by your login).The GlobalWeb homepage must open in a new window.