Office of Communications and Public Affairs

A page element is a way to display content on web page.  It's similar to how you can create highlights and boxes in Microsoft Word.  The Bowdoin web site uses a number of standard elements available to all CMS publishers.

WYSIWYG Formatting

In the CMS, you have access to a WYSIWYG (What You See Is What You Get) tool bar which allows you to edit text just as you would in Microsoft Word.   The pulldown menu (circled in red) are predefined styles for text.   To use them, highlight the text you want to edit and choose the style from the menu.

The styles menu (circled in blue) is a way to create boxes and "pullouts" in your text.  

This is a full column easy box.

This is half column easy box.

This is a full column inset box.

This is a half column inset box.

Section Headings

Section headings are ways to break up information on a page.

Heading 2 - Used for Page Titles ONLY

Heading 3 - Used for sub-sections on pages

Heading 4 - Used for titles in side columns

Accordions

An accordion is a way to presents lists to make it easy for people to scan the "headlines" and choose what they want. It's a great way to present a contact list of staff or a "Frequently Asked Questions" section.

Tabbed Boxes

Tabbed boxes are another way to present text or images in a scannable format.  They are good at condensing related materials together in a way that lets the user scan through them looking for what they want.   A good example is on the Corporate and Foundation Relations site.

Slideshows

A slideshow is series of photographs that automatically loads when the page is view.  Examples can be seen on community.bowdoin.edu and the ISLE program site.

Highlight or "At A Glance" Boxes

Highlight boxes are a great way to draw attention to information outside of the main body text of a page.  They are generally used in sidebars to house lists of related links or announcements, frequently accessed links or questions, or lists of staff members.  

Split Image Header

A standard image treatment for 1-4 templates.  Used extensively in the catalogue and on the Orientation web site.