When naming a new page use all lower-case with dashes between words (no camelCase).
No special characters should be used.
Images and documents must have the appropriate file extensions (.png or .jpg for images, .pdf for documents).
Dates should not be used in the page names.
Use a uniform standard in page display names (Contact Us, Frequently Asked Questions, etc.).
Text Guidelines
No underlines or italics unless part of a citation.
Use of "ALL CAPS" to be avoided in titles and H-tags.
Page text should be wrapped in Paragraph (<p>) tags.
H-tags are to be used for separating out sections of content on a page. Think of them as an outline to organize the page's information and make it accessible for all users. For reference, examples of all tags have been provided in the right sidebar of this page.
H-1 is used only once on a page for its title. Cascade adds this by default at the top of each page.
H-2 tags are used to break the page information down into primary subsections. H-2 tags may be applied to the titles of these sections via the "Formats" dropdown at the top of the WYSISWYG.
H-3 tags perform the same function of division and organization for information nested under an H-2 tag that the H-2 performs for information nested under the page's H-1 tag. H-3 tags may be applied via the same "Formats" dropdown as mentioned above for the H-2 tag.
H-4 and H-5 tags further break down and organize the page's information. These tags can also be accessed for the "Formats" dropdown.
Bold text should be used sparingly, always consider using H-tags if possible as a substitute.
No special characters should be used outside of links. Avoid using the Ampersand (&).
When adding a date, include the year.
Phone numbers should be in standard (999) 999-9999 format.
Text size is frozen and must not be adjusted through outside CSS or the WYSIWYG.
All embedded URL's must have unique link text. No visible naked URL's (naked-url-example.com) aside from email addresses will be allowed.
Sidebars
On the Community site (anything starting with https://my.uiw.edu/), the Left Sidebar is exclusively for navigation.
The Right Sidebar can be used for other content types, with the exception of tabs and accordions, but widths must be set to 100%.
On any site featuring a URL not beginning with https://my.uiw.edu/ (Main site and Professional School sites) Sidebar content is placed directly below the navigation in the Left Sidebar.
Links
By default, links are set to open in the same window. Any links to pages inside of our greater UIW environment (Main Site, Community Site, Professional and Individual School Sites) should retain this default. Links to documents (downloadable PDF's) or sites and resources outside of our UIW web environment should be set to open in a new window. This can be set by clicking the "Target" dropdown in the "Insert/Modify Link" menu of the WYSIWYG and selecting the "New Window" option.
The "Insert/Modify Link menu also contains the "Title" field. Filling out this field with the name of the page being linked to allows the user to see where the link is taking them when they hover over the link text.
Anchor Links may be used to jump from one area of a page to another. Highlight the text you wish to link to and select "Anchor" from the "Insert" dropdown. The link may then be added to existing text via the "Insert/Modify Link" menu of the WYSIWYG.
Buttons can be added by highlighting an existing link and, from the "Formats > Custom" dropdown, selecting one of the two available button styles.
Note- When adding the "button with arrow" styles, the arrow icon will appear broken inside of Cascade but will render on the live page after successful publication.
Accordions are a great way to visually condense large pages making them more easily readable and accessible. Their use is highly encouraged for pages containing large amounts of text based content.
All rules governing content on the rest of a page apply to content nested in an Accordion.
Tables
Tables should only be used to display data or lists. They should not be used to display biographies, images or other information.
All tables should be set to "Width:100%" through the table options in the WYSIWYG.
Borders and Striping can be applied in the table options in the page's WYSIWYG.
