2015 Webmaster Training

1. Site Navigation2. Dynamic Content Updates3. Static Page Updates4. Image Editing5. Advanced Topics6. Site Build-Out

Agenda

Site Navigation

URLs and RWD Paths

Default Pages

Distributing Content Areas

Exercises: Site Navigation

• Find and edit the default page corresponding to: 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

Dynamic Content Updates

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

Content Libraries

• Update by uploading a file• Assign Display Name in list, or as Subject in

“Properties” window

Calendars

• Create calendar events as usual in FirstClass• Utilize event body to provide details for event

• Mark Priority Events as Urgent

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

Static Page Updates

Editing Static Pages

• [Image; show document body on left; web content on right]

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

Understanding Mash-up Pages

Understanding Mash-up Pages

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

Exercises: Static Pages

• Navigate to http://yoursite.myshc.org/school_information and find the corresponding mash-up page within FirstClass

• 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

Image Editing

Pixlr Basicshttp://pixlr.com

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

Exercise: Image Editing

• Use photos of your own, or download a set of sample photos from the Media Center page at: http://harmony.mysdhc.org

• Size one or more images to 180x180 pixels and use the resized image(s) as thumbnails for School News items

Advanced Topics

Content

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

Emergency Notifications

• Scrolling Banner (good)• Splash Screen (better)

Videos

• Use “embed” code from video site

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

• 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

Advanced Topics

Site Navigation

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

Subsites

• Adding subsite– Use “New Site Object” button

• Adding navigation to subsite– Open Site Administrator Console from root of

website

Analytics

• Using Google Analytics for all sites http://www.google.com/analytics

• Ask Communications department for access to your school site

Site Build-Out

Workshop Time