Setup Guide V1 (last updated January 4th, 2007)

Designed for the Focus Series Templates and Modules

Change existing page

convert an existing page from a fullscreen / compact or index to another layout.

We've provided 2 methods for converting an existing page layout, to another existing page layout. You can convert a 'fullscreen' type page, to a compact or even an index page with flash. You could convert your 'flash' intro page to a standard 'fullscreen' or 'compact' template page just as easily.


Change the DWT


If you are using a Dynamic Web Template, you can easily change DWT's. You can ONLY convert an existing DWT page, using this method.

FrontPage / Expression Web Instructions:

  • open the page you want to convert
  • click on the Format Menu
  • click on Dynamic Web Template
  • click on Attach Dynamic Web Template
  • browse to the Templates (Template_name) folder
  • select the new DWT (compact.dwt, fullscreen.dwt, index.dwt, or a new DWT you've created from one of the originals)
  • click OK and that's it

Dreamweaver Instructions:

  • open the web page you want to convert
  • open the Assets folder
  • select the Templates folder
  • select the DWT you wish to convert this page to
  • drag the DWT from the ASSETS / Templates folder ONTO the open page

Change the stylesheet link


If you are not using a DWT, you can simply change the style sheet link.

  • open the web page you want to convert
  • switch to code view
  • on line 16 (or there abouts) you'll find one of the following lines of code

<link href="Templates/styles/compact.css" rel="stylesheet" type="text/css" />

<link href="Templates/styles/fullscreen.css" rel="stylesheet" type="text/css" />

<link href="Templates/styles/index.css" rel="stylesheet" type="text/css" />

Each layout uses one of these examples. As an example, if you wanted to change your 'index.htm' page layout to a 'fullscreen' layout, you would simply need to change the stylesheet link from

  • <link href="Templates/styles/index.css" rel="stylesheet" type="text/css" />

to

  •  <link href="Templates/styles/fullscreen.css" rel="stylesheet" type="text/css" />

all you need to do, is change the link reference in 'bold' to point your page to a new stylesheet.

 

 

 

 

Overview | Basic | Intermediate | Advanced