Final

This post lists resources for your final project.

Due Date

The final project is due on Monday, December 17
You must be in class on that day. It counts as the final for this clas and is a required day. You can’t be late with this project. I have to get the grades in right after it’s done. If something happens and you’re having trouble finishing then be in contact with me about it.

Requirements Document

Read it. This is the official requirements document for the final project. It lists what is required with an explanation and grade breakdown. I will use it to grade your projects.

MMP240FinalGradingRubric_FA12.pdf

The rest of this page is based on the requirements document

HTML

[5 pts]

This requirement has to do with the HTML you write for the page.

View Full Resource

CSS

[10 pts]

This requirement is about the CSS that yo write for the project.

View Full Resource

Linked CSS stylesheet

[5 pts]
There is not much to say here. All of your CSS should be in a .css file and linked to your HTML. Also you should have one main stylesheet where the bulk of the CSS that you write is located. You can, and should, have other sheets like the reset stylesheet and the grid stylesheet.

Grid

[10 pts]

View Full Resource

@font-face Web Fonts

[5 pts]

View Full Resource

Visual Design: Overall

View Full Resource

[10 pts]

Visual Design: Typography

[5 pts]

View Full Resource

 

Visual Design: Images

[5 pts]

View Full Resource

Interaction Design

[10 pts]

 

Content: Quality and Attribution

[10 pts]

This is an area we didn’t have much time to cover but is very important especially as you move on from the class. You don’t want to illegally add images, text or video to your web site. Read this page for more information on what to do and not to do and it has some great resources on places where you can get freely usable media resources:

Content: Structural Requirements

[10 pts]

You need 7 pages for the site.

  • One of these pages can be the Search Results page.
  • One should be the Homepage. The homepage should be named index.html.
  • One can be for the form (Many choose to do a contact form)
  • One can be for the Map or Calendar (You don’t have to make these full pages but you can).

Search Functionality

[5 pts]

View Search Tutorial

Map or Calendar

[5 pts]

CALENDAR: Remember  a couple of things:

  1. If you don’t put in any events for the next couple of weeks it will show as blank
  2. you can use Agenda view if you want it more like text
  3. You can remove the ads since this is not for profit
Here is the tutorial:
MAP 
Don’t make it complex. This is basically copy and paste (unless you want to add a complex map). Remember to customize the size though to fit your design!

Tutorial

Form

[5 pts]

Your form  DOES NOT have to work. It just has to look good. Normally a form would like to a PHP page and have JavaScript validation but we ARE NOT doing that. I just want to see that you know how to style a web form.

These are something it pays to learn how to sytle. They’re a common part of life of web design. This page on the class website has three screencasts the cover the HTML and CSS for forms.

Extra Credit: Templates

[up to 5 pts]

This explains how to use Dreamweaver Templates. The basic idea behind them is that you make an HTML page of your site that serves as a template for the other pages. The parts of your page that don’t change, like the header, footer, navigation, are set in the template. You can then set it up so that if you edit the navigation Dreamweaver can update all of the pages on your site with that navigation.

This can really save time, especially when you’re rushing at the end.
First to make templates work you need a Dreamweaver Site:
Then you can create your templates

Extra Credit: JavaScript

[up to 5 pts]

View JavaScript Image Gallery Tutorial

 

CSS3

This is not extra credit and it is NOT a requirement, but it can help with the Typography and design and many were interested in it.

This page has a lot of great examples on it. We will use it first:

http://www.storiesinflight.com/html5/

These are the CSS3 properties that work best right now and are easiest to implement:

These sites help write the CSS3 for you so it is cross browser compatible. After each s
http://www.css3.me/ (border-radius, box-shadow, background-gradient, opacity)

http://www.colorzilla.com/gradient-editor/ (gradients)

http://css3please.com/ (a bunch of them)

http://css-tricks.com/examples/ButtonMaker/ (buttons)

http://www.css3maker.com/ (a bunch of them)

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright © MMP240 Fall 2012
Just another BMCC Multimedia Blogs site

Built on Notes Blog by TDH
Powered by WordPress

That's it - back to the top of page!