2. BE&O 4260 Special Topics Creating Web Sites for Education

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

4. 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/

5. 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!

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

7. 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?

8. 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

9. 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?

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

11. Creating Web Pages Dr. E. Rebecca Limback

12. 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

13. Design Continued n Reason for page – theme – business – organiztion n Text is EZ to read n e-mail 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

14. 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

15. 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

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

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

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

19. Other Elements n Background n Ruled Lines n Bullets n Buttons

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

21. 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

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

23. Sites to See n GIF Wizard Homepage – http://uswest.gifwizard.com/ http://uswest.gifwizard.com/ n Maiden Basin Inn Homepage – http://www.maidenbasininn.com/index.html http://www.maidenbasininn.com/index.html n Blue Mountain Greetings- ecards - animated – http://www.bluemountain.com/ http://www.bluemountain.com/ n HTML Station Welcome – http://www.december.com/html http://www.december.com/html

24. More Sites n Worst Web Sites – http://www.inet- images.com:8081/leonardt/tenworst.htm http://www.inet- images.com:8081/leonardt/tenworst.htm n Riley Guide - Employment – http://www.dbm.com/jobguide/ http://www.dbm.com/jobguide/ n Simple Page – http://www.iland.net/~rlimback http://www.iland.net/~rlimback n Central Missouri State University – http://www.cmsu.edu http://www.cmsu.edu

25. n Enjoy!