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

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!

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 from the following UEN online manual at

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 from the following UEN online manual at

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 from the following UEN online manual at

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 from the following UEN online manual at

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 from the following UEN online manual at

11. Good Layout and Design Ideas
List the Size of Graphic Links
Use the Alt Attribute for Graphics
Visit Web Accessibility Initiative at
What Have We Forgotten???
Source from pp from the following UEN online manual at

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
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
Davis District Internet Publishing Guidelines at
Web release forms for student/staff photos, names, and work.
Salt Lake District’s Web Guidelines for Students at
Salt Lake District’s Web Guidelines for Students at

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
UEN Online Manual
Web Accessibility Initiative
Web Site Advisor’s Guide