1. 2015 Webmaster Training

2. 1.Site Navigation RWD Structure Sharing content areas 2.Dynamic Content Updates News/Blog Containers Calendars – Priority, Standard 3.Static Page Updates Static Pages Mashups Layout Tips – Tables, Links, Images 4.Image Editing 5.Advanced Topics Slideshows Additional Pages Subsite Creation Embedding Videos Analytics 6.Site Build-Out

3. 1.Site Navigation 2.Dynamic Content Updates 3.Static Page Updates 4.Image Editing 5.Advanced Topics 6.Site Build-Out Agenda

4. Site Navigation

5. URLs and RWD Paths

6. Default Pages

7. Distributing Content Areas

8. Exercises: Site Navigation Find and edit the default page corresponding to: http://yoursite.mysdhc.org/clubs/http://yoursite.mysdhc.org/clubs/ View changes to the page with a browser Share control of the Contacts_Faculty container with an administrative contact at your school If necessary, undo changes to the clubs page when finished

9. Dynamic Content Updates

10. News / Blog Containers Update by adding a message Shown newest items first Tips: – Consider expiration – Use consistent size images (if image is shown) – Avoid images & links in first 255 characters

11. Content Libraries Update by uploading a file Assign Display Name in list, or as Subject in “Properties” window

12. Calendars Create calendar events as usual in FirstClass Utilize event body to provide details for event Mark Priority Events as Urgent

13. Exercises: Dynamic Content Add news item to main page Upload policy document to School Policies area; remember to set Display Name Add calendar event which will be visible only on the full calendar Add a second calendar event which will show in the Priority Calendar on the main page Review all updates via browser; when finished, delete all content from this exercise

14. Static Page Updates

15. Editing Static Pages [Image; show document body on left; web content on right]

16. Tips & Tricks Set Preferences to provide default font, size and link types Create backups of pages before editing Insert tables to organize content on page; hide table borders when finished Always resize images before pasting into documents

17. Understanding Mash-up Pages

19. Exercises: Static Pages Open Preferences on the webmaster account. Verify the following: – Default font assigned to: Arial – Default font size set to: 14 – Default link action to: open in same window

20. Exercises: Static Pages Navigate to http://yoursite.myshc.org/school_information and find the corresponding mash-up page within FirstClass http://yoursite.myshc.org/school_information Identify the source for each of the four panels on the school information page Create a backup of the Key Information page, and then edit the page

21. Image Editing

22. Pixlr Basics http://pixlr.com

23. Pixlr Basics Opening Files – File > Open image Viewing on-screen – View > Zoom in / Zoom out / Actual Pixels Resizing with Crop Tool – Set Constraint to Output Size Saving Files – Look at Format – File extensions are added automatically

24. Exercise: Image Editing Use photos of your own, or download a set of sample photos from the Media Center page at: http://harmony.mysdhc.orghttp://harmony.mysdhc.org Size one or more images to 180x180 pixels and use the resized image(s) as thumbnails for School News items

25. Advanced Topics Content

26. Slideshows Size images to correct dimensions – For home page, use 720 x 521 – Other slideshows may use different dimensions Edit caption using “Display Title on Web” field Link to content using “Alt URL” field

27. Emergency Notifications Scrolling Banner (good) Splash Screen (better)

28. Videos Use “embed” code from video site

29. Exercises: Advanced Content Use photos of your own, or download a set of sample photos from the Media Center page at: http://harmony.mysdhc.org http://harmony.mysdhc.org Size one or more photo to 720 x 521 and add it to the homepage slideshow, including a caption Add a YouTube, Vimeo or Teachertube video to your slideshow Add both a scrolling banner and a splash screen to your site Review all updates via browser; when finished, delete all content from this exercise

30. Advanced Topics Site Navigation

31. Additional Pages Adding new page – Open folder, use “New Web Page” button – Select “blank RWD page” in most cases Adding navigation to new page (options) – Open Site Administrator Console from root of website – Add as panel in Mash-up – Link from existing page

32. Subsites Adding subsite – Use “New Site Object” button Adding navigation to subsite – Open Site Administrator Console from root of website

33. Analytics Using Google Analytics for all sites http://www.google.com/analytics Ask Communications department for access to your school site

34. Site Build-Out Workshop Time