SGET 645 Advanced Instructional Web Design

Designer: rjosic@ramapo.edu


Fonts:

Tags H1, H2, H3, H4 - Garamond, Color #FFFFFF
Body Text - Arial, Color #FFFFFF

Colors:

Page Background: #666666
Page Body Background: #000B33
Navigation Menu: #E98101
Main Text: #FFFFFF

Technology:

The site will use HTML, CSS and Flash Movies.

Module 2 Proposal

  1. Proposal in Wire-Frame (Concept Map)
  2. Sample Fireworks Mockup

Design Stage: Pedagogy Elements

Design Stage: Mechanics and Implementation

General Description of the site:
The site will contain information on how to syndicate podcast audio files. In additions, the site will include the tutorial on how to create a flash movie in Flash, export it and link from the Web pages using Dreamweaver. The instructions will be sufficient enough, so that the beginner users of Flash and Dreamweaver will be able to complete the task. Pages will include text instructions and images displaying the steps involved in the task. As a final piece the site might include a Flash movie of the entire process. In addition, the site will contain a quiz, which will test the knowledge users obtained from the instruction steps. Module 2 will build on the tutorials in Module 1, so the layout of the site will mimic the layout of Module 1. The navigation will employ CSS dropdown menus, to accommodate additional pages planed for Module 2. It will be devided in to four major sections:  

  1. Home Page - This page will contain the introduction to podcasts, RSS, podcast syndication, and information on the Flash audio and movie media controllers. The information on the page will be supported by images and Flash screenshots. N addition, the page will have information about the audio file formats that can be used as podcasts. It will also give general guidelines about the use of audio files on the web.
  2. Module 1 Section - This section will contain all the pages from Module 1 project. The navigation of the section will implement CSS dropdown menus which will display the pages from Module 1.
  3. Module 2 Section – this section will build and expand on the Module 1 tutorial. It will contain instructions on how to syndicate podcast files using Dreamweaver, and also how to create and use Flash movies. All instructions will be supported by screenshots of the Flash and Dreamweaver work areas. In addition, a Flash movie will display the entire process in an easy to use visual tutorial.
  4. Evaluation Section – will contain the quiz that was part of the Module 1 as well as the quiz that will test the user knowledge attained from Module 2 section.
  5. Credits Page - Will credit the resources used on the Web site.
Inspiration Sites:

Inspiration Sites:
http://www.csszengarden.com/?cssfile=187/187.css

Author: Robert Josic
Last Updated: 05/04/2008 9:28 PM