Web Production MSTD 326
Semester Calendar
Spring 2009 MSTD / COMM 326

[Adapted by Bill Kovarik from instructional resources developed by Sam Jennings. ]

Topics Assignments Additional Readings and Support Files 

Week 1 (Jan 19)

  

Start working with HTML using a simple text editor 
Cover Syllabi and "H" Drive
HTML file naming conventions

Design resources
Week 2 (Jan 26)

 

Assignment 1: Structure of a simple page
Check the folder "public_html" located in the "H" drive
-- Open "MyComputer" on a PC or use the Mac lab H drive login)
-- Open or create a basic HTML page and save the new page as "index.html" (all lower case) within the new folder.
-- Save all of your work and set your permissions.

(You may already have created this page)

Assignment 2: A simple page
Insert images, use a variety of text sizes and fonts

Assignment 3:
Insert links to other pages and anchor points to places inside your text

Assignment 4:
Use map tags and create hot spots on your images


 
Week 3 (Feb 2)
  

Assignment 5:
Insert table tags and place images and text together
Begin developing site aesthetics

 

 

Week 4 (Feb 9)
  

Assignment 6:
Insert rollover image
Insert a layer or div tag
Control visibility of layer through behavior of rollover

Week 5 (Feb 16)

 

Assignment 7:
Demonstrate meta tag use for SEO and page forwarding
Organize your site

Introduction to CSS

Week 6 (Feb 23)
  
Assignment 8:
Create a set of styles consistent inside the document
Export a CSS style sheet
Link a CSS style sheet to a new page
Learn a little about Xhtml and Mobl
Week 7 ( March 2)
  
Catch up / Open lab
Check out the web designs at Hostmonster.com
Week 8 (Spring break)
     
Week 9 (March 16)

Assignment 8: Continued

In Mastering CSS, we learned to use a multi-column structure with a CSS presentation (in a separate file). For step by step instructions for this chapter see Ch.2 notes.

 
Week 10 (March 23)
  

 

Assignment 9:Embed an MP3 and a video

Week 11 (March 30)

  

Assignment 10: Create a menu bar and popup message

Week 12 (April 6)
 
 
  
Week 13 (April 13)
 

Assignment 11

Make a Motion Tween (position, rotation, tint, alpha, position etc)
Make a Shape tween
Make a Layer mask and motion tween combination (eg, spotlight)

Assignment 12

Use buttons to stop action, and then to select new portions of the timeline or URLs outside Flash.
Create your own buttons (Make a button symbol that rolls over)
Make a movie symbol
Put all your work on the Web

 Basic Flash exercises

Week 14 (April 20)

 
Optional extra credit
GIS data and Web maps
 
Week 15 (April 27)
 
Final Project 
Design a working website using all of the competencies covered in the course. The site can be for an organization, individual, or business. It may be a real business or something imagined. Students may also create an electronic portfolio that provides evidence of his/her academic coursework, projects, and skills.    For the portfolio site students will create a folder called "efolio" (lower case) on their "H" drive within the pulic_html folder. 

  1. Content (25pts):
    Use good taste and professionalism in relation to text, images, and subject. 
    The content should be accurate and relative to the website subject or theme.  

  2. Layout (25pts):
    Must be layout consistent with W3C basic principles. 

  3. Functionality (25pts):
    There should be no broken links and image files sizes should optimized for the web. Applicable video and sound samples should also be optimized for the web.   The site should be easily accessible via any web browser at any bandwidth.  

  4. Creativity (25pts):
    Use individual creativity while also utilizing techniques from the course and text.