Dan Fergus Design > Student Resources > Syllabus > Class Schedule > Project: Calendars

VCA225 Digital Production

Project: Calendars

Assignment

Create calendars for two consecutive months (each in its own html document), that contain color & pictures and utilize tables & links.

Procedure

1. Pick your two months. They must be consecutive (i.e. March–April, September–October, etc.) and fall in the current or upcoming year. Note any important holidays, events, etc. falling within those months (you must include at least two per month on your calendars).
2. Find pictures to accompany each month (you must have at least one large one for each, but you could also include little ones for decoration). Save these as individual jpeg or gif files.
3. Organize all of your elements into a root folder in your class root folder. Call the folder “yourName_calendar.”
4. Use tables to create your calendars.
• Put all text and images within the table(s).
• Use <colspan> and <rowspan> where appropriate (e.g. if there are a block of empty "days" before the first or last day of the month, or to create a wide empty row for the month name, or to create a row or column that spans the calendar to hold a picture).
• Use <th> for the cells that contain the days of the week. Use <td> for the cells that contain the dates (numbers).
• Use styles to control the size of table cells, padding, colors, fonts, etc.
• Put the dates in a corner of each cell, not right in the middle.
• On each page, create links to the months that come before and after that month (note that only one of these will actually function, the other will be a "dummy" link. For the dummy link, use <a href="#">).
• Each calendar must indicate at least two holidays/special days.
• Each calendar must contain at least one large picture (on the top, side, bottom, or as a background).
• Try to find ways of incorporating other smaller images into the design.
• Use color (hexadecimal color). Color could be used as a background for the page, table, rows, and/or cells. Color could be used for borders, numbers, words, etc. Be a designer.
5. Name each html file “monthname.html” and make sure it’s saved in the project root folder.
6. Hyperlink the months together, in both directions (see step 6 above).
7. Test your calendars in multiple browsers.
8. Link to your starting month from your home page.
9. Upload the calendar folder & the updated home page.

Deliverables

In addition to uploading the calendar folder, print-out copies of both calendars (from a browser) and the html code as well; staple them together (with your name on them), and submit them to me.

Deadline

Week 4: Due, beginning of class.

Student examples

Class schedule

Syllabus

Student resource index