Web Services

Web ServicesWe are responsible for the design and upkeep of the csu.edu website. The first impression of CSU often comes from the web. This website is also one of the most effective and quickest ways of communicating with the entire University & CSU community. Web Services recognizes the World Wide Web is one of the most valuable and vital resources of any organization.


Editors & Publishers

Web Sites Site Editor Site Publisher
Academic Support   Reginald J. Motley
Accreditation   Thomas Rowan
Admissions Carlos Gooden

Andra Barnes
Andrea Welch

Carlos Gooden
African American Studies TBD TBD
Alumni Affairs Bobbie Harth Kevin Triskett
Arts and Design   Lillian Kay Dawson
Assessment Elizabeth Arnott-Hill TBD


Website Editing

Document Description
pdf Website Editing CSU full-time employyees may request access to edit the webstie for their department. One editor & publisher may be appointed for each department. This liason will be responsible for content updates of department website. Form must be approved by manager.
pdf VPN Access Access to edit the website off campus. Download form, complete and email to vriley@csu.edu.
pdf Instructions Beginners tips & tricks for using OuCampus.



Email web support your changes.


You can also meet with us by sending a google meeting to mgondek@csu.edu & schang@csu.edu.

Click "Add Google Meet..." to give us all a link for the meeting

google meet

Please use the "Find a Time" tabbed option to choose an open slot. 
find a time


For edits always provide:

web address & clear description of what you want done:

URL: https://www.csu.edu/foundation/boarddirectors.htm 

  • please add the attached image and bio for Jane Smith
  • remove the red eye from camera flash


copy additions in red, removals with a strikethrough

URL: https://www.csu.edu/foundation/boarddirectors.htm

Angelique David

Board Secretary

Board Chair EMD

COO & General Counsel, Ziegier


new web pages provide:

  • Navigational clickstream to where this page should go

  • Copy spellchecked & reviewed for grammar

  • Instructions that are not copy updates, in red all caps for example:  (ANIMATED SLIDESHOW HERE)
  • For group collaboration, create & share a google doc with your team to write the content. Once your team approves the copy, forward a link to web support with instructions.

videos provide:

  • file named clearly & concisely in a 16:9 ratio
  • video in .mp4 format
  • poster image for the thumbnail
      1. attached in an email
      2. direction on what part of the video to extract one from
      3. copy needed if we are to create


We prefer to convert your .docx files to actual html webpages viewable in the web browser. Cellphones often cannot open MS Office files and you want to keep your audience in the csu.edu website interface as long as possible. This also reduces the number of clicks to get to the information. If you absolutely want a link to download a .doc please let us know what words you want to be clickable to download the file. Read below on pdfs to find out how to name your file.


How to properly name your files

Rename your document clearly & concisely, as people see the filenames of .pdfs after they download. You want your viewer to easily find the file they downloaded. and matching the name of the link to the filename is essenatial web design. 

Bad Filenaming Good Filenaming
CSU Purchasing definitions 11-6-2020.final draft.pdf Purchasing_Defintions.pdf
JSMITH FY2021 Quick Reference Procurement Guidlines Procurement_Guidelines.pdf
  • Make the first word that best & most uniquely describes the document
  • Remove unnecessary words like CSU as people are looking for the purpose of the document, and extra words will make peoples search for information more difficult
  • Remove dates whenever possible, they very quickly make the file look old and outdated unless you update for example a newsletter or calendar every month on first day of the month
  • Consistent Title Case Capitalization 
  • Use underscores rather than spaces, because the web substitutes code of "%20" for spaces that looks sloppy, and some browsers may break the link

documents to upload provide:

  • name the document clearly & concisely (as people see the filename of .pdfs and docx when they download them)
  • web address where this will go
  • name (eg: click here) & position on page

Please submit the best quality images you have in terms of lighting and resolution.

Name the file clearly and concisely to what this is about. 

Bad Filenaming Good Filenaming
IMG-104589,jpg Stephen_Chang.jpg
Logo board Illinoiseducaotn Higher.jpg IBHE.svg

These filenames are not seen unless someone drag to their desktop to download, this helps everyone including yourself for file management, later when updates are needed.

We will by default retouch and color balance images to improve quality before posting. We will crop images if we see better cropping. We by default put images at the top left at a size that fits across the width of the cellphone. We wrap text around the right side if possible so on a computer there is not dead wasted space. 

GrammarlyThe free Grammarly chrome extension significantly improves your spelling & grammar. This works on any text being edited in webpage text input fields including gmail & google docs. Grammarly works OUCampus classic version (click on edit button), but not in the new mode (shift-click on edit button). The only fault of Grammarly is often the word "the" is suggested to add, avoid this when possible as web writing is concise.

  • Clearly — Ensure your writing is exceptionally clear to others. Always put yourself in the position of the reader. 
  • Concisely  Web visitors are looking for quick & fast answers. Concise copy is more impactful and directly to the point. Trim whatever content is not needed and your reader will have an easier time locating that golden needle in a haystack. 
  • Consistently — The eye scans visually for colors, boldness, spacing. Always check your usage of UPPERCASE, Sentence Case, periods, bold to be consistent.
  • Eliminate Repetition  Avoid using the same word repeatedly at the start of each item in a list. Better to move that word into a headline for the list. Proof your copy to not have the same sentence or another form of the same thought in your copy. Abbreviate repetitive words, and only show the unabbreviated version once at the beginning of your story.
  • Reduce scrolling   Even the small difference between "and" to "&" can make a big difference. This can reduce the width of a column in a table. For headlines especially use as few words as possible. Always remember the pages we publish are often viewed on a mobile device. 
  • Visually  Use tables, bulleted lists, images, logos, slideshows & videos. "An image is worth 1000 words."

Should you find an old or broken link, anyone can submit that link to be removed. May take up to 3 days for our google powered serach to update.

Douglas Hall (DH) Room: 122

9am to 5pm Mon - Fri

Phone: 773-995-2033

FAX: 773-821-2858

Email: websupport@csu.edu