CMS Training for Network Support Specialists and School Webmasters

2010 Dates : Jan. 11, Feb 1
April 22
(for PDN Schools only)
July 26, Aug. 20

Link to this page:

Facilitator: Carolyn Semet

CMS Training Agenda

Arrival/ Sign-in/ Review Agenda
Join our learning network and CMS Support Group
Welcome/ Sign-in/ Introductions
  • Answer the question below.
  • Have you used CMS before? What experience do you have with web design?
  • Agenda Review
*Click here to submit your response*
Create your own sms poll at Poll Everywhere

CMS – What is it? and Why Use it?

CMS - Housekeeping

Introduction to CMS and school web presence
  • Who can be a CMS webmaster? What you should know and what you don’t need to know.
  • Where CMS can be edited: Now in and out of DOE network
  • What teachers are using to create classroom webpages
  • When to employ third party products to enhance the school web presence

Customizing your school's site

Tour of the CMS school website
1. Color scheme (1-2 colors) - Use HTML Color Wheel or HTML Code Chart for accuracy
2. Modern vs. classic template
3. Photo of the front of your school building (jpg, gif or png format - must be an image of the front of the school, should be 318 pixels wide at 72 dpi) - Now this can be changed yourself!
4. School logo/motto
  • How to customize: Send an email to with the changes requested and/or attached images. Please include all requests in one email. Allow 6-8 weeks for processing.

How to access your school's website

A closer look at the CMS School Template
The Page Types: Front page/standard page, file page, link page, calendar event page, photo page, news page, embed page
Making changes to the Front Page:
  • Masthead - Customization (see above)
  • School details – explanation, demonstration
  • Making changes to the left navigation panel:
    • Channel – no say
    • Section – some say
    • Page – all say
  • DOE supplied content vs. School supplied content
Demonstration - Editing the standard page
  • Logging into the system
  • Live view vs. Edit View
  • School Details
  • Channels
  • Basic Posting - Tour of the Editor
  • The buttons we know because we use Word
  • The buttons unique to this editor that you will actually use: link , image manager, document manager, pasting buttons
  • Submitting and approving
  • DISCUSSION: What are the implications if you are the approver?
  • Responsibility for what’s posted
    • Being responsible: Copyrights, Media consent forms, spell check, proofreader
    • Copyright issues regarding images
    • What you’re not responsible for: (not under the jurisdiction of the NYC Department of Education)
Adding Content to the site
Creating a new web page
  1. Page Title
  2. Top Text
  3. Bottom Text
  4. Summary
  5. Summary Image
  6. NEW PAGE url and search title
  7. Save/Exit, Approve
  8. Sort items in Channel: explanation, demonstration
Adding a link
  • Internal vs. External
  • ALWAYS open in a new window for an external link
Adding an attachment
  • File size limit ( 500KB)
  • Other Options if file is too large
  1. Upload to a Google Doc and link to it
  2. Link to it on a secondary school site, wiki, or blog
Logging into the training environment & Assign training user IDs
INDEPENDENT Work - Tasks to do
  • Create a web page (ie. Mission Statement) under your assigned #
  • Add 2 types of links - internal (ie. to your school site) and external (ie. to Google)
  • Add a file attachment
Adding top links
Adding a page: explanation, demonstration, practice
  • a. File page (when to choose this over link button in editor)
  • b. Link page (when to choose this over link button in editor)
  • c. calendar event page (using the calendar)
  • d. photo page (links off front page)
  • e. news page (mirrors on front page)
  • f. embed page (embed code)
Work Session with personalized assistance -
Adding content to your school site OR practice using the training site
Logging in
Adding a new page (post)
Moving a posting
Deleting a posting
Rearranging the order of posts
Adding top links
Adding a link (internal vs. external)
Adding an attachment
Inserting a picture into a post vs. summary images (limit 200KB)
Adding calendar items - Creating an event
Adding photos to the photo album
Embedding content into a page - ie. video, flickr photo album, Google form

Reflection and survey completion


Follow-up Support

Additional Resources

Copyright Friendly Images (clip art) (Search for Creative Commons licensing) (Images in public domain) (Most images are in public domain) (Images contributed by teachers for education)

Resizing Images

Microsoft Office Picture Manager
Preview (on a Mac) - go to Tools > Adjust Size
Use Adobe Photoshop (if you have the software program) / (Photoshop online)

Website development tips

  • Visitors should get to the information within 3 clicks
  • Link to words that describe what the link is. Don't use website url's on your page as links.
  • Keep fonts simple and make minimum use of color.
  • Be aware of using dark colors on a light background and light colors on a dark background
  • Try to avoid fancy fonts - Stick to the basics
  • Avoid using red, green and yellow colored fonts as they are difficult to read
  • Avoid putting too much text on one page
  • Add minimal graphics to enhance the content of the page