html5-img
1 / 18

Good School Web Pages

http://www.slc.k12.ut.us/ppt/gwb/goodwebpages.htm. Good School Web Pages. by Pat Lambrose Instructional Technology Facilitator Salt Lake City School District. Good School Web Pages. Show-and-Tell of School Sites Common Problems Bad Layout and Design Good Layout and Design Ideas

kyna
Download Presentation

Good School Web Pages

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. http://www.slc.k12.ut.us/ppt/gwb/goodwebpages.htm Good School Web Pages by Pat Lambrose Instructional Technology Facilitator Salt Lake City School District

  2. Good School Web Pages • Show-and-Tell of School Sites • Common Problems • Bad Layout and Design • Good Layout and Design Ideas • Ideas for your Site • How to Be the Web Master’s “Master”

  3. Show-and-Tell of School Sites • Time to put on our evaluator hats. • You be the Judge!http://www.slc.k12.ut.us/it/goodwebpage.html

  4. Common Problems • Have you considered your audience? • How clear are the navigation paths? • When was page last updated? • What features are annoying? • How will your District support your site?

  5. Common Problems • Where will you publish these pages? • Who is responsible for creation and maintenance? • Teacher (s) and/or Student (s) • District staff support • Lab assistant • Contract worker • Have you obtained permissions for student photos? • Who really wants a counter on lead page? • Share your problems.

  6. Bad Layout and Design • Annoying characteristics to consider • Blinking and Animations • Poor use of Frames • Under Construction Signs • Too much scrolling • JavaScript Tickers at bottom of browser • Lack of Balance Source from pp 57-62 from the following UEN online manual at http://www.uensd.org/manuals/manuals/WebCreation/basicHTML.PDF

  7. Bad Layout and Design • Annoying characteristics to consider • Click Here Statements • Broken Links • Capital Letters in URLS • Long URLS • Poor Contrast, Illegible Text on Background • Long Pages without Jumps Source from pp 57-62 from the following UEN online manual at http://www.uensd.org/manuals/manuals/WebCreation/basicHTML.PDF

  8. Good Layout and Design Ideas • Plan your School Web Site • Build with Less-Than-Perfect Computers and Connections in Mind • Offer Both Graphics and Text Versions of your Page if Possible • Keep Graphics to a Minimum • Design for Average Monitors/Resolution Source from pp 57-62 from the following UEN online manual at http://www.uensd.org/manuals/manuals/WebCreation/basicHTML.PDF

  9. Good Layout and Design Ideas • Make Sure Graphics Use as Few Colors as Possible • Know When to Use GIF and JPEG • Test your Page on as Many Different Browsers and Platforms • Give Good Descriptions of Site Content • Contribute to the Web Source from pp 57-62 from the following UEN online manual at http://www.uensd.org/manuals/manuals/WebCreation/basicHTML.PDF

  10. Good Layout and Design Ideas • List the Date of Last Update • Provide Contact Info • Include Jump Links to Other Parts of the Page or Site. • Limit Page Length • Maintain Navigability with Navigation Bar on Top, Bottom, or Sides Source from pp 57-62 from the following UEN online manual at http://www.uensd.org/manuals/manuals/WebCreation/basicHTML.PDF

  11. Good Layout and Design Ideas • List the Size of Graphic Links • Use the Alt Attribute for Graphics • Visit Web Accessibility Initiative at http://www.w3.org/WAI/ • What Have We Forgotten??? Source from pp 57-62 from the following UEN online manual at http://www.uensd.org/manuals/manuals/WebCreation/basicHTML.PDF

  12. Ideas for your Site • Faculty pages with email links • Address and disclaimer statements • Mission and principal statements • Contact us link • School calendar

  13. Ideas for your Site • Pioneer Online Library button on lead page • Link to your Student Information System • Activities and events • Curriculum resources • http://www.slc.k12.ut.us/it/coreresources.html • School History

  14. Ideas for your Site • Space for your PTA or link to their site • Student work (with permissions) • News and Weather • Creative Corner • Community News • What have we forgotten???

  15. How to Be the Web Master’s “Master” • Keep a well-organized site structure • Create a paper flow chart of your web site • Designate who will have rights for uploads and downloads of site • Who will manage ftp accounts? • Who approves, reviews content?

  16. How to Be the Web Master’s “Master” • Have you posted web guidelines or policies? • Salt Lake District’s Web Guidelines at http://www.slc.k12.ut.us/pdf/web_guidelines.pdf • Davis District Internet Publishing Guidelines at http://www.davis.k12.ut.us/websters/pubguide.htm • Web release forms for student/staff photos, names, and work. • Salt Lake District’s Web Guidelines for Students at http://www.slc.k12.ut.us/pdf/student_www_release.pdf • Salt Lake District’s Web Guidelines for Students at http://www.slc.k12.ut.us/pdf/staff_www_release.pdf

  17. How to Be the Web Master’s “Master” • Place images, buttons, and templates all in separate folders on web server • How will you pay for your site? • What web editor software to use? • Offer a web managers user group either monthly or every other month. • Follow the KISS method for site design (Keep It Simple Simple)

  18. References • Building a Content-Rich School Web Page by Kathleen Schrock http://www.techlearning.com/db_area/archives/TL/082000/tips/contentrich.html • UEN Online Manual http://www.uensd.org/manuals/manuals/WebCreation/basicHTML.PDF • Web Accessibility Initiative http://www.w3c.org/wai • Web Site Advisor’s Guide http://www.asd2.com/resources/chapter2.html

More Related