Transcript Good School Web Pages

http://www.slc.k12.ut.us/ppt/gwb/goodwebpages.htm
Good School Web Pages
by Pat Lambrose
Instructional Technology Facilitator
Salt Lake City School District
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 at
http://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 at
http://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 at
http://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 at
http://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 at
http://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 at
http://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/WebC
reation/basicHTML.PDF
Web Accessibility Initiative
http://www.w3c.org/wai
Web Site Advisor’s Guide
http://www.asd2.com/resources/chapter2.html