Design Elements

Cascading Style Sheet >>
Graphic Elements >>
Fonts >>
Colors >>

Cascading Style Sheet

A cascading style sheet (.css) has been included with the web template files. The .css will help manage a consistent appearance of elements on your web pages such as navigation, links, fonts and colors.

View the University at Albany cascading style sheet documentation >>

To apply a class style in Dreamweaver, do one of the following:

• In the CSS Styles panel (Window > CSS Styles), select Apply Styles, then in the CSS Styles list, click the name of the style you want to apply.
  

  

• In the text Property inspector, click the Toggle CSS/html Mode button, if necessary, to switch to CSS Mode, then in the CSS Style pop-up menu, select the class style you want to apply.
  

  

• In the Document window, right-click (Windows) or Control-click (Macintosh) the selected text, and in the context menu, choose CSS Styles, and then select the style you want to apply.
  

  

• Select Text > CSS Styles, and in the submenu, select the style you want to apply.
  

  

To apply a class style in FrontPage:

• Select the text or paragraph that you want to apply a style to.
• On the Formatting toolbar, in the Style box , click the built-in or user-defined character or paragraph style you want.

Notes

• Character styles are shown in the Style box by a small, underlined letter "a" in front of the style name. Use character styles when you select part, but not all, of a paragraph.
• Only one built-in character style is installed with Microsoft FrontPage (shown in the Style box as Default Character Style and preceded by a small, underlined letter "a"). The Default Character Style removes formatting applied by user-defined character styles. Paragraph styles are identified by a paragraph symbol (for built-in styles) or the absence of a character or symbol (for user-defined styles) in front of the style name.

Graphic Elements

Graphic Elements such as photo images, identifiers and icons may be created to customize and enhance your web page. Photos should be optimized for the web and have a white, 2 pixel border (apply the .wborderfull2px style from the .css). Be sure to include an alt tag on all images.

Examples:

Please visit the UAlbany Image Archive to obtain photos for your website

Fonts

UAlbany uses the following fonts in the web templates:

Verdana - Left Navigation and Body text (Main and secondary content areas)
Times New Roman – Page title / Site Identifier

Colors

Text colors – Text colors utilized on your web pages should be one of the four choices listed in the style sheet:

Text – Black        Text - Dark Yellow Ochre        Text - Dark Red        Text – Dark Blue

Graphics colors – A color palette has been developed and may be viewed on the style sheet documentation. In addition, a PhotoShop color palette file, UAlbanyWebTemplate.aco, has been developed and is included in the web template "dev" directory. It can be installed by first saving it to the C:\Program Files\Adobe\Photoshop x.x\Presets\Color Swatches directory and then loading it in PhotoShop via the "swatches" toolbar. These colors may be used for accent color when creating graphic elements and images for icons.