Presentation on theme: "Good School Web Pages by Pat Lambrose"— Presentation transcript:
1Good School Web Pagesby Pat LambroseInstructional Technology FacilitatorSalt Lake City School District
2Good School Web Pages Show-and-Tell of School Sites Common Problems Bad Layout and DesignGood Layout and Design IdeasIdeas for your SiteHow to Be the Web Master’s “Master”
3Show-and-Tell of School Sites Time to put on our evaluator hats.You be the Judge!
4Common 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?
5Common Problems Where will you publish these pages? Who is responsible for creation and maintenance?Teacher (s) and/or Student (s)District staff supportLab assistantContract workerHave you obtained permissions for student photos?Who really wants a counter on lead page?Share your problems.
7Bad Layout and Design Annoying characteristics to consider Click Here StatementsBroken LinksCapital Letters in URLSLong URLSPoor Contrast, Illegible Text on BackgroundLong Pages without JumpsSource from pp from the following UEN online manual at
8Good Layout and Design Ideas Plan your School Web SiteBuild with Less-Than-Perfect Computers and Connections in MindOffer Both Graphics and Text Versions of your Page if PossibleKeep Graphics to a MinimumDesign for Average Monitors/ResolutionSource from pp from the following UEN online manual at
9Good Layout and Design Ideas Make Sure Graphics Use as Few Colors as PossibleKnow When to Use GIF and JPEGTest your Page on as Many Different Browsers and PlatformsGive Good Descriptions of Site ContentContribute to the WebSource from pp from the following UEN online manual at
10Good Layout and Design Ideas List the Date of Last UpdateProvide Contact InfoInclude Jump Links to Other Parts of the Page or Site.Limit Page LengthMaintain Navigability with Navigation Bar on Top, Bottom, or SidesSource from pp from the following UEN online manual at
11Good Layout and Design Ideas List the Size of Graphic LinksUse the Alt Attribute for GraphicsVisit Web Accessibility Initiative atWhat Have We Forgotten???Source from pp from the following UEN online manual at
12Ideas for your Site Faculty pages with email links Address and disclaimer statementsMission and principal statementsContact us linkSchool calendar
13Ideas for your Site Pioneer Online Library button on lead page Link to your Student Information SystemActivities and eventsCurriculum resourcesSchool History
14Ideas for your Site Space for your PTA or link to their site Student work (with permissions)News and WeatherCreative CornerCommunity NewsWhat have we forgotten???
15How to Be the Web Master’s “Master” Keep a well-organized site structureCreate a paper flow chart of your web siteDesignate who will have rights for uploads and downloads of siteWho will manage ftp accounts?Who approves, reviews content?
16How to Be the Web Master’s “Master” Have you posted web guidelines or policies?Salt Lake District’s Web Guidelines atDavis District Internet Publishing Guidelines atWeb release forms for student/staff photos, names, and work.Salt Lake District’s Web Guidelines for Students atSalt Lake District’s Web Guidelines for Students at
17How to Be the Web Master’s “Master” Place images, buttons, and templates all in separate folders on web serverHow 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)
18ReferencesBuilding a Content-Rich School Web Page by Kathleen SchrockUEN Online ManualWeb Accessibility InitiativeWeb Site Advisor’s Guide