SED 619: Educational Website Development

Website Design and Development

(1) Public site - Link to your home page

(2) Technical features - Auto link to anchors on this page

• Formatting
• Telecommunications
• Multimedia
• Project Design and Presentation
• Graphic Design
• Data Analysis

(3) Logical directory structure - link to a file that is nested logically in three or more folders and subfolders.

(4) Text - link to examples of your own writing that is on your website

(5) Curriculum standards pages that include numerous links of the various types required.

(6) Photo page - link to two or more photo pages. Botton wedding , San Diego Zoo, Beach Trip, Disneyland

(7) Document delivery - link to pages where the following files can be downloaded.

• ppt
• pdf
• xls
• doc
• zip
• mp3
• mov

Formatting

(1) CSS -link to style sheet directory

(2) Pages made with templates

• Template 1 - CSUN Coursework Template
• Template 2 - Biology Page Template
• Template 3 - Anatomy Page Template

(3) Layout

• Example with layers*
• Tables
• Rollover images*
• Flash Text*
• Flash Buttons*
• Frames*

(4) Navigation

• Fireworks/Flash menus or Navigation bars
• Jump menus*

* indicate sections that were not covered in the class

Telecommunications

(1) Pictorial directory

(2) Maps

• dynamic map
• static map

(3) Electronic Discussion Groups

• Electronic discussion
• Instructions for using discussion

(4) Synchronous Chat

(5) Calendar

(6) Survey/Poll*

(7) Online help, glossary, FAQ, or index

(8) Viewer statistics

• counter
• statistics

(9) Blog

(10) Wiki*

* indicate sections that were not covered in the class

Multimedia

(1) Sound files

(2) Your audio recording

(3) Animated GIFs*

(4) Flash animations*

(5) Java Aplets*

(6) Video from web

(7) Your own video

* indicate sections that were not covered in the class

Project Design & Presentation

(1) Site Map & Graphic Organizer

• Inspiration file webpages: math, eukaryotic cell parts, Saugus science courses
• Zipped

(2) Presentation

• Powerpoint that you have made, illustrating variety of features
• html version of powerpoint
• movie of powerpoint
• embedded movie of powerpoint

Graphic Design

(1) Web Graphics

(2) Photography

• photo album of your photos
• photo album of class content

(3) PhotoShop

• before photos
• after photos, newton and moon

(4) Vector Art*

(5) Image map

(6) Panorama

(7) Rollover*

* indicate sections that were not covered in the class

Data Analysis

(1,2) Downloadable spreadsheets

• graphs
• graphs - webpage
• graphs - pdf

(3) Graphs (as jpgs)

(4) Document merge - catalog*

(5) Search

(6) Forms /cgi*

(7) Composite news page*

* indicate sections that were not covered in the class