BE&O 4260 Special Topics

Creating Web Sites

for

Education

Why a Web Site? What benefits to school?

What image to portray?

Let’s look at some school pages

School Pages

Web66 - most extensive listing of school sites around the world.

Http://web66.coled.umn.edu/schools.html

Oseda - listing of Missouri schools on the web.

Http://oseda.missouri.edu/schoolweb/

What do schools include in a site?

Calendars/events parent conference times performance schedules sports schedules/records field trip information and persmission forms lunch menus!

and Mission statements School improvement plans Resource links Class pages - student work Staff information-e-mail links job openings School statistics Student portfolios Newsletters

Questions to Answer

Who is audience?– Community– School– World

District home page or individual departments?

Scope of site? How long will student

work be kept?

How and when to update information?

Commercial content allowed?

What standards?

Technical and Design Standards

size or length of page fonts, graphic size, format backgrounds, colors, tables, image maps,

sound, animations, special effects consistency - logo, etc. on each page directory structure compliance with networking standards

Student and Staff Safeguards

Content - how to avoid questionable material or links

Use phone #s and e-mail addresses?

Last names? Parental permission to

publish a page?

Appeal process if permission to publish

a page is denied?

Server Access

WHO will put information on the server and update it?

Creating Web Pages

Dr. E. Rebecca Limback

Good Design

Background - not too busy or just color Attractive color scheme Opening page comes in quickly Opening page not too “busy” Links to other pages/sites EZ to locate Links WORK (are current

Design Continued

Reason for page– theme– business– organiztion

Text is EZ to read e-mail to editor

included EZ way to go back to

opening page

Surfer will want to stay and look at page

Graphics are appropriate

Bad Design

Page is not useful Cluttered Cannot find “hot spots”

in image map Links are broken No return to opening

page Overpowering

background

More Bad Design

Visitor will not want to stay– takes too long to download– requires downloading plugins to view site– visitor cannot determine how to get to next

level of site Site includes too many levels and poor

transition between--viewer gets lost

Step 1: Design

Design– storyboard– text– graphics

Storyboard

HomePage

3a

Link 1 Link 2 Link 3

1a 2a

1a1 1a2

1a1-2

Step 2: Gather Resources

Graphics– pictures– clip art– GIFs and JPEGs– Digital Camera Pictures– Web Captured Graphics

regular animated

Other Elements

Background Ruled Lines Bullets Buttons

STEP 3: Create Page/s

Tool– HTML– NetScape Composer– PageMill– MS FrontPage– MS Word– Correl

Spell Check and PROOFREAD

STEP 4: Test

Test in Browser– Colors– Screen view - opening page viewable without

scrolling– Links

between pages to external sources

– Graphics all in place

STEP 5: Post

Follow instructions from Host– Transfer files to server

Check again Modify as needed

Sites to See GIF Wizard Homepage

– http://uswest.gifwizard.com/ Maiden Basin Inn Homepage

– http://www.maidenbasininn.com/index.html Blue Mountain Greetings- ecards - animated

– http://www.bluemountain.com/ HTML Station Welcome

– http://www.december.com/html

More Sites

Worst Web Sites– http://www.inet-images.com:8081/leonardt/tenworst.

htm Riley Guide - Employment

– http://www.dbm.com/jobguide/ Simple Page

– http://www.iland.net/~rlimback Central Missouri State University

– http://www.cmsu.edu

Enjoy!