Images on your websites

1
Images on your websites
The Web Development TeamSkidmore College
2

• Creating a Photo Gallery
• The images that you select should be scaled
  before loading into the CMS. You can use your
  choice of photo-management programs (Photoshop,
  Paint, Fireworks, GIMP, etc).
• Scale images to the size you want them to be
  when full-sized, dont worry about thumbnails
  (the system creates those automatically!).
• The maximum image size is approximately 350
  pixels wide.
• Images should be saved at 72dpi maximum, as a
  web standard.
• You can add a photo gallery to an existing page,
  or create a brand new page to showcase your
  images.
• You can find photo galleries in use on many
  existing websites in the CMS HEOP, Honors Forum,
  Special Programs, and many more!

3

• 1) Add a Formatted Text Block (without header)
  to your page.
• 2) Open the Formatted Text Blockwindow by
  clicking Click hereto define the text block.
• 3) In the Formatted Text Blockwindow, position
  the cursorwhere you want the first imageto be
  displayed in the gallery,and click. The
  blinking cursorwill remain in position.

4

• Open the Image Properties Window by clicking
  in the Formatted Text Block toolbar.
• Use the Image Propertieswindow to select
  theimage and specify itsdisplay
  characteristics,including Alternate Image Text
  (flyover text)and then click Finish.

5

• Use the space bar and/or the Shift-Return key
  combination(for a new line) to position the
  cursor where you want the nextimage in the
  gallery to be displayed.
• Select the rest of the images inthe same way,
  until you have included all of the images
  youhave chosen. Click Finish.
• On the page, click the icon forthe
  Formatted Text block withyour images. A menu is
  shown.
• Select Custom Render Handlersfrom the menu.

6

• Select the Photo Gallery option, and then click
  Next. The current page will be displayed with
  the new photo gallery ready to use.

7
The Communications Photo Libraryhttp//141.222.1.
99/res/sites/archive/ Maybe you know that you
want a photo gallery for your site, but you dont
have the right images? Browse the Communications
Photo Library for likely photos. Do you have
images to share, photos taken at your events or
gatherings? Make a duplicate copy CD and send it
to Pat Wright in the Communications Office.
8
You can search for photos using any
combination ofthe people, photographer,year,
location or description. There are also
quick-search keywords in the browsingdrop-down
menu to help youfind the types of imagesyou
want for your page. E-mail your photo
request toPat Wright (pwright_at_skidmore.edu).Be
sure to include the location (cd number) and
the filename, and allow plenty of time for your
request to be processed.
9
CMS Schedule
Take a look at the Wayback Machine.
10
The Top-Level Pages Scope Online
What do the changes mean for you?
11

• Lets define a top-level page
• Audience-specific pages found in the top
  navigation bar
• About Skidmore
• Prospective Students
• Current Students
• Faculty/Staff
• Parents/Friends
• Alumni
• Friends and Neighbors

12
(No Transcript)
13
Houston, we have a problem
14

• The problem
• Pages were designed to have audience-specific
  information
• Information on each top-level page was not
  relevant to each audience
• Faculty/Staff saw the same thing as Current
  Students.
• Current Students saw information they didnt care
  about.
• Everything looked like the Home page

15

• The reason
• All information was created and filtered by one
  group.

16

• We need to rethink this.
• Make each News story relevant to each audience
• Look at how content is generated by and create
  generals for our Content Army
• News
• Right Column links
• Events

17

• While were at it
• Add announcements
• Department-level buy-in
• Highlight the impact blogs are having on campus
• Expand events
• Use the right column to even more
• Increase interest in the Home page through a
  Portfolio/Postcard area
• Expand the branding of our news to become Scope
  Online

18
Put it all in a blender and you get
19
(No Transcript)
20
There are three benefits to all this thinking
21

• 1. Announcements
• Quick information for target audience
• Dont forget to vote!
• Registration ends next week!
• A really cool event today!
• Not lost among the important news stories

22

• 2. Content is created for YOU by generals
• Prospective Students -gt Admissions (and Office of
  Communications)
• Current Students -gt Campus Life (and Office of
  Communications)
• Faculty/Staff -gtHuman Resources and Dean of
  Faculty Office (and Office of Communications)
• Parents -gt Parent Division of Advancement (and
  Office of Communications)
• Alumni -gt Alumni Office (and Office of
  Communications)
• Others -gt Office of Communications

23

• 3. All items are REUSABLE but entered only ONCE
• Biology site could select a news item from the
  Faculty/Staff page for their site.
• Commencement story could be added to the Current
  Students page
• Admissions can add an announcement
• Admissions
• Prospective Students
• Government site can use it
• Events can go in one calendar but feed specific
  events to a department site
• Once part of Scope Online

24

• Why are these three things benefits?
• Announcements stick out.
• The generals know what you want.
• Adding content to three places by hand is a lot
  of work.
• One office cannot do it all.
• Our visitors want more.

25
But there really is a fourth benefit
26

• Scope Online
• Re-branding of Skidmore news based on the Alumni
  Magazine (Scope Quarterly)
• Reusable
• Connected
• Design
• Tags
• Interests
• Emails
• Scope Weekly
• Scope Monthly

27

• Are these emails related to this Scope Weekly
  thing I received?
• Skidmore has important news items that need to be
  highlighted
• Skidmore is overrun by emails.
• Reminders
• By the way
• Check it out
• Dont forget
• I lost my
• How can we hear anything through all the noise?
• Scope Weekly condenses that into one location.

28

• Before you freak out
• We are not stopping emails
• We are not regulating emails
• We are not Big Brother
• We are not evil overlords
• We are providing one more mechanism for organized
  communication.
• Announcements (like future Webspinners meetings)
• News stories
• Events

29

• Whats in store
• Working to have news, events, and announcements
  on department-level sites.
• RSS Feeds
• Event Calendar revamped and added
• Faculty Achievements area launching this week
• Virtual Tour
• Whatever else we can build

30
Water Cooler Sites
Sites we are talking about
31

• All these blogs and feeds but how do I track
  them?
• Bloglines

32

• What does a bad site look like?
• The Daily Sucker