Good School Web Pages
description
Transcript of Good School Web Pages
![Page 1: Good School Web Pages](https://reader035.fdocuments.us/reader035/viewer/2022062802/568145f9550346895db30229/html5/thumbnails/1.jpg)
Good School Web Pages
by Pat LambroseInstructional Technology FacilitatorSalt Lake City School District
http://www.slc.k12.ut.us/ppt/gwb/goodwebpages.htm
![Page 2: Good School Web Pages](https://reader035.fdocuments.us/reader035/viewer/2022062802/568145f9550346895db30229/html5/thumbnails/2.jpg)
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”
![Page 3: Good School Web Pages](https://reader035.fdocuments.us/reader035/viewer/2022062802/568145f9550346895db30229/html5/thumbnails/3.jpg)
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
![Page 4: Good School Web Pages](https://reader035.fdocuments.us/reader035/viewer/2022062802/568145f9550346895db30229/html5/thumbnails/4.jpg)
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?
![Page 5: Good School Web Pages](https://reader035.fdocuments.us/reader035/viewer/2022062802/568145f9550346895db30229/html5/thumbnails/5.jpg)
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.
![Page 6: Good School Web Pages](https://reader035.fdocuments.us/reader035/viewer/2022062802/568145f9550346895db30229/html5/thumbnails/6.jpg)
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
![Page 7: Good School Web Pages](https://reader035.fdocuments.us/reader035/viewer/2022062802/568145f9550346895db30229/html5/thumbnails/7.jpg)
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 athttp://www.uensd.org/manuals/manuals/WebCreation/basicHTML.PDF
![Page 8: Good School Web Pages](https://reader035.fdocuments.us/reader035/viewer/2022062802/568145f9550346895db30229/html5/thumbnails/8.jpg)
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 athttp://www.uensd.org/manuals/manuals/WebCreation/basicHTML.PDF
![Page 9: Good School Web Pages](https://reader035.fdocuments.us/reader035/viewer/2022062802/568145f9550346895db30229/html5/thumbnails/9.jpg)
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 athttp://www.uensd.org/manuals/manuals/WebCreation/basicHTML.PDF
![Page 10: Good School Web Pages](https://reader035.fdocuments.us/reader035/viewer/2022062802/568145f9550346895db30229/html5/thumbnails/10.jpg)
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 athttp://www.uensd.org/manuals/manuals/WebCreation/basicHTML.PDF
![Page 11: Good School Web Pages](https://reader035.fdocuments.us/reader035/viewer/2022062802/568145f9550346895db30229/html5/thumbnails/11.jpg)
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 athttp://www.uensd.org/manuals/manuals/WebCreation/basicHTML.PDF
![Page 12: Good School Web Pages](https://reader035.fdocuments.us/reader035/viewer/2022062802/568145f9550346895db30229/html5/thumbnails/12.jpg)
Ideas for your Site
Faculty pages with email links Address and disclaimer statements Mission and principal statements Contact us link School calendar
![Page 13: Good School Web Pages](https://reader035.fdocuments.us/reader035/viewer/2022062802/568145f9550346895db30229/html5/thumbnails/13.jpg)
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
![Page 14: Good School Web Pages](https://reader035.fdocuments.us/reader035/viewer/2022062802/568145f9550346895db30229/html5/thumbnails/14.jpg)
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???
![Page 15: Good School Web Pages](https://reader035.fdocuments.us/reader035/viewer/2022062802/568145f9550346895db30229/html5/thumbnails/15.jpg)
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?
![Page 16: Good School Web Pages](https://reader035.fdocuments.us/reader035/viewer/2022062802/568145f9550346895db30229/html5/thumbnails/16.jpg)
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
![Page 17: Good School Web Pages](https://reader035.fdocuments.us/reader035/viewer/2022062802/568145f9550346895db30229/html5/thumbnails/17.jpg)
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)
![Page 18: Good School Web Pages](https://reader035.fdocuments.us/reader035/viewer/2022062802/568145f9550346895db30229/html5/thumbnails/18.jpg)
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