Skip Navigation Links
Raymond J. Kimball
Link to TechLEAP Program Home Page Link to Computer Science and Computer Applications Department Internship Program
Link to R.J. Kimball List of Courses Taught

Shining Star
Link to Prof. Kimball's Copyright Resources Site
Professional Web Design
Link to Information Technology Institue - College Web Site Designed by RJ Kimball
Raymond J. Kimball Biography

DreamWeaver II Home
Example Files
Common Graphics
Tables
Styling with CSS
Creating External CSS

CSS Sample
Templates
Survey Form
Courses Home

Site Definition & Management

  • Cascading style sheets
    Creating new external style sheet
  • Select window ~ CSS styles
  • Click New CSS Style button on CSS style panel
  • In the New CSS Style dialog, choose Tag to redefine the look of a
    specific tag
  • Click OK
  • Save your style sheet (it's good practice to keep a folder entitled
    css in your root folder)
  • In the next dialog box, define the parameters for how you would
    like the tag to look (e.g., for body -perhaps arial, lOpt)
  • Continue to add new styles to redefine as many tags as desired
  • Creating a custom class:
    • Click New CSS Style button on CSS style panel
    • Choose Class (can apply to any tag)
    • Choose category
    • Add specifications desire
  • Applying styles
    • Position cursor in area where text is to be formatted
    • Use paragraph drop-down box to format <hl >, <h2>, etc
    • Use styles drop-down box to apply custom styles

    Apply Existing Style Sheet to New Page Using Design Panel>CSS Styles Tab

    • Open Design Panel>CSS Styles Tab
    • Select first button (bottom left) - "Attach Style Sheet"
    • Dialog Box Opens
    • Browse to file; select .css file
    • Hit "OK."
    • CSS Style sheet is linked to the document with a tag located in the <head></head> of the document
      • <link href="dw1.css" rel="stylesheet" type="text/css" />

  • Apply Styles Using Design Panel>CSS Styles Tab

    • Click on Design Panel]
    • Select CSS Styles Tab
    • Select text to which style will be applied
    • Click on the Custom Style in the CSS Styles Panel

    Adding A New Style Using Design>CSS Styles Panel

    • Open CSS Styles Tab in Design Panel
    • Click "+" button - lower right = "Add New Style"
    • Select tag or .custom style. ]
    • Define styles in CSS Dialog boxes
    • Hit "Apply"
    • Hit "OK"

    Editing A Style Using Design Panel > CSS Styles Tab

    • Select Design Panel>CSS Styles Tab
    • Select "Edit Styles" button (lower right)
    • Or, double-click the style to be edited in the CSS Styles Window
    • Edit the changes using the Styles Dialog boxes
    • Hit "Apply"
    • Hit "OK"
Contact Information
Prof. Raymond J. Kimball
Information Technology Institute
Gaithersburg Business Training Center
12 South Summit Ave.
Gaithersburg, MD 20877
240-567-3825
Raymond.Kimball@montgomerycollege.edu
© Raymond J. Kimball 2000 - 2005. All rights reserved