Web Page Help
Web Page Help
Bowdoin Content & Text Styles
This is old copy and needs updating to reflect reality in the CMS
You probably came to this section because you want your web page to look better. More importantly, you want information to be easy to find.
First consider how you can better organize the content on your page and then think about additional styling that might be helpful.
| Organizing Content | Styling Text |
|---|---|
Headers
More than just a larger font. Headers should be used to define your page's organizational structure. Well-written and descriptive headers will inform visitors about the content on your page and help them to navigate it. Effective header tags will even increase your site ranking on some search engines.
<h1> On the Bowdoin website, <h1> tags are used exclusively for the heading at the top of the page (i.e. Information Technology at the top of this page).
<h2> On the Bowdoin website, <h2> tags are used to describe the content of the page itself (i.e. Organizing Content & Styling Text at the top of this page).
<h3>, <h4>, and <h5> can be used to organize information on your page in decreasing levels of importance.
Header 3
Header 4
Header 5
Definition List
A definition list is a list of terms and explanation of the terms (example). On the Bowdoin website, it is often used for contact information.
- Mailing address
- Music Dept
- 9200 College Station
- Bowdoin College
- Brunswick, ME 04-11
Unordered List
My three favorite animals:
- Dogs
- Elephants
- Tigers
Ordered List
Three Largest Countries in Descending Order:
- Russia
- Canada
- United States
Fonts
Font type: Font type cannot be changed on Bowdoin web pages (i.e. changed to Times New Roman, Comic Sans, etc.) The font on all Bowdoin web pages is defaulted to Verdana to provide consistency and readability throughout the site.
Font size: The size of the font is set in the browser according to a user's preference. For example, in Netscape on Windows, go to View >> Text Zoom and choose the relative size of the text you'd like the page to display in. At 100%, the default font size is 12 pixels.
Small font: It is possible to make a section of text smaller relative to the default text size. Here is an example of smaller text.
Bold and Italicized Text
Use bold and italicized text for emphasis. Italicized text is sometimes difficult to read on computer screens so use it judiciously.
Aligning Text
By default, text on the Bowdoin site is left-aligned. Follow the instructions below to center or right-align text.
Centered text.
Right-aligned text.
Highlighting text
You can use the Styles menu in the CMS to highlight text. Simply select the text you wish to highlight and choose "yellow-highlight" or "red-highlight" from the Styles menu.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur semper sapien a diam.
Coloring text
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur semper sapien a diam.