|
Applying Cascading
Stylesheets
Cascading stylesheets are used
throughout the Ferris Web site. You can
apply the font formats by using
Cascading stylesheets. Notice the menu
located on the bottom. The colors
are linked to the stylesheets.
One could easily change their whole site
by changing the colors in the stylesheet
file. Only one file would have to be
maintained and the effects would be applied
throughout the Web site.
The best way to apply the stylesheets
to your Web site is to link the Ferris stylesheet.
Add the link that is in bold to the
header of your Web page.
Use the absolute link in your header tags to reference the stylesheet.
<HEAD>
<title>Title of your Web page goes here</title>
<LINK rel="STYLESHEET" type="text/css" href="http://www.ferris.edu/stylesheets/sitepage.css">
</HEAD>
Or, you can use the relative reference to link to the stylesheets.
<html>
<head>
<title>Title of your Web page goes here</title>
<link href="/stylesheets/ferris.css" rel="STYLESHEET" type="text/css">
</head>
To use the styles, specify class= for
links or paragraph.
To have the links on your bottom menu bar
resemble the color used on the Ferris theme, add this code to the
hyperlink class="sv". For instance, where you make the hyperlink, add class="the style goes here between the quotes". When you look at the source code, it will look like this. "http://www.ferris.edu" class="sv"
To add the style to the paragraph, use p class="small" between the angle bracketts. Did you notice how the font changed in this paragraph? View the source code and look at the paragraph setting for this paragraph.
- To add a hyperlink in FrontPage, click on
Hyperlink from toolbar.
- Add url
- Click on the word style
- In class field, enter the style
you want to add. For the top menu,
we used sv.
- To underline URLs, we used lu
- Try lu as your style
- Other classes you can use for
links are mm and lm.
|
