2015 Webmaster Training. 1.Site Navigation RWD Structure Sharing content areas 2.Dynamic Content...
-
Upload
gavin-blankenship -
Category
Documents
-
view
213 -
download
0
Transcript of 2015 Webmaster Training. 1.Site Navigation RWD Structure Sharing content areas 2.Dynamic Content...
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