Page 1: Print
Standards | Page 2: Web Standards
CONCORDIA WEB STANDARDS
Contact: Amy Aasen, Director of Web Services -
aasen@cord.edu;
299-3147
Consistency
Web development professionals concur emphatically that consistency
across a site is critical. Consistency gives the impression
of organization and a clear sense of purpose, which reflects
well on an institution.
In turn, the following Web standards have been developed for
all pages that represent Concordia College. It is required
that the top three levels of pages hosted on any of the college's
servers comply with the minimum design standards as stated
below. A variety of templates is available at
http://www.cord.edu/templates/.
By using one of the templates, your site will automatically
meet all of the minimum standards.
Additional recommended guidelines and general Web development
tips will be addressed in a more comprehensive guide. Please
contact Web Services at 299-3939 or e-mail
webmaster@cord.edu
with any questions about the information included here - or
about Web development, in general.
PURPOSE
The purpose of the Web design standards guide is to:
- Reinforce the Concordia College brand identity
- Provide continuity in Web site appearance
- Protect and regulate the use of Concordia College logos,
photos and other graphic images
- Faithfully represent Concordia College
College Logo/Graphics/Photos
Use of the college logo is optional. If it is used, it must
be in either maroon or black -
and must not be altered from its original form in any way.
A variety of sizes are
available at
http://www.cord.edu/images/.
To save server space, please use the url provided with each
image instead of copying individual images into your Web directory.
Another optional graphic is the Cobber "C" - which was created
for use by the athletic
department, but can be used elsewhere, if deemed appropriate.
For details on
acceptable use of the Cobber "C," contact the
Office of Communications and
Marketing.
Special note: The college seal is not the Concordia
logo. It is the college's policy that the seal not be
used on the Web site, unless explicit permission is granted
by the Office of Communications and Marketing.
A variety of photos is available in libraries linked from
the Web Services home page at
http://www.cord.edu/templates/.
Please note: The graphics and photographs created
by Web Services are saved at 72 dpi (low-resolution) and are
not suitable for printed documents. If you need an image for
a printed publication, please do not copy one from the Web,
but rather contact the Office of Communications and Marketing
(299-3147) for a high-resolution file.
Minimum Design Standards
Concordia color scheme
Key colors should be either maroon (Web palette #660033) or
black (Web palette #000000). Background color should be white.
Complementary color(s) should be linen (Web palette #d5c8af),
sandstone (Web palette #faebcd) or smoke-grey (Web palette
#cccccc). For more information and samples, go to:
http://www.cord.edu/images/color/
The college banner OR the words “Concordia College,
Moorhead Minnesota.”
The college banner should be placed at the top of all pages.
The banner is available as an html table or a server-side
include. The html code for the header table can be found at
http://www.cord.edu/images/header/
The server-side include requires that the following html statement
be placed in the appropriate place on your pages: <!--#include
virtual=”/images/includes/header.html”-->.
If you choose not to use the provided banner, every page in
your site must prominently display the words “Concordia
College Moorhead Minnesota.”
Please note: When referring to the college on Web
pages, please be certain to always include “Moorhead
Minnesota” to avoid confusion with numerous other institutions
of the same name.
Footer
The footer of every page should include the following:
1. Copyright Statement: © 1996-2003 (or current year)
Concordia College, 901 8th St S, Moorhead, Minnesota 56562.
2. Department name and contact number/e-mail address.
3. Links to the campus Web feedback form at http://www.cord.edu/about/feedback.html
and the college Privacy Policy at http://www.cord.edu/about/privacy.html.
4. A “Date Published” stamp is optional. A server-side
include for an automated stamp is available. Add the following
code to the appropriate place on your page or contact Web
Services for assistance.
<!--#include virtual=”/images/includes/mod_date.html”-->
Special note: A generic server-side include of the
footer is available. Use the following include statement to
add the footer to your page:
<!--#include virtual=”/images/includes/footer.html”-->
Navigation/Link Menus
A standard navigation menu is available as an html table (go
to
http://www.cord.edu/images/leftnav/)
or a server-side include (paste the following in the appropriate
place on your pages: <!--#include
virtual=”/images/includes/leftnav.html”-->).
If you are linking to an external Web site (i.e., pages NOT
hosted on a Concordia server), it is recommended that the
link open in a new browser window. (Target=_new)
