Skip to content
x
  
  

Office of Public Relations, Marketing & Info Services

2016 President's Report

2016 President's Report Cover

Cascade

The TAMIU Content Management System is Cascade.

The login area for Cascade is https://tamiu.cascadeserver.com/.

Cascade offers greater flexibiity when it comes to editing our website than Contribute did.

For example Cascade offers the ability to edit .html code.

Rules

Only full-time staffed positions are eligible for Cascade access.

  • This is necessary to be consistent with the University's and System's security protocol.
  • Cascade training is time-intensive and student and part-time turnover makes continuity and standardization of services difficult.

Standards

As you edit and create your webpages, please make sure  that they are accessible and responsive.

The TAMIU web font is Raleway and the default font size is about 15.5 pt. Raleway is a web-optimized font selected for its high legibility and compliance with accessibility and responsiveness standards.

The Cascade WYSIWYG interface automatically chooses the appropriate font-style and font size for you, helping to ensure both accessibility and responsiveness. 

Please do not overwrite these styles in HTML mode.

Content Managers also have access to six different heading options of varying sizes and colors.

Please only use these preset headings and do not add your own in html mode.

Confirmations

Website accessibility can be checked  with the Web Accessibility Evaluation (WAVE) Tool at http://wave.webaim.org/. WAVE was developed by WebAIM (Web Accessibility in Mind), a non-profit organization based at the Center for Persons with Disabilities.  WAVE is a free  industry standard used to evaluate the accessibility of millions of  web pages. 

Responsive design can be checked at https://www.google.com/webmasters/tools/mobile-friendly/.  Responsive design enables web sites to be viewed on a variety of platforms, primarily smartphones, tablets and desktop computers.

Another useful tool is https://developers.google.com/speed/pagespeed/insights/, which allows you to check the load speed of your pages.  This is particulary useful when adding videos and photos, as it provides insight into what images/videos need to be optimized for web.

Please make sure when you add videos or images to optimize them for web.  One way to do this with Adobe Photoshop is to go to File --> Save for Web --> select (JPEG high, medium, or low.)  You want to select the lowest setting that still looks good.

Additional Resources:

Training Resources

Embedding a Responsive Video

Guide on creating web Titles and Descriptions part 1.

Guide on creating web Titles and Descriptions part 2.

Best Practices

Adding a caption to an image.

Simply add the code below (right caption for a right aligned image left for left aligned) and replace the image.  The image can be replaced by selecting the placeholder image and then selecting the image icon on the wysiwyg menu.  The caption can then be modified.  The image can not be click and dragged so it must be inserted into the code where you want it to stay.

<div class="right_caption">
<figure><img alt="US News and World Report logo" class="caption" src="/newsinfo/images/USNewsTAMIU.png" height="128" width="126" /> <figcaption>This is a test</figcaption></figure>
</div>

<div class="left_caption">
<figure><img alt="US News and World Report logo" class="caption" src="/newsinfo/images/USNewsTAMIU.png" height="128" width="126" /> <figcaption>This is a test</figcaption></figure>
</div>