Use formating to structure your concepts and advance your message.
- Bold: use for emphasis or to make a few words stand out. If overused, it defeats the idea of something standing out.
- Italic: use sparingly for quotes or titles.
- Underline – NEVER use because on a web page it means it is a link. Think of the color blind (challenged)
When you apply format to text in the content editor you will change its appearance and indicate the structure of the content on the page.
Simple formating Choices:
paragraph (most common)address (rarely used)
preformatted (rarely used)
Treat headings is as follows.
- Heading1 is used to sumarize the content of your page (an there can therefore only be one)
- Heading2 is used to split your page in sections
- Heading3 is used to spilt each section into subsection
- Heading1 = The World
- Heading2 = North American,Europe, Asia etc
- Heading3 = USA, Canada etc
- Heading4 = California, Florida, Nebraska etc
- Heading5 = LA, San Antonio etc
Below are the effects of the format choices. Each 'heading' choice will look different for each department, because they have individual 'style sheets' which allow color, size, and font to be applied to the heading choices.
Styles are html classes that can be applied to any highlighted asset in the content area. We have created these mostly for specific purposes.
- boxed: puts a border around it
- red: makes text red
alert: makes text red, bold, 14px (slightly larger than the norm)
- listPlain: takes the dots out of a list and the indention.(for unordered lists only)
- external: puts an arrow on the right side of a link (for links only)
- floatRight: ‘floats’ selection to the right (content wil flow and wrap around it)
- floatLeft: same to left
- imageFloatRight: floats, adds a border and a light grey ‘matte’ like a picture frame
- imageFloat Left: same to left
When you use the WYSIWYG content editor, you may highlight text, a link, or an image and apply a 'style' to it. Below are the results.
For a list (without bullets):
- normal list item
- listPlain item 1
- listPlain item 2
external (use for links that open a new window )
pdf (use for links that go to a pdf - add text saying how large the file i.e. )
As you can see the CMS pages are looking different. THIS IS A WORK IN PROGRESS!
We are testing a new responsive design template. It will react to any size device and adjust the content accordingly. This will allow us to use one web page for all desktop and mobile devices.
Be advised that it has been only optimized for modern web standards compliant browsers such as Chrome, Firefox, and IE 9 or greater. So if you try to view it in old Internet Explorer Browsers it will not look as good.
Not all of the top navigation links work yet.
We are looking for thoughtful feedback about the design and layout, the left navigation, the header list of links, and the layout of the content columns.