UT TYLER NEW TEMPLATE

prudencecoatInternet και Εφαρμογές Web

18 Νοε 2013 (πριν από 3 χρόνια και 8 μήνες)

67 εμφανίσεις

New UT Tyler Template

UT TYLER NEW TEMPLATE

OU CAMPUS

WEB TRAINING

BRANDING

UT TYLER LOGO


The UT Tyler Logo is the university’s public brand.


The only sanctioned logotype is the UT Tyler logo.


UT Tyler Brand Identity Guidelines must be followed at all times.


UT Tyler logo may only appear in orange and white, Pantone color 159.


Logos may not be altered in any way
.


No other logo can be developed to distinguish a unit.




Logo usage is to be requested by the Office of Marketing
and Communications: web@uttyler.edu


UNIVERSITY NAME

University Name


The correct use for the name of the institution in all printed and web materials is:


The
University of Texas at Tyler

(correct)



never
:
The
University of Texas
-
Tyler (incorrect)


never
:
The
University of Texas in Tyler (incorrect)


never
:
The
University of Texas, Tyler (incorrect)


The
letter
t

is
always capitalized

in the word
The
, not

the University of Texas at Tyler.


The full name is used in first reference. Subsequent references may be abbreviated
using:


UT
Tyler

(correct)




never:
UTT
(incorrect)



never:
UT
at Tyler (incorrect)



never:
UT
-
Tyler
(incorrect)



never:
UT
(incorrect)


ALSO: “university” should not be capitalized when referring to “the university” such as:
The university will be open on Saturday.



OU CAMPUS


Staging
Server
-

Where
users
update content before published to UT Tyler server. Copy of PHP files are kept
on staging server.



Production Server
-

Where UT Tyler website is housed.

Images, and
files such as PDF’s
are housed.



SUPPORT SITE


WEB PUBLISHING STANDARDS



The purpose of Web Policies & Standards is to assist Web site creators in
professionally and consistently representing UT Tyler on the Web.



Each is to comply with all elements of the UT Tyler Web Policies & Standards.



It is the responsibility of each department to become familiar with and follow the
Web Publishing standards.



Failing to comply with the UT Tyler Web Policies & Standards could result in
department files removed from the UT Tyler webserver.





TEMPLATE: THREE COLUMN

TEMPLATE: TWO COLUMN

TEMPLATE: ONE COLUMN

LOGGING IN


Navigate to the page you wish to update

LOGGING IN


Scroll to the bottom of the page


C
lick on the copyright symbol

LOGGING IN


Log in with your USER ID and PASSWORD you use Every Day on your computer


Also pay attention to any updates to the right of the log
-
in screen

LOGGING IN


Select the GREEN button to make your updates


REMEMBER: Left
-
side menu bar updates are sent to web@uttyler.edu

EDITING PAGES


Make any edits needed in the text area.


Use the tool bar to add links, images, check spelling, etc.


Do not remove the Headers (Top orange and blue headers)

EDITING PAGES







Correct


When editing content, do not let extra
space take over your page.



Keep content left
-
aligned.


Avoid erroneous bold tags and
capitalization.



Incorrect

TOOLBAR


The tool bar is basically the same as on the previous server.

ADDING LINKS



Highlight the content you wish to add the link.


Select Insert/Edit link.

BULLETED LISTS


Use lists to organize pages for easy scanning and reading.

Do not organize bullets without using the bullet list tabs.

CORRECT:

INCORRECT:

BULLETED NUMBERED LISTS


Use numbered lists to organize with numbers.

Do not organize with numbers not using numbered lists.

CORRECT:

INCORRECT:

TOOLBAR


Adding Bulleted Lists

Correct

Incorrect

If your bulleted list has too much space,

You need to go back and edit.

ADDING LINKS



Select “browse”


Select Insert/Edit link.

TOOLBAR


T
oggle Spellcheck On and Off to Check Spelling


ADDING LINKS



Select “insert”


Your link is added!

ADDING EMAIL LINKS



Highlight your email link.


Select “create or modify Mailto Link”


Add in your email link, select “insert/update”

NAVIGATION



The navigation is set up to work throughout
your site.


The drop
-
down menu allows the user to
navigate to anywhere within your site from
any page.


The UT Tyler Web Team coordinates and
updates the navigation

section for your
department.


To update left
-
side
nav
, email
web@uttyler.edu.

UPDATING/ADDING PDF’S

Adding a PDF:

Insert link, browse, upload

UPDATING/ADDING PDF’S

Updating a PDF:

Insert link, browse, upload

UPDATING/ADDING PDF’S

To REPLACE a current PDF:

ALWAYS replace PDF. Never add the same PDF with a new file
name.This

causes duplicate PDFs
to show up in the search engine and can cause users to find the incorrect information.

UPDATING PDF’S

UT Tyler Web Standards


PDFs
now have generic file
names and are to be replaced.


IMPORTANT: When uploading and updating PDFs to your website,
ALWAYS re
-
name
PDFs
to the SAME file name given to your PDF files
.


Do not leave old documents on the web server and upload a new file with a different file
name.


Old PDF files are left in search engines


students find the WRONG information when PDFs
are not replaced.


Links across the web linking to your PD’s BREAK when you change your file name.


Old PDF files take up extra storage space on the server.


EXAMPLE:


Correct:
committee.pdf

incorrect:
committee revised 2012.pdf


File names should not have spaces in the name.


Delete
ALL unused files from the web server
.


HELPFUL HINT
: Rename WORD documents to PDF documents and correct any links. This
will help all documents show up on all systems.



PUBLISHING PAGES

SEND FOR APPROVAL

New users in OU Campus along with student workers/student assistants will use the “send for approval”
button to publish pages.


After you select “send for approval”, write a brief message about the changes made.

PUBLISHING PAGES

PUBLISH


To publish a page to your website, select the
“publish” button.


Use the Final Check options to run Spell Check and
Link Check, then “publish”.


Use the “View in new Window” or “View in this
Window” link to
doublecheck

your page.

SEND FOR REVIEW


Select
“Send
to
User”.


Find the user you wish to send the page
to.


Write a subject and message for the
user.


Select
"external
email“, send.


This option is good for having a member of the
web team review your content, or sending
content to a member of your department for
review.

USABILITY/ACCESSIBILITY

Correct Way to Add Links to a Page


For usability and accessibility purposes, links should be

Incorrect

C
orrect

STYLE

USABILITY/ACCESSIBILITY




Correct:

Incorrect:

Avoid:


E
rroneous bold


Underlined text not a hyperlink


Centered text, colored text


“click
-
here” type links


Overuse of exclamation.



Use:


Call
-
to
-
action links


IMAGES

TOP IMAGE ROTATOR

OR

SIDE IMAGE ROTATOR


Rotating Images will be set up for
your department.


The UT Tyler Web Team will work
with you to coordinate the images.


You may send images to the Web
Team to add to the rotator at any
time.


If you wish to have images deleted
from the rotator, email
web@uttyler.edu.

IMAGES

IMAGE SLIDER


Slider rotators can be set up for
your department front page.


The UT Tyler Web Team will work
with you to coordinate the images
and the text.


You may send images to the Web
Team to add to the slider at any
time.


We can set you up to edit the
slider.

IMAGES

UPLOADING IMAGES

YOUR IMAGE DIRECTORY


You are set up with an
image directory to upload
images for your site.


This will allow you to
upload pictures for your
own use.


You will be taken directly
into your folder: sites/new
-
site/images/users/your
-
directory


This is where you store
your images.


You
upload more
images or
create more folders from
here.

IMAGES

VIDEO



If you have video to place
on your site, the Web Team
can add this section to your
site.


The Web Team will work
with you to update your
video as needed. Email
web@uttyler.edu

CALENDAR

CALENDAR PORTAL

CALENDAR PORTAL

JOB POSTINGS

JOB POSTINGS

WRITING FOR THE WEB


The Number 1 mistake made on a website according to “webpagesthatsuck.com” is
designers are designing sites for themselves, not the reader.



Nobody cares about
all the content you can place on your site.



Our readers want/need information.


Future Students. Current Students. Parents.



They
want/need to be part of a community.


Alumni. Community Members. Parents.


A website is about solving a visitors problem.

When adding content, think about this

What problem am I solving with the information I am adding to this page?


OU CAMPUS


Proofread and Test BEFORE you publish


Use “Final Publish” in OU before publishing your site to


Check Links


Check Spelling


Check 508 Accessibility



Shorten and Strengthen Sentences



Identify your Audience



Make your Site Accessible to Everyone



It is the responsibility of OU Campus users to make sure all links are
accurate.

OU CAMPUS

CREATING A NEW PAGE


Complete all boxes,
following guidelines on
right side.



Don’t miss any steps.



You can use the
“content” section to fill
out the body of your
page.



Select “Create” to go to
the “WYSIWYG” editor
to make any changes
needed.



Pay attention to the instructions

on the right.


Do not miss ANY boxes!


Pay
special attention to the Default

Page Title.

Each box is important for Search

Engine placement.



Name the page with small letters

NO spaces. You may uses dashes.



Example:: academic
-
programs.php

CREATING A NEW PAGE

After you select “create”, you may edit your page further.

ADD
-
ONS

ASSETS

FOR ASSISTANCE


COMING SOON
OU

V.10

Some of the awesome features:


Dashboard with “inbox”, “Current checked
-
out pages”, “recent activity”.


More space on the desktop.


Easy to access drop
-
downs


Easily editable images


Drag and drop files


Gadgets













DISCUSSION

Thank you and I look forward to working with you on your new site.

Robin Kelly

rkelly@uttyler.edu

web@uttyler.edu

#5061