Printed from TeacherJohn.com • http://www.teacherjohn.com/cabrillo/dm160c/exercises/finalproject.php

You are here: Home > Cabrillo > Dm160c > Exercises > Finalproject

Web Publishing 3 (DM160C), Cabrillo College, Spring 2013

Final Project

Your final project is to create an original Web site on a topic of your choice, within these guidelines.

To receive credit for this exercise you must submit the final project feedback form before it expires. This exercise is due on 6/3/13. Allowing for a one-day grace period, the form will expire at the end of the day following the due date, which means the form for this exercise will expire at 12:00 AM on 06/05/13.

All final projects must meet these requirements

Mandatory folder structure: Your final project folder (which can be named anything you like) must be be inside your personal public_html folder in the class folder on the webhawks.org server. All files (Web pages, images, style sheets, PHP scripts, etc.) associated with your final project must be inside this final project folder or subfolders of this folder. Your final project folder must contain: its own "css" folder (which must contain the external style sheets used by your project, if any); its own "includes" folder (which must contain the include files used by your project, if any); and its own "js" folder (if you are using JavaScript stored on the server, such as the JavaScipt style switcher). CGI scripts (and their associated files) are the only exception; they will not be in your final project folder (see below).
- Your final project must not use the same script files used by your homework exercises. You can use the same scripts, just not the same script files as previously installed on the server. In other words, you will need to freshly install all scripts used by your final project into your final project folder. The exceptions to this are any CGI scripts (such as the BNB form) because they cannot be installed in your final project folder: Because you can only run CGI scripts on webhawks if they are in your cgi-bin (or in a subdirectory, or sub-subdirectory, etc. of your cgi-bin) that is in your root public_html folder, you will need to create a subdirectory of your existing cgi-bin for your final project's CGI scripts. In this subfolder you will place the folders containing all CGI scripts used in your final project.
- So your folder structure will look something like this (folders in red are those associated with your final project):
  - public_html
    - final
      - css
      - images
      - includes
      - js
    - cgi-bin
      - bnbform
      - keyword_search
      - final
        
        bnbform
        
        keyword_search
Raw files (such as Photoshop psd files), sounds, movies, or other files not used by your project's Web pages must not be stored on the server.
All links must be relative or absolute (with the exception of links to external sites, which of course need to be full URLs).
Ten pages minimum. (An external stylesheet is not a Web page.)
A coherent content theme.
A consistent look and feel.
A site map, containing a link to every Web page of your final (including a form’s "thanks" and "oops" pages).
All photos and images must be optimized.
All photos and images must be used only with the permission the of copyright holder.
All photos and images must be credited. If you do not wish to place a credit by each image, you may place all the credits on a separate page.
No movies or Flash without prior approval.
The final project feedback form must be submitted by the due date.

No final projects will be accepted late

To receive credit for the final, you must submit the final project feedback form on time, even if you have not finished your project. Failure to finish on time due to poor time management is not grounds for an incomplete.

How final project points are calculated

Possible points	Skill demonstrated
50	5 points for each self-created* Web page, up to 50 points, that contains all of the following: An HTML 5 DocType, or an XHTML 1.0 Strict DocType. A unique, desciptive `<title>` tag (this means that every page must contain a different title). A look and layout (and content theme) that is consistent with all the other pages, including a specified (color or image) background. A navigation menu that contains a link to your project's home page, site map, and other main pages of your project. The menu must be fairly consistent among all pages. A link to the W3C's HTML validator and CSS validator, as used in the homework exercises. Valid HTML 5, or valid XHTML 1.0 Strict. Valid CSS Level 3. * Script-generated pages do not count.
10	2 points for the use of each of the following types of form tags, up to 10 points, used in a form that collects user data* and sends it in an e-mail: Text. Text area. Drop-down selection menu. Radio buttons. Checkboxes. *This form should fit in with your project's theme (in other words, it is not simply be the same as the homework exercise).
8	A site search engine that searches your final project site, and only your final project pages (not the rest of your public_html).
1	Having the search engine exclude searches of your images folder.
12	Building the entire site with PHP includes (this means at least three includes on every page, one of which must be the navigation menu).
5	The use of an external default or screen style sheet with all pages, to control text, font, color, and background formatting. This style sheet must validate.
6	Responsive Web design that adapts to desktop window size (mult-columns down to one column).
8	A style switcher that uses JavaScript and cookies, that allows the user to switch between at least 2 different style sheets. The style sweitcher controls must be present on all, or almost all, pages.
6	A random content PHP script that uses at least 5 files.
8	A slide show using JavaScript and/or PHP.
4	Automated breadcrumb trail using PHP. The breadcrumb trail must be present on all, or almost all, pages.
10	The use of CSS positioning and/or floats as the method of layout for all, or almost all, the pages of your site.
5	A site map, containing a link to every Web page of your final. The site map must be its own page.
5	Personal presentation of your final project site in front of the class.
4	The use of one or more custom fonts using the @font-face selector, with the font file(s) in a fonts folder in your final project folder on webhawks.
2	A link from your webhawks home page to your final project's home page.
2	A link from your final project's home page to your final project's site map page.
6–12	A pre-approved* script of your choice (*request approval via email)
6–12	A second pre-approved* script of your choice (*request approval via email)
125*	*125 total maximum points; you don't have to do everything here to get 125. (If you do more than 125, you only get 125.)**

Points lost	Errors that result in lost credit
-10	Not submitting the final project feedback form by the due date.
-10	Storing raw files (such as Photoshop psd files), sounds, movies, or other files not used by your project's Web pages, on the server.
-20	Not following the mandatory folder structure outlined above.
-5	-5 points for each broken link.
-5	-5 points for each broken image.
-5	-5 points for each unoptimized image.
-5	-5 points for each uncredited image.
-5	-5 points for each page not linked to from your site map.
-5	-5 points for each page that does not validate according to the W3C's XHTML 1.0 Strict or HTML 5 standard and/or the W3C's CSS Level 2.1 or Level 3 standard.
-25	Not having at least ten pages.
-10	Using movies without prior approval.
-10	Using Flash without prior approval.