EDUC 893: Social & Organizational Aspects of Learning Technology Design

In-Class Web Design Project
Colophon

Software

This site was created using Dreamweaver CS4 and Fireworks CS4. Some hand-coding was involved, especially in the style sheet.

Colours

• Fire: #FF3300, 70% transparency
• Earth: #F1B55D, 70% transparency
• Air: #ADB19E, 70% transparency
• Water: #9DC1BC, 70% transparency
• Text: #333333, #3C4B50 (dropcap)
• Links: #354a61 (a:link), #777777 (a:visited)
• Borders: #3C4B50 (dark grey), #F1B55D (yellow)

Images

Images were created and/or edited using Fireworks CS4.

The striped background is a 4-pixel image of alternating grey (#cccccc) and white stripes.

The black and white line art astrological signs are from Microsoft's clipart collection. The coloured oval backgrounds were added in Fireworks to tie each sign together with its associated element.

Text images of the four elements (fire, earth, air, water) were also created with Fireworks CS4.

The banner image is of Prague's famous astronomical clock and was found on Flickr; it is offered under a Creative Commons license. The image was cropped, and a large white oval was superimposed to create the curved edge along the bottom.

Text Effects

The dropcap was created with CSS:

.dropcap {
	color: #3c4b50;
	float: left;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 4em;
	font-weight: bold;
	line-height: 83%;
	width: 0.9em;
}