Good School Web Pages by Pat Lambrose Instructional Technology Facilitator Salt Lake City School District

Good School Web Pages

by Pat LambroseInstructional Technology FacilitatorSalt Lake City School District

http://www.slc.k12.ut.us/ppt/gwb/goodwebpages.htm

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”

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

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?

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.

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 athttp://www.uensd.org/manuals/manuals/WebCreation/basicHTML.PDF

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


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



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



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



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


Ideas for your Site

Faculty pages with email links Address and disclaimer statements Mission and principal statements Contact us link School calendar

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

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

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?


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


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)

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

Documents

Good School Web Pages by Pat Lambrose Instructional Technology Facilitator Salt Lake City School District