To apply a style, select your text, then click the Style from the style list. Below is a list of the styles and their descriptions.
Style |
Description |
Example |
.paragraphhead |
Font: Verdana, bold, white
Size: 12 pixels
Background: dark gray |
Heading
Text below the heading. Text below the heading |
.common_links |
Apply this style to a link to make it appear as a button. When pointed to, the background becomes light gray and the font becomes dark gray. |
Text above the links
link1 link2 link3
Text below the links |
.link_to_leadership_home_page |
This is applied to the leadership name at the top-right of all pages. When pointed to, the font and background colors change. Although it appears as ALL CAPS when typing, it will publish as Small Caps, so be sure to capitalize the main words. |
Leadership Name
Other page content |
H1 (Heading 1) |
Font: Times Roman
Color: Dark Gray
Size: 150%
Letter spacing: 5 px
Blank line below
Used at the top of every page. |
Heading
Text below the heading. Text below the heading. |
H2 (Heading 2) |
Font: Times Roman
Color: Gray
Size: 125% |
Heading
Text below the heading. Text below the heading. |
H3 (Heading 3)
(Headings 4-5 are the same as Heading 3) |
Color: Dark Red
Size: 100% |
Heading
Text below the heading. Text below the heading. |
.italics |
Font: Times Roman
Used for the contact name and phone number at the top of the Leadership home page |
Italics
You can also use the italics style within text. |
.border |
Places a thin, dark gray border around a paragraph. This affect can also be accomplished by creating a table. |
Border
You can also use the border style within text. |
.large_text |
Font: Verdana,
Size: 120%
Weight: bolder
Color: Gray |
Sample large text.
To use as a heading,
but no blank line below, hole Shift with the Enter Key |
.small_text |
Font size 85% |
Sample small text |
.smaller_text |
Font size: 80% |
Sample smaller text |
.run_in_head-small |
Font: Times Roman
Size: 100%
Weight: bolder
Color: Gray |
Sample run_in_head-small text.
To use as a heading,
but no blank line below, hole Shift with the Enter Key |
.run_in_head-medium |
Font: Times Roman
Size: 150%
Weight: bolder
Color: Gray |
Sample run_in_head-medium text.
To use as a medium,
but no blank line below, hole Shift with the Enter Key |
.run_in_head-large |
Font: Times Roman
Size: 200%
Weight: bolder
Color: Gray |
Sample run_in_head-large text.
To use as a large,
but no blank line below, hole Shift with the Enter Key |
| body (none) |
Font: Arial
Size: 90%
This is automatically applied to all the text on the page. |
This entire page has the body style applied to it. |
| Content |
background: white
This is automatically applied to all text in the main section of the page.
|
This entire table has the content style applied to it. |
Tips
- When the Enter key is pressed, a new paragraph is created. All paragraphs have blank lines between them,
- When the Shift + Enter keys are pressed, a line break is entered. This gives the appearance of two paragraphs with no blank line between.
Tables
A table can be created to layout information in columns and rows.
- Border = border thickness around the table
- Cell Spacing = space between the cells
- Cell Padding = margins within the cells
- Colums = Number of vertical columns in the table
- Rows = Number of horizontal rows in the table
Images
Images can be added from the Shared Assets folder, or from any other source available to you (your computer, camera...)
From Shared Assets
- Place your insertion point at the beginning of the paragraph that will be next to the image.
- Select Image-->Shared Assets
- Select the image
From My Computer
- Place your insertion point at the beginning of the paragraph that will be next to the image.
- Select Image-->From My Computer
- Browse to the image, and select it (use only .jpg or .gif images)
- After inserting the image on your page, and while the image is selected, click the Image Properties button.
- Image Properties will allow you to change your image size, alignment, and enter Alternate Text. Alternate text is what displays in the small box when a site visitor points to the image. It's useful because Site visitors with slow connections and don't display images will see the description. Also, Screen readers read alternate text--useful for blind site visitors.
From Website
Once a page containg an image that was entered using the "My Computer" option, the image is saved in your images folder, and it can be reused on any of your other pages.
- Place your insertion point at the beginning of the paragraph that will be next to the image.
- Select Image-->From Website
- Double click your folder name, the the images folder.
- Again, add Alternate Text and set the Alignment by selecting Properties.
Other Formatting
Bulleted Lists
- This will always appear single spaced.
- Press Enter after each item when typing
- Select the list
- Then click the Unordered List button.
Numbered Lists
- This will always appear single spaced.
- Press Enter after each item when typing
- Select the list
- Then click the Ordered List button.
Common Links
- To make the link look like a button, select the linked text , then select the Common Links style.
- Regular links look like this: Regular Link
- But links with the Common Links style look like this: Link 1 Link 2 Link 3
|