Web Production MSTD 326
Semester Calendar
Fall 2008 MSTD / COMM 326

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

Topics Assignments Additional Readings and Support Files 

Week 1 (Sept 1-5)

  

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

Design resources


Text Dreamweaver 8.0 Chapter 1 (pg 2) and Chapter 12 (pg272)

Week 2 (Sept 8-12)
Last day for UG students to Add/Drop
September/07

Links, hot spots

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 (Sept 15-19)
 
tables

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

 

 

Week 4 (September 22-26) rollovers

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

Week 5 (September 29-October 03)

Meta tags

Css

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

Introduction to CSS

Week 6 (October 06-10) Css
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 (October 13-17)
Mid-Semester Grades due by 10AM Oct. 15		  
Catch up / Open lab
Check out the web designs at Hostmonster.com
Week 8 ( October 20-24)
Mid-Semester Grades Due March 5 by 10:00 AM		 Audio and video embeds
Assignment 9:Embed an MP3 and a video

 
Week 9 (October 27-31) Menus
Assignment 10: Create a menu bar and popup message
Week 10 (November 3-7) Flash

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

Week 11 November 10

 .kml files
Optional extra credit
GIS data and Web maps
 
Week 12    
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.