1. 1.Getting Started 2.Modifying Design 3.Newsletter Templates 4.Announcement 5.Administer Sections Index Training 14 th Mar., 2011

2. Training for ESF Schools Website GETTING STARTED

3. Training for ESF Schools Website 2 1 Log into CMS To edit your school website, add “/user” to the URL (1) and you will see a login prompt Enter your username and password to enter the CMS (2)

4. Training for ESF Schools Website MODIFYING DESIGN

5. Training for ESF Schools Website Change site logo Administer > Site Building > Themes > Select the default theme > configure

6. Training for ESF Schools Website Change web site name Administer > Site Configuration > Site Information

7. Training for ESF Schools Website Edit the rotating banner photos Rotating banners exist in part of the school sites To change the photos, HTML syntax knowledge is required. Prepare the photos to have the theme borders. Upload photo files – My account > File browser > images > [Upload] Edit the photo list (in HTML ) – Administer > Site building > Blocks > RotatingHeaderImg > configure – Block body > [Source] – Save block

8. Training for ESF Schools Website Edit Block body source

9. Training for ESF Schools Website Edit block content (e.g. logos) Administer > Site building > Blocks > [scroll to the block] > configure If the block cannot be edited / configured, It is generated by programme codes. In this case, the changes are required to be done by the technical team / vendor.

10. Training for ESF Schools Website Remove block styles (e.g. background) – Requires theme CSS and CMS code change Create tabs – Case by case – Feasible solutions: panels, fieldgroup tabs (both require CMS code change / module installation and configuration)

11. Training for ESF Schools Website Arrange photos in between / around text WYSIWYG editor Right-click the image and select Image Properties. Change the HSpace, VSpace and Alignment

12. Training for ESF Schools Website NEWSLETTER TEMPLATE

13. Training for ESF Schools Website Create and modify templates Prepare the HTML codes Administer > Site configuration > Wysiwyg profiles > Templates

14. Training for ESF Schools Website Create and modify templates (cont’d)

15. Training for ESF Schools Website ANNOUNCEMENT

16. Training for ESF Schools Website Change the Announcement listing – Feasible by modifying the listing codes – Requires theme CSS changes – Recommended to be done by technical team / vendor Listing UI effects – This requires code modifications. – Further requirement is needed if this is to be implemented.

17. Training for ESF Schools Website ADMINISTER SECTIONS

18. Training for ESF Schools Website 18 Administer Overview

19. Training for ESF Schools Website Q & A