MSU-Northern ITS: Web Publishing Resources

MSU-Northern Home > ITS Home > Information About > Web Publishing > Web Publishing Resources

Quick Links Help Desk - 3765 ITS Home IT Security Services Information About... Site Index In this section... Information About... Network Drives E-Mail Web Publishing Style Guide Recommendations & Tips Resources Northern Graphics Color Chart Bandwidth/File Sharing 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: 18-Jun-2009
	Information Technology Services: Web Publishing Resources Web Publishing Resources MSU-Northern Northern Colors & Graphics Web-safe Colors 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 Code Reference 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;