This post lists resources for your final project.
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.
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.
The rest of this page is based on the requirements document
This requirement has to do with the HTML you write for the page.
This requirement is about the CSS that yo write for the project.
Linked CSS stylesheet
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.
@font-face Web Fonts
Visual Design: Overall
Visual Design: Typography
Visual Design: Images
Content: Quality and Attribution
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
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).
Map or Calendar
CALENDAR: Remember a couple of things:
- If you don’t put in any events for the next couple of weeks it will show as blank
- you can use Agenda view if you want it more like text
- You can remove the ads since this is not for profit
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.
[up to 5 pts]
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:
These are the CSS3 properties that work best right now and are easiest to implement:
- text shadow (http://reference.sitepoint.com/css/text-shadow)
- box shadow (drop shadow)
- border radius (rounded corners)
- background-gradient (http://webdesignerwall.com/tutorials/cross-browser-css-gradient)
- opacity (alpha)
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://css3please.com/ (a bunch of them)
http://www.css3maker.com/ (a bunch of them)