Office of Information Technology - Webhosting

The Style Button

Webspinner actually uses what is called "server-side includes" to support this feature. What you do essentially is create the webpage style you want to use on your pages and copy the code for the header and the footer into the two spaces provided and name the style appropriately when you save it. You can have as many styles as you like, and your styles will only show (in the style window) in the directory in which you created it and all directories below (recursive) to that directory. For example, in my directory www.inform.umd.edu/Colleges, create a style template called "courses" and one called "faculty". Those style templates will be available to any webspinner user in a directory subordinate to www.inform.umd.edu/Colleges.

The benefit of using the style template to create your pages is that if a link changes on your basic menu, (which may appear on all of your pages), all you have to do is to edit it in the style menu, one place, and it will change it where ever you used the style template to create your pages.

Steps to use Style

Create your webpage with the look you want to use on your site. (note, generally most sites have a homepage look and secondary page looks. What you want to do is to create the style template for all your pages, so if your homepage is different than the rest of your pages, do this for your secondary page template).
Save your page.
View your page in your browser. Select View from the browser options.
Select Page Source.
Open WebSpinner and navigate to the directory where the style will be used.
Select the Style Button from the menu.
Select Create New.
Name the Style appropriate to describe the style. You do not need to name it .html, just use a single word to describe the style, (i.e. "faculty", "staff", "courses", "arhu", etc.)
Copy the code from the HTML tag through the Body tag for the top section/header section.
Copy the code from the bottom of the page for the footer information you want displayed on every page.
Put this code in the header for the title tag.

<TITLE><!--#echo var="doctitle" --></TITLE>

Put this code where you want the page title to appear.
```

```
You can also use any html code for font or header around this code.
Save your style template.



	Maintained by theOffice of Information Technology Please direct comments to webhostingadmin@umd.edu Last modified Tuesday, 14-Dec-2004 12:14:48 EST