All of the pages SiteGrinder will generate from your document are listed here and can have their page settings modified or can be omitted from the build. The list of pages contains a page for every button SiteGrinder identifies in your document that doesn't have a corresponding "link" layer leading to a page that already exists in your site or someone else's site. The page names are created from the button names. Thus if a button is named "home-button" and you haven't linked this button to something else with a "-link" layer or the SiteGrinder Buttons Pane, then SiteGrinder will assume you wish to make a page called "home.html." (For tutorials on how SiteGrinder makes pages and decides what to put on them click here.)
Pages named after buttons with no matching page definition or layer comp, and therefore no explicit instruction in the Photoshop document about what layers should appear on them, show up in green. These are called "derived pages." (See below.)
Default Settings and Custom Settings
The "Default Page Settings" can be changed here and will apply to every page SiteGrinder creates unless you add custom settings for specific individual pages. This means, for example, that you can set the default alignment to center all pages horizontally, but you can make an exception for one particular page that should be left aligned.
To change a page's settings you click in the settings column of the page list in the row of the page you wish to modify.
At this point a dialog box will appear in which you can specify custom settings or choose to use the default settings:
If you click OK the custom settings for this page will be displayed in the appropriate row of the settings column. To get rid of custom settings bring up this window and click "Use Defaults."
Setting Alignment
The alignment choices are Left, Center Horizontal, Center Horizontal and Vertical, and Right.
NOTE: Due to a bug in Microsoft Internet Explorer 5, that browser will not center vertically correctly within the constraints of XHTML 1.1. This means you must choose between XHTML compliance or IE5 compatibility. If you decide that vertical centering that functions properly in IE5 is more important, click here for a description of the necessary workaround.
Setting the Background Color
The background color can be changed to anything you like. This color will fill any area of the page that has no covering layer in Photoshop or that extends beyond the size of the Photoshop document.
Setting the "Home Page"
In this pane you can specify a page to be the "home page" of the site by clicking the radio button to the right of the page in the "Home Page" column. This primarily means that the html file for that page will be named "index.html" so that browsers will automatically open that file when they look in your site directory if no specific file is specified. SiteGrinder will automatically adjust buttons linking to this page to link to "index.html".
Normally if you have a page called "Gallery Main-page" and a button layer named "Gallery Main-button", a file named "gallerymain.html" will be created and the button will link to it. If you set this page to be your home page then its file name will be "index.html" and SiteGrinder will automatically set "Gallery Main-button" to link to "index.html" instead.
Setting Popups that Function on this Page
Sometimes you will want a popup layer to be "sticky" on the page it corresponds to. For example if you had a popup graphic representing the "gallery" page that pops up when the "Gallery-button" layer is rolled over, you may want it to display permanently when the user is actually viewing the "Gallery-page". To achieve this you can set this menu to "Only popups representing other pages" and SiteGrinder will handle the rest.
You can also turn off all popups for a given page with this menu.
Derived Pages
SiteGrinder creates two kinds of pages, "explicit" and "derived."
"Explicit" pages are specified by the the user as either layer comps (discussed here) or SiteGrinder page definitions created with the SiteGrinder Tools plug-in (discussed here). If a button name matches to the name of a layer comp or page definition then SiteGrinder uses the layers that are visible in the comp or definition to create the page.
"Derived" pages are created when a button name doesn't match to any layer comp name or page definition name and you haven't linked it to something. In this case SiteGrinder assumes that you wish to make a page that is derived from some other page that is explicit, or, if no explicit pages are defined it will use the current state of the Photoshop document.
The "Derive new pages from" setting, like the others, has a global choice, but can also have page-by-page exceptions.
Derived pages are very nice for creating template pages with standard graphics and a navbar that you will add main content to in some other tool. That's how we created most of these documentation pages, for example.
For further discussion of how and when to use derived pages read the tutorial here.