Assignment No 1

RASTER-BASED INTERACTIVE WEB PAGE DESIGN TECHNIQUES

Download the ZIPPED Tutorial File Here.

Project No. 1

The TIME-LIFE Music ‘TIMELESS COLLECTION’ Web Page

Introduction

Time-Life Music has established the Timeless Collection.  The Timeless Collection is a series of CD’s that profile the careers of African-American Artists and Musicians that have helped define ‘American Music.’  Each Artist or Musician has endured a career that has spanned no less than two decades in the music entertainment industry.  Their music must have had a distinct impact on American Music across at least three genres.

 

Objective

You, as digital designer, have been granted the privilege of designing the promotional graphic interface web page for one of the Artist/Musicians in the Time-Life Music Timeless Collection.

 

Assignment

Select an American Artist or Musician that fits the criteria stated in the introduction.  Design an interactive web page that promotes her/his/their legacy as an influential contributor to American Music.

See tutorials and examples below: 

Disjointed rollovers: 
From the Fireworks Manual (Good Example)
http://help.adobe.com/en_US/fireworks/cs/using/WS4c25cfbb1410b0021e63e3d1152b00d35d-7ff0.html 

http://www.communitymx.com/content/article.cfm?cid=E11E8

http://youtu.be/R90Wol5kXEc (YouTube Video)

Swapping Images: 
http://youtu.be/rNUKojER5dE

Creating Buttons: 

Project Specifications

Page Size (in Pixel Dimensions): 800 X 600 pixels
Create an interactive web page that incorporates the following elements:

CHECKLIST:

  • Level of Creativity and Conceptualization
  • Level of Completion and Ability to Follow Instructions
  • JPEG version of the page (Maximum Compressed)
  • Optimized HTML page with Sliced Images in a separate folder
  • Type containing Special Effects created with the blending options and styles

You must also have at least three (3) of the following:

  • Photos of your selected artist.  These photos must be combined within one composition (i.e. collage, montage, superimposition).
  • Active links pertaining to your Artist, including the following for Navigation:
  • Biography (Linking to your Artist’s Official Web Site)
  • Photos
  • Discography
  • Time-Life.com Signature (this image can be downloaded from the company web site and should link your page to the actual Time-Life.com home page)
  • Stylized Buttons
  • Rollovers