For the final project in this course, you will be building a 5-page website on a topic of your

choice. This project will be broken up into 4 parts with separate submissions. The first part is the

Project Proposal in which you tell me about the website topic you’re choosing for your project.

The second part is the midterm; this is when roughly 50-75% of your website should be done.

The third part is the Final Project Review where you submit a video or some other media to

explain your progress on the project before it is submitted. The final part is the Final Project

Submission where you submit the fully finished website.

There should be at least 5 pages of content on your website

Your files should be organized (folders for file types: css, js, images, etc)

Submission must include links to your main pages and a zip folder containing all

files you used for the project

All CSS must be externally placed in one CSS file

Validated HTML in every page (green bar when I check – some yellow may be okay)

Your pages must be responsive down to 400px

You must use at least one instance of JavaScript

You must use PHP/MySQL in your website at least once

Content Requirements

The content present on your website must be original. This means you cannot borrow text

content or images from other websites without expressed permission. You may borrow snippets

of code in terms of HTML/CSS/JS but there should be attribution provided (either a link to the

source or a comment in the HTML/CSS/JS).

• Does the page validate?
• Is the page’s purpose clear once it loads?
• Is the main navigation easy to find?
• Do all the links on the page work? Are they easy to distinguish? Is the textmeaningful?
• Do all images have alt tags?
• Is the title tag being used?
• Is there appropriate metadata included in the head?
• Is the font easy to read in terms of font size and color?
• Do I use headings and lists to break up content?
• Is there enough white space around my text?
• Do your forms have labels? (If you use forms)
• Does the website look good in multiple browsers? (IE9+, FireFox, Chrome)
• Is everything spelled correctly?
• Is the content responsive down to a screen size of 400px?
• Do I have a relevant usage of JS on my page(s)?
• Have I used PHP/MySQL on my website at least once?

Final Project Submissions Dates/Rubrics

Project Proposal – 10pts – Due Monday, February 21st at midnight

For the proposal, you will be telling me about your project and providing visuals so I can get an

idea of what you want to build. The parts for the project proposal are broken down below.

Needs Assessment: Your submission should include a description of the website you wish to

build. This should be about two paragraphs describing in detail what you plan on doing with

your website. Refer to the week 1 lecture notes for a refresher on what Needs Assessments are

and what to include. A database must be used in your website so make sure to consider how it

could be implemented. Use the list below as a short reference:

Description – a brief overview of the website.

Audience – who is the audience that will be visiting the website?

Objectives – a list of the website’s objectives: What will the website or app do? What will

the audience need to learn?

Actions – Any features you may want to include in this website.

Think about a JavaScript feature

How will you use a database for your project?

What are some tougher/long term goals?

What features will be easier to implement?

Wireframes: Create a wireframe for 3 separate pages of your website. These don’t have to be

final layouts but ones you are possibly considering. Make sure to include enough content in your

wireframes so I understand your intention with each page. Provide labels as necessary to mark up

the various content/features on your page. You can use the examples as listed below:

Home/landing page

An interior page

A contact page

A mobile version of a products page

You will create a style tile to help define a preliminary look and feel for the website. We covered

these in the first week of class if you need a refresher. This will require an image editor such as

Gimp, Paint.NET, Photoshop, etc. Your style tile should include the following items as

appropriate:

Logos

Possible colors

Possible patterns, if any

Possible typography choices: a paragraph and headings example

Examples of a button

Examples of a link

Visual language

For this part, you can use the examples provided on http://styletil.es/ or you can go to Blackboard

àFinal ProjectàProject Proposal. On Blackboard, you’ll find a template style tile file that you

can use. Download it, open it up with an image editor, and edit it with your colors, fonts,

patterns, etc. and then upload it with everything else for credit.

Project Proposal Submission

The Needs Assessment, 3 Wireframes, and 1 Style Tile are all due Monday, February 21st at

midnight. To submit your work, go to BlackboardàFinal ProjectàProject Proposal and

submit a zip folder containing all your work. To create a zip folder, you will select all your

items, right-click them and choose “send to” to send them to a compressed zip folder. If you

have trouble with this, please ask for help or refer to Google.

Project Proposal Rubric – 10pts

Needs Assessment – 4pts

Thoroughness of explanation: 2pts

Quality of writeup: 2pts

Wireframes – 3pt

Each Wireframe: 1pt

Sufficient relevant wireframe content: .5pt

Content is understandable: .5pt

Style Tile – 3pts

Colors included: .5pt

Fonts/adjectives included: .5pt

Overall website feel conveyed successfully: 2pts

Midterm – 15pts – Due Monday, March 28th at midnight

For this part, you will be creating 3 separate pages of your website. These don’t have to be fully

done pages but preliminary layouts with most of the structure built. The layouts must exhibit

clean and valid HTML/CSS. In the midterm, you don’t need to use real content yet.

You should use English for headlines and major links, but you can use Lorem Ipsum

(https://www.lipsum.com/) for any general text or Placeholder (https://placeholder.com/) for any

placeholder images. Placeholder content is acceptable, but you should make significant progress

on these pages in terms of the layouts.

Recommendations

Be consistent and use the same stylesheet for all three pages

Validate your code with the W3C Validator: https://validator.w3.org/#validate_by_input

Demonstrate good typography recommendations learned in class

Use English for headlines and major links but latin for the body text

Link your pages together so I can navigate through them more easily

Submission

To receive credit for this part of the project, you must submit three links in total (one for each

page) in addition to a zip folder containing all the files used for your work. The zip folder should

contain at least three HTML files and one CSS file. The links should be live meaning that I can

click them and see your page (not with file:\). The submission area is located on Blackboardà

Final ProjectàMidterm. The Midterm is due Monday, March 28th at midnight.

Midterm Rubric – 15pts

Submission – 3pts

Links provided: 1.5pts

Zip folder uploaded: 1.5pts

File/Folder Organization – 3pts

Files are organized (separate css, js, images, etc): 1.5pts

Content – 9pts

All CSS is externally placed in one file: 1.5pts

There is enough content on each page and it looks good overall 3pts (1 for each page)

Content is organized and easy to follow (i.e. I can identify what page I’m on and how to

navigate to other pages): 3pts (1 for each page)

HTML content validates: 3pts (1 for each page)

Final Project Review – 5pts – Due Monday, April 25th at midnight

You are responsible for creating a presentation about your website. This presentation can be a

video, powerpoint, word document, etc. The goal is for you to demonstrate your progress and

talk about your website. These presentations may be shared with other students so make sure you

put effort into them. If you’re unsure of how to create a presentation, you can come talk with me

via email or visit me in office hours. I’ve listed some potential talking points below:

What is your website about?

Why did you choose your design/color scheme?

What JavaScript feature do you plan on implementing?

Recommendations

Keep it brief, this presentation shouldn’t be more than 2-3 minutes long

Be specific about what you have done

Talk about any problems you experienced or next steps

Use the points above for guidance

Don’t talk down about your work (be proud of it!)

Final Project Review Submission

To receive credit for this part of the project, submit some type of presentation or project review

to Blackboard. It can be in the form of a link to a presentation or a document of some sort. The

submission area is located on BlackboardàFinal ProjectàProject Review. The Project

Review is due Monday, April 25th at midnight.

Final Project Submission – 20pts – Due Wednesday, May 11th at midnight

For the Final Project Submission, you will be following the same guidelines as the midterm

except your website will be finished and submitted as a whole. In total, you should be submitting

5 links (one for each page) and a zip folder containing all the files used for this project.

At this point, the project should be polished and complete…this means there should be no more

lorem ipsum or placeholder content. Each page should validate, and the CSS should be externally

placed inside of one file. You should also have a relevant JavaScript feature and use

PHP/MySQL in at least one page of your website. Your pages will also be responsive down to

400px.

Recommendations

Review the Content/General Requirements listed above

Ensure that your page meets the Individual Page Checklist items

Validate each page

Use the accessibility tools mentioned in class to assess your website

Make sure all pages link to each other

Final Project Submission

To submit this project, you must submit a working link to your final project on Blackboard.

Ideally, you will provide a link to each page in case some of the links don’t work for whatever

reason. The submission area is located on BlackboardàFinal ProjectàFinal Project

Submission. The links and zip folder are due Wednesday, May 11th at midnight. Any

explanations or other content you wish to include can be left as a comment with your submission

or in a separate .txt file.

Final Project Rubric – 20pts

Submission – 1pt

Links provided: .5pt

Zip folder uploaded: .5pt

File/Folder Organization – 2.5pt

Files are organized (separate css, js, images, etc): .5pt

All CSS is externally placed in one file: 2pts

Content – 12.5pts

Content is organized and easy to follow (i.e. I can identify what page I’m on and how to

navigate to other pages): 2.5pts (.5pt for each page)

HTML content validates: 2.5pts (.5pt for each page)

Content meets accessibility standards as mentioned in class notes: 2.5pts (.5pt for each

page)

Aesthetics (does the website look nice in general and in multiple browsers?): 2.5pts (.5pt

for each page)

Responsiveness (does the website’s content work well on smaller screen sizes? – I will

check down to 400px): 2.5pts (.5pt for each page)

Programmatic Features – 4pts

JavaScript is used at least once on the website for a relevant feature: 2pts

PHP/MySQL is used on at least one page for a relevant feature/purpose: 2pts

A Note About Databases

If you don’t want to use MySQL for your database feature, that is fine. However, you must

discuss an alternate database language/structure you’d like to use in its place. Your website

should either be able to insert or pull content from a database for a relevant feature.