Implementing a Website in Cascading Style Sheets (CSS)

Tuesday May 15, GTC West, Class P21

CA WebTools

The permanent online home of standards, templates, documentation and more is online at http://www.webtools.ca.gov

Open to All

The California standards are well-considered.

The templates are great and very adjustable.

Available for you to learn from, borrow from and use.

Right Column

Tab Panel Module

http://www.webtools.ca.gov/Downloads/Tab_Panel_Module/default.asp

Step-By-Step
  1. Download the files and unzip
  2. Copy the code in tabpanel.css to /css/ca_department.css.
  3. Copy images into images/ca_department folder.
    1. tabpanel_corners.gif
    2. tabpanel_tabs.gif
    3. tabpanel_photo.jpg
  4. Copy the code in tabpanel.js to /javascript/department.js.
  5. Copy the code in tabpanel.html to your html file (where you want it to show up)
  6. Customize it with your headings, links, and images
Completed Tab Panel Module