skip to main content columnskip to left navigationskip to horizontal navigation

Website Migration to Responsive Template

The migrated sites will live on a different site within OU Campus and will utilize HTML 5 functionality.  There will be several items related to maintenance of your new site that we will need to review with you.  Just before the sub-sites go live, all web administrators will be contacted for a short training session to review the changes involved in the maintenance of your new site.  After training, all the administrators will regain access to their respective sub-sites.  

Important Changes in Maintenance of Your New Site

Logging in to OU Campus

The login link (direct edit link) to OU is now the copyright symbol at the bottom of the page.

Dealing with Images and Hyperlinks

The OU dependency manager has been turned off to facilitate the migration of all ETSU sites.  You will no longer see the funny coding in your hyperlinks.  This means you need to be very mindful when deleting or moving pages, because you can easily create a broken link issue and the system will not be able to monitor that for you.  

When you get ready to hyperlink to an image or document, be sure to switch to the "production" folder view so that you can see all your documents and pictures.  Because the binary manager is turned off, we cannot upload pictures and documents onto the OU staging server.

Documents and Pictures Folders

The documents and pictures folders are the only folders were the doc and pic extensions are allowed. This means that you can only upload documents into the documents folder and only pictures into the pictures folder. If you accidentally try to upload a document or a picture outside of the correct folders you will get this message 'Has an invalid extension.' - to fix just open the correct folder and try uploading again.

Uploading a documentopen the documents folder before uploading

 

 

 

 

 

 

inserting a document

uploading pictures

 

 

Page, Documents and Picture File Names

Linux is very particular with the naming of your files (pages, documents and pictures) The naming requirements are lowercase letters, numbers, periods, underscores and/or hyphens, use only these when naming your files. If you are uploading a binary file (documents or pictures) you will have the ability to rename while uploading. Just click on the status to the right of the document name and you will be able to make the updates need to correct the file name. Just remember not to remove the .extension!

HTML 5 and the WYSIWYG Editor

Old HTML tags and tag attributes will no longer work. If old items are added using the WYSIWYG or the HTML Source Viewer they will be automatically removed the next time the page is opened in the WYSIWYG.
For example:

  • the name attribute of the <a> tag is no longer supported. To fix this, replace <a name="something"></a> with <a id="something"></a> 
  • the width attribute for tags like images and tables is no longer supported.  Be sure to size images appropriately before you upload them.

Accessibility Issues and Content

Heading tags (<h1>, <h2>, <h3> ...<h6>) not allowed in source code due to accessibility issue.  

wysiwyg style dropdown

The built-in styles available from the WYSIWYG editor are perfectly safe to use.  But if you have HTML code access, please do not use the level heading tags.

If at all possible, avoid the use of HTML tables to establish content layout, because HTML tables are bad for accessibility.  We have provided many new snippets for content layout that we think you will find very useful and appealing.

Responsive Code and Page Preview

Your new site is responsive, meaning that the content shifts and it changes shape depending on the size of the device or window that it's on. Because code is responsive, page in "preview" may look different than in production due to smaller window size within OU Campus.

Page Layout and New Snippets

We have added many new snippets for you to utilize in laying out your content.  Many of these snippets have been used throughout this site...in fact, this "Important Changes" section is one of them!  We want to avoid the use of HTML tables to establish content layout, because HTML tables are bad for accessibility. In the training, we will show you how to use these new snippets so you don't have to use tables! Information on snippets and a view of how each appear are shown on this site.

The new responsive template also has new editable regions for page layout - In properties you can turn off or on as needed:

  • Left Column - located right below the navigation
  • Right Column - located to the right of the main content area
  • Lower Content - located under the navigation and the main content area - allows for more real-estate for your content

Different regions on the new template

 

Viewing Your Pages After Publish

After publishing a page, OU Campus displays a link at the bottom of the page to "View in new window."  If you click this link you will notice that the beginning of the URL is http://www.etsu.edu/.  oupub address That URL is not your public web address, but an internal address that is used for you as an administrator only.  Please do not copy and paste this www.etsu.edu address for use on printed materials or as a hyperlink value.  It will not work from off campus, and we cannot make it work...you will have wasted money and have to reprint your materials.  Your public web address has not changed, and you can see all of your changes and updates by visiting your site that  begins with the address https://www.etsu.edu/ 

It can take up to 5 minutes for your web changes to be reflected on the website.  If you click "view in new window" immediately after publish, or if you visit your public web address  https://www.etsu.edu/mysite/address/ , you may not see your changes right away.  Please continue to refresh your web browser and check for changes.  If you do not see your updates appear after 5 minutes, contact the web team for help.

icon for left menu icon for right menu