MSU-Northern  
 
 Quick Links 
Help Desk - 3765 
ITS Home  IT Security  Services 
Information About... 
Site Index 
 Help Desk
MSU-Northern students, faculty and staff - Use the ITS Help Desk as the first point of contact for your technology problems, questions & services!

Information Technology Services Help Desk
Walk-in Support:
   Cowan Hall 117B Telephone Support:
    265-3765
E-Mail Support:
    itstech

Last Updated: 29-Oct-2013
Information Technology Services
Information Technology Services: Web Publishing Resources

Web Publishing Resources

MSU-Northern

Outside Resources (links open in a new window)

Sun Microsystems Writing for the Web
WebStyle Guide

Dreamweaver Support Center

Tools
Screen size @ AnyBrowser.com
This tool shows you how your web page looks like on various screen sizes.
Browsershots
Provide a URL and it will take real screenshots in different browsers of that page.
Web Page Analyzer
A free online tool. It will tally the weight of your markup, images, CSS and JavaScript, then offer advice on how to improve download and display time.

Accessibility
Lynx Viewer
This service allows you to see what your pages will look like when viewed with Lynx, a text-mode Web browser.
Section 508
Government regulations regarding electronic and information technology being accessible to people with disabilities.
Vischeck
Shows you how things look like to someone who is color blind
Effective Color Contrast & Making Text Legible
Designing for People with Partial Sight and Color Deficiencies
Color Charts at Web Monkey
Evaluating Web Sites for Accessibility @W3C
A multi-page resource suite that outlines different approaches for evaluating Web sites for accessibility.
Usable Web
Links about web usability

Color Tools
Color Palette Creator
A tool that allows you to input one base color and see a range of tints and shades.
Color Toy
A Flash based color scheme generator and picker. It generates complementary color schemes based on your inputted color values or random schemes.
Color Scheme Generator
Pick any color and see monochrome, contrast, triad, tetrad and analogic color palettes.
EasyRGB Color Harmonies
A complex color-picking aid that can help you find complementary colors. You need RGB color numbers (not Hex) to use this tool.
Color Schemer
Color Wizard

HTML
Virginia Commonwealth University's HTML Basics
HTML Goodies
World Wide Web Consortium (W3C) HyperText Markup Language (HTML)
HTML Code Tutorial
Special HTML Characters at Web Monkey

Validators
W3C MarkUp Validation Service
Validome (html validator)
W3C CSS Validation Service
W3C Link Checker

Cascading Style Sheets (CSS)
Frequently Asked Questions
W3Schools CSS Tutorial

Top of page

Return to Web Publishing

 
Using Plug-ins?
If you use files requiring a plug-in, be sure to have a link to the plug-in required to access the files. For example include a link to download Adobe Acrobat reader on your web page if you're using PDF files.
Color
When you're adding a color to your Web page with HTML, sometimes you can just type in the name of the color. But more often than not, you'll need to use what's called the hex code, which is something that the browser will be able to understand. Hex codes for Northern's maroon is #660033, and gold is #FF9900.
Web Page Fonts
Forget about using fonts the way you do when you're creating a document you're going to print. That's not how typography works on Web pages using HTML. A Web page gets its fonts from the user's hard drive. The fonts on your hard drive are not the same as the fonts on any other person's hard drive!

A common mistake made by beginners: They specify fonts in the Web page; on their computer they look great; then they see the Web page on another person's computer and it looks terrible. Why? That other person does not have the fonts they specified.

The most useful fonts that ship with Windows & Mac operating systems:
  Times New Roman
  Georgia
  Verdana
  Arial

You should specify a font family in your code that includes the generic classification in case they other fonts aren't present on the users system. The user's system will use the first font in the list -- if it's present. If not, the second font will be used, etc. If none of the named fonts are present, the generic will be used.

HTML Example:
 font face="Verdana, Arial,
 Helvetica, sans-serif"

CSS Example:
 font-family: Georgia, "Times
 New Roman", Times, serif;
Montana State University-Northern · P.O. Box 7751 · Havre, MT 59501 · 800.662.6132
Copyright © · Disclaimer · AA/EEO Statement · Online Privacy Statement
Since 1929