<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
<meta name="Generator" content="Microsoft Word 14 (filtered medium)">
<!--[if !mso]><style>v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style><![endif]--><style><!--
/* Font Definitions */
@font-face
{font-family:Helvetica;
panose-1:2 11 6 4 2 2 2 2 2 4;}
@font-face
{font-family:Helvetica;
panose-1:2 11 6 4 2 2 2 2 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
{mso-style-priority:99;
mso-style-link:"Balloon Text Char";
margin:0in;
margin-bottom:.0001pt;
font-size:8.0pt;
font-family:"Tahoma","sans-serif";}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
span.BalloonTextChar
{mso-style-name:"Balloon Text Char";
mso-style-priority:99;
mso-style-link:"Balloon Text";
font-family:"Tahoma","sans-serif";}
.MsoChpDefault
{mso-style-type:export-only;
font-family:"Calibri","sans-serif";}
@page WordSection1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
{page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang="EN-US" link="blue" vlink="purple">
<div class="WordSection1">
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif"">Valued CMS Editor,<o:p></o:p></span></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto">Our website’s homepage,
<a href="http://www.tamuc.edu"><span style="color:windowtext">www.tamuc.edu</span></a>, is now responsive, which means it’s mobile-friendly on any device. We are now ready to make the entire website responsive.
<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto">The Center for IT Excellence (CITE) team created responsive templates in Cascade. Then we applied those templates to the entire TAMUC website in a test environment. What does this
mean for your department? We need cascade editor to verify all the responsive web pages in the test environment that they maintain between Nov 9 and Nov 20. Below are instructions demonstrating how to verify web pages. Please attend one of the sessions if
you need assistance. Your department head has received also received the same information.
<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto">CITE staff will be available in BA339 during these sessions.<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto">-<span style="font-size:7.0pt">
</span>Wednesday – November 11th 9:00 – 11:00 am<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto">- Tuesday – November 17th 2:00 – 4:00 pm<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto">- Thursday, November 19th 2:00 – 4:00 pm<o:p></o:p></p>
<p class="MsoNormal" style="text-autospace:none"><b><span style="font-family:"Helvetica","sans-serif"">Instructions:<o:p></o:p></span></b></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif"">The new responsive template for the university pages is now ready for testing. We are asking your help to make sure that this update goes smoothly and without
bugs. Please review the pages you are responsible for and provide feedback regarding the responsive functionality. Be sure to test your department webpages on both your computer and a smartphone. <o:p></o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif";color:#453CCC"><o:p> </o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif"">1. Go to </span><a href="http://wwwdev.tamuc.edu/indexdev.html"><span style="font-family:"Helvetica","sans-serif";color:#386EFF">http://wwwdev.tamuc.edu/indexdev.html</span></a><span style="font-family:"Helvetica","sans-serif""> and
navigate to your pages. <o:p></o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif"">2. At the same time, in another window go to </span><a href="http://tamuc.edu/"><span style="font-family:"Helvetica","sans-serif";color:#386EFF">tamuc.edu</span></a><span style="font-family:"Helvetica","sans-serif""> and
follow the same navigation so you can compare the current template with the new one. <o:p></o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif";color:#453CCC"><o:p> </o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif"">NOTE: The content on your web pages, is a snapshot of the live site from about a month ago, so any edits you have made in the last month are not reflected in
the test environment. Once the template is applied and is live, the webpages will have the correct information.
<o:p></o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif";color:#453CCC"><o:p> </o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif"">HINT: If you are suddenly looking at a page that looks like the current design, DON’T PANIC! You probably clicked on a link that is hard coded and not managed
by the CMS. If you want to test the page, just change </span><a href="http://www.tamuc.edu/example"><span style="font-family:"Helvetica","sans-serif";color:#386EFF">http://www.tamuc.edu/example</span></a><span style="font-family:"Helvetica","sans-serif""> to </span><a href="http://www.tamuc.edu/Dev/example"><span style="font-family:"Helvetica","sans-serif";color:#386EFF">http://www.tamuc.edu/Dev/example</span></a><span style="font-family:"Helvetica","sans-serif"">
by adding Dev/ after </span><a href="http://www.tamuc.edu/"><span style="font-family:"Helvetica","sans-serif";color:#386EFF">http://www.tamuc.edu/</span></a><span style="font-family:"Helvetica","sans-serif"">.<o:p></o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif""><o:p> </o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif""><img border="0" width="597" height="286" id="Picture_x0020_1" src="cid:image002.jpg@01D11711.FF4E00C0"></span><span style="font-family:"Helvetica","sans-serif""><o:p></o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif";color:#453CCC"><o:p> </o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif"">3. For each page, please check that:<o:p></o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif""> • Everything is still visible and on the page<o:p></o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif""> • Links are going to the correct places<o:p></o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif""> • Make sure no content is missing or cut off<o:p></o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif""> • Photos you have explicitly chosen are visible (default images will not be visible)<o:p></o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif""> • Elements are aligned with no unexpected spacing<o:p></o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif""> • Any forms or applications are working correctly<o:p></o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif""> • Such as image sliders<o:p></o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif""> • Drop downs<o:p></o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif""> • Accordions style content displays<o:p></o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif";color:#453CCC"><o:p> </o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif"">4. If you find an issue to report, please email
</span><a href="mailto:WebPageFeedback@tamuc.edu"><span style="font-size:11.5pt">WebPageFeedback@tamuc.edu</span></a>
<span style="font-family:"Helvetica","sans-serif"">and include:<o:p></o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif""> • A screenshot of the page<o:p></o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif""> • The URL of the page where the issue is visible<o:p></o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif""> • A description of the issue on that page which is not performing as expected<o:p></o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif""><o:p> </o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif";color:#453CCC"><o:p> </o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif"">Here is an example report email to use as a template:<o:p></o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif""><o:p> </o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><i><span style="font-family:"Helvetica","sans-serif"">URL of the page where the issue is visible: <o:p></o:p></span></i></p>
<p class="MsoNormal" style="text-autospace:none"><i><a href="http://www.tamuc.edu/Dev/example"><span style="font-family:"Helvetica","sans-serif";color:#386EFF">http://www.tamuc.edu/Dev/example</span></a></i><i><span style="font-family:"Helvetica","sans-serif""><o:p></o:p></span></i></p>
<p class="MsoNormal" style="text-autospace:none"><i><span style="font-family:"Helvetica","sans-serif""><o:p> </o:p></span></i></p>
<p class="MsoNormal" style="text-autospace:none"><i><span style="font-family:"Helvetica","sans-serif"">Issue:<o:p></o:p></span></i></p>
<p class="MsoNormal" style="text-autospace:none"><i><span style="font-family:"Helvetica","sans-serif"">The table that I created on this page does not fit in the space anymore. It used to fill the space but now it is cut off when I view it on my iPhone 5s running
OS8.<o:p></o:p></span></i></p>
<p class="MsoNormal" style="text-autospace:none"><span style="font-family:"Helvetica","sans-serif""><o:p> </o:p></span></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"><span style="font-family:"Helvetica","sans-serif"">Thanks for your assistance as we move forward with optimizing our website.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Helvetica","sans-serif"">CITE Team<o:p></o:p></span></p>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
</body>
</html>