BE&O 4260 Special Topics Creating Web Sites for Education

Why a Web Site? n What benefits to school? n What image to portray? Let’s look at some school pages

School Pages Web66 - most extensive listing of school sites around the world. Oseda - listing of Missouri schools on the web.

What do schools include in a site? n Calendars/events n parent conference times n performance schedules n sports schedules/records n field trip information and persmission forms n lunch menus!

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

Questions to Answer n Who is audience? – Community – School – World n District home page or individual departments? n Scope of site? n How long will student work be kept? n How and when to update information? n Commercial content allowed? n What standards?

Technical and Design Standards n size or length of page n fonts, graphic size, format n backgrounds, colors, tables, image maps, sound, animations, special effects n consistency - logo, etc. on each page n directory structure n compliance with networking standards

Student and Staff Safeguards n Content - how to avoid questionable material or links n Use phone #s and e- mail addresses? n Last names? n Parental permission to publish a page? n Appeal process if permission to publish a page is denied?

Server Access n WHO will put information on the server and update it?

Creating Web Pages Dr. E. Rebecca Limback

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

Design Continued n Reason for page – theme – business – organiztion n Text is EZ to read n to editor included n EZ way to go back to opening page n Surfer will want to stay and look at page n Graphics are appropriate

Bad Design n Page is not useful n Cluttered n Cannot find “hot spots” in image map n Links are broken n No return to opening page n Overpowering background

More Bad Design n 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 n Site includes too many levels and poor transition between--viewer gets lost

Step 1: Design n Design – storyboard – text – graphics

Storyboard Home Page 3a Link 1 Link 2 Link 3 1a 2a 1a1 1a2 1a1-2

Step 2: Gather Resources n Graphics – pictures – clip art – GIFs and JPEGs – Digital Camera Pictures – Web Captured Graphics n regular n animated

Other Elements n Background n Ruled Lines n Bullets n Buttons

STEP 3: Create Page/s n Tool – HTML – NetScape Composer – PageMill – MS FrontPage – MS Word – Correl n Spell Check and PROOFREAD

STEP 4: Test n Test in Browser – Colors – Screen view - opening page viewable without scrolling – Links n between pages n to external sources – Graphics all in place

STEP 5: Post n Follow instructions from Host – Transfer files to server n Check again n Modify as needed

Sites to See n GIF Wizard Homepage – n Maiden Basin Inn Homepage – n Blue Mountain Greetings- ecards - animated – n HTML Station Welcome –

More Sites n Worst Web Sites – images.com:8081/leonardt/tenworst.htm images.com:8081/leonardt/tenworst.htm n Riley Guide - Employment – n Simple Page – n Central Missouri State University –

n Enjoy!