WebsiteFaculty/Staff/Departments

   

• Home
• My Group
  • My Two Column
  • My Three Column
  • Audio and Video
  • My Pretty Tables
  • Amazon
  • Lorem Ipsum
• Technical Guidelines
  • Complete Guidelines
  • Content Management
  • Supported Browsers
  • File Naming
  • Images
  • Overview
  • My Link
• Videos
  • Complete Training
  • Umbraco Review
• Register for Training
• Umbraco CMS
• Hide Show Example
• Joost
  • John Doe
  • Test
• Tim Roe
  • John Doe
• MK Page
• Steve Bruno
  • Testing 1.2.3.

   

Content Management

The University has adopted a content management system (CMS) called Umbraco. A CMS enables organizations like Butler to edit and update a large number of Web pages that are managed by multiple groups and departments on campus. Umbraco is easier to use than previous content management systems. As Web Marketing and Web Services migrate each University department website into the new system, members of each department will be notified and engaged in the process. "Content Managers" from each department will be identified and trained to use the CMS. More information regarding Umbraco CMS training will be provided as it becomes available. Questions concerning Umbraco CMS training may be directed to Nancy Lyzun in Web Marketing or Tim Roe in Web Services.

Templates

One of the advantages of using a content management system like Umbraco is the ability to quickly and easily publish new websites by applying standard template layouts to newly created (or existing) pages. Although website templates contain some common University graphic elements and treatment, each department is able to customize certain elements of these templates.

In most cases, the following templates are available for use with website pages created in the Umbraco CMS:

• Home ("Landing") Page Template
  • Typically used on the top-level page of a department website
• Interior Page Template (Two Column Layout)
  • Provides space for site navigation on the left side, while leaving the rest of the page layout available for site content
  • Best choice for verbose pages
• Interior Page Template (Three Column Layout)
  • Provides space for site navigation on the left, body content in the middle and additional website elements (or "widgets") on the right
  • Best choice for pages with minimal content and/or pages requiring additional functionality offered by right-side elements ("widgets")

In unique cases, Web Marketing and Web Services may be able to accommodate special requests for template layouts that differ from these three basic choices. Please consult with Web Marketing or Web Services if you feel this exception applies to pages you are managing.

Cascading Style Sheets (CSS)

All University website templates take advantage of external cascading style sheets (CSS). These are simple text files that contain style "classes" and "ids" that define attributes such as color, font, size and position of HTML page elements. Web Marketing and Web Services use CSS to simplify website maintenance and adhere to professional Web standards outlined by the World Wide Web Consortium and other governing organizations of professional Web standards and accessibility guidelines. For more information regarding professional Web standards, accessibility, compliance and law, please attend one of the Umbraco CMS training sessions. Staff members of Information Resources and Student Disability Services are working hard to ensure that Butler University's website remain compliant with guidelines outlined by the Americans with Disabilities Act (ADA) and other regulatory guidelines for accessible design.

Basic HTML styles are made available to University content managers through simple dropdown menus in the system. Some of these include:

• h1 (style for page titles)
• h2 - h6 (styles for page subtitles)
• p (style for basic paragraph formatting)

In addition to basic HTML styles, custom CSS styles are available via the CMS toolbar dropdown menu as well. Some of these include:

• borderedTable (style applied to tables for a bordered effect)
• unBorderedTable (style applied to tables for a non-bordered effect)
• imageAlignLeft (style applied to images to "float" them to the left side of a page)
• imageAlignRight (style applied to images to "float" them to the right side of a page)

Other custom CSS styles will be made available over time. Please consult with Web Marketing or Web Services if the need for a custom style arises while creating new pages. Cascading style sheets will be discussed in detail during Umbraco CMS training.

Most of the time, content managers will not need to concern themselves with HTML code or the details of CSS styles. The text editor included with the Umbraco CMS, called TinyMCE, is configured to automatically generate the proper HTML code, allowing content managers to focus on content, not code. However, a basic understanding of HTML and CSS is always helpful.