Skip to main content

Search this Site

DartPulse Alerts

Java Upgrade

Windows XP Alert

Chrome Printing Issues

 

DartPulse Outages

Overall System Status:

Upcoming Scheduled Outages

New to Dartmouth?

Resources for:

Information Security

Connect with Computing

facebook twitter Wordpress Blog
Home

Style Guidelines for Computing Services Website

Creating a New Folder (Directory) or Web Page

When setting up new folders or pages in OmniUpdate, please use the following styling.

New Folder (Use the New Section/Folder Template)

  • Folder name: All lowercase characters, typically one (or two hyphenated) word(s); must be unique within the parent directory.
  • Breadcrumb text: Use a short, descriptive name for your breadcrumb text (same or simplified version of the index.html title).
  • Section index page title: Give the index page of your new section a title; all initial caps on words with more than three letters, unless prepositions.
  • Keywords: Leave blank.
  • Description: Leave blank.

New Page (Use the New Page Template)

  • Page title: Give the page of your new section a title; all initial caps on words with more than three letters, unless prepositions.
  • Keywords: Leave blank.
  • Description: Leave blank.

Top of page

Editing a Web Page

Headings for Page Structure

Initial cap all words where appropriate.

  • Heading 1: Do not use Heading 1; it is the same size as the title of a page.
  • Heading 2: Use for major sections (the default heading to use).
  • Heading 3: Use for major subsections.
  • Heading 4: Use for minor subsections (also used for “See more information" or "See also").

Text

  • Paragraph: Use for styling most content on a page.
  • Italic: Use for administrative titles or emphasis in text.
  • Bold: Use for emphasis in text.
  • See Also or For More Information: Use Heading 4, followed by a bulleted list of items. For example:

    For more information:

    • See Help for Students
  • B4 Callout Column: Use only on major index.html pages for navigation or special exceptions. Common headings include "Contact Us About," "Hours," "Office Location," or "More Information."
    • Use Heading 3: Use heading 3 for each section (not heading 2, as is done to structure web pages).
    • Paragraph: Use for styling most content in this column.
    • Bulleted lists: Works well in the B4 callout column.
  • Styling to Reference an Attachment: When linking to a document (.doc, .docx, .xls, .ppt), always include a reference to the type of document being downloaded. For example:
    Download Security Information Plan (PDF document)

Heading Styles

Assign headings based on the page structure set up for the new Computing website. For instance, pages on the Computing website always begin with heading 2 in the main text area, then heading 3, etc. Never use heading 1.

All headings are predefined and should never have additional styling applied to them. Use initial caps on words with more than three letters, unless prepositions.

Bulleted vs. Numbered Lists

  • Use numbered lists only when the number or ranking of the items is significant. If there is no rationale for numbering list items, use bulleted lists.
  • Add space between groups of items when there are six or more between groups of three.
  • List items should be syntactically alike: All noun forms, all phrases, all full sentences, etc.
  • If list items are complete sentences, they should begin with a capital letter and have closing punctuation.
  • If list items are not complete sentences, no punctuation is necessary, but styling should be consistent among items.

Links

When referring to web pages in running text, set them in title case if the reference cites the exact title of the page.

  • The Student Activities web page has more fall events.
  • There are more fall events on the activities page.
  • For more information, see Accounts and Passwords.

When citing a URL or e-mail address in running text, do not use angle brackets(< >), as these are used elsewhere as typesetting codes. The use of http:// at the beginning of a URL is not necessary if the address uses www; otherwise, use the full URL form:

  • www.dartmouth.edu
  • http://directory.dartmouth.edu

Spell out link information whenever possible:

E-mail Addresses

When referring to an e-mail address; do not include spaces.

Inserting Anchor Tags

When Computing Services created their new website, they made the decision to create longer pages and use anchor tags to move up and down the page.

To find out how to insert anchor tags, please see OmniUpdate's video on inserting anchors: http://support.omniupdate.com/documentation/ox/10/interface/content/pages/editors/wysiwyg/play/insertinganchors.

Common Terms

  • BlitzMail (noun), Blitz (verb)
  • disks
  • e-mail (always hyphenated)
  • intranet
  • Internet
  • KeyServer
  • log in (verb), login (noun)
  • online
  • podcast
  • PUBLIC file server
  • webcast
  • webmaster
  • website
  • web calendar
  • web page
  • web browser
  • World Wide Web, WWW
  • Dartmouth College
  • Dartmouth Computing Services (not Peter Kiewit Computing Services)
  • Macintosh (not Mac)
  • videoconference (one word)

Please note: Any references to Webster should be changed to www.dartmouth.edu.

Numbers

General Usage

In text, spell out numbers one through nine only.

  • There are seven ways to do this.
  • She has 47 students in her class.
  • There are a million reasons to disagree.

When two or more numbers apply to the same category in a paragraph or a series, do not use numbers for some and text for others. Instead, use all numbers:

  • There are 20 sections to Dante’s work, 15 are set in the first sequence, and 5 in the latter.

Express all percentages as figures; do not use % unless in tabular form.

  • 4 percent; 140 percent

For very large numbers, use a combination of an initial number, followed by the denomination.

  • $1.8 million; 15 million people
  • Dartmouth received a $10 million gift.

Telephone numbers include the area code in parentheses.

  • (603) 646-1110

The time of day is designated by using a colon and zeros for whole hours when space allows. Shorten to the whole hour when space is limited.

  • Standard: 9:00 a.m., 6:00 p.m.
  • Short: 7 p.m., 6 a.m.
  • Noon, midnight (not 12 p.m. or 12 a.m.)

Dates

Months and Years

Use cardinal, not ordinal numbers, unless the date is used in a subsequent reference without a month. Always spell out days of the weeks and months of the year, and use a comma before and after a year in a full month, but not with just the year.

  • March 5 (not March 5th)
  • On the 5th, we will rewrite this article.
  • March 7, 2005, was a special day.
  • March 2005 was colder than usual.
  • Monday, January 18, 2010.

Decades

  • Formal usage is 1970s, 1980s, 1990s.
  • Informal is ’70s, ’80s, ’90s. Note the use of an apostrophe, as opposed to a left-hand single quote. Only spell out the decade when referring to a specific age or group.

Comma

Use a comma before the words and and or in a series.

  • The flag’s colors are red, white, and blue. She had waffles, juice, and toast and jam for brunch.

Top of page

Other Stylistic Considerations

Voice

Because this site reflects all of Information Technology at Dartmouth, not just Computing Services, avoid using “we” or “our” when referring to Computing Services. Refer to the department by name as much as possible.

Also, use “you” to refer to the reader. Only use “I” in FAQs.

Images, Downloads, and Media Files

  • All images are uploaded to the top-level /images/ folder.
  • All public documents are uploaded to the top-level /docs/ folder. Note: Documents that require authentication go into the top-level /docs-protected/ folder.

For information on best practices

For information on OmniUpdate support and web page editing

Top of page

Last Updated: 2/23/10