Creating and Styling Tables

Data tables present tabular information in a grid. They are made up of columns and rows that communicate the meaning of the information. There are several options for styling your data in tables to allow for a clean, visually appealing look.

The use of HTML tables is reserved for displaying data in an organized manner. It is not proper to use table code to control webpage layout or design. To display content on your webpage in multiple columns, please refer to the Boxed Sections Snippets or the List Spread Buttons SnippetContinue reading

Proper Content and Page Structure

The following tips are meant to help CMS liaisons with day-to-day maintenance of basic content on their websites.

Paste as Text

If you paste content from a document or email into OU Campus, you will likely get a bunch of bad code added behind the scenes that will effect how your webpage will look at function. To avoid issues, try clicking the “Paste as Text” button before pasting your content or use the Ctrl + Shift + V key combination.

Paste as Text shortcut
Paste as Text shortcut

The negative to pasting as text is that you will have to do some formatting manually (adding bold, adding links, etc). However, this will ensure that your website meets brand standards and works correctly on all devices.


It is important to use proper HTML headings instead of bold paragraphs or single lines of text. To apply a heading style to a line of text, put your cursor inside of the line of text and then select a heading level from the left-most dropdown menu in OU Campus. The same method working in other online applications, such as Google Docs.

Continue reading

Department Publications

Departments who produce regular newsletters or magazines are able to use the Michigan Tech Magazine template to digitally display their publications on their departmental website. You can refer to the Biological Sciences Newsletters as an example. Interested departments should contact to get setup. Once your site has been set up and your CMS users given access, you can follow these instructions to add future publications. Continue reading

Image with Caption Snippet

This snippet will create an image with text beneath it surrounded by a light gray box. The image can be left or right aligned so body content wraps around it if it is not the full content area width or center or left aligned with no wrapping. If you have cropped an 800 Banner or 1024 Feature size of the image being displayed, the system will automatically include a pop-up of the image and caption.


Continue reading

Writing Good ALT Tags

ALT tags (also known as Image Descriptions) are a very important feature involving all images on any given website. Moz does a good job of explaining what ALT tags are. Please take a moment to read up on what ALT tags are and why they are important. Moz also provides some tips for how to write good ones.

There are many uses for ALT tags. The most well-known ones are:

  1. Screen readers will speak the ALT tag of an image for users who cannot see
  2. If an image cannot be loaded due to some sort of network or IT error, the ALT tag will display instead
  3. ALT tags boost search engine rankings and can help your website’s images display in Google search results

Continue reading