Presentation is loading. Please wait.

Presentation is loading. Please wait.

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

Similar presentations


Presentation on theme: "Good School Web Pages by Pat Lambrose Instructional Technology Facilitator Salt Lake City School District"— Presentation transcript:

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

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.htmlYou be the Judge!

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/ 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 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 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 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 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 http://www.techlearning.com/db_area/archives /TL/082000/tips/contentrich.html UEN Online Manual http://www.uensd.org/manuals/manuals/WebC reation/basicHTML.PDF http://www.uensd.org/manuals/manuals/WebC reation/basicHTML.PDF Web Accessibility Initiative http://www.w3c.org/wai http://www.w3c.org/wai Web Site Advisor’s Guide http://www.asd2.com/resources/chapter2.html http://www.asd2.com/resources/chapter2.html


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

Similar presentations


Ads by Google