good school web pages
Post on 13-Jan-2016
27 Views
Preview:
DESCRIPTION
TRANSCRIPT
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
Source from pp 57-62 from the following UEN online manual athttp://www.uensd.org/manuals/manuals/WebCreation/basicHTML.PDF
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
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
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
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
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?
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
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)
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
top related