A webpage may look like the following:
<html> <head> <script src='jquery.js'></script> <script src='myscript.js'></script> </head> <body> <div id='heading'></div> <div id='sidebar'></div> <div id='maincontent'> <h1>Main Content Goes Here</h1> ba ba ba ba ... </div> <div id='footer'><a href='sidemap.html'>SideMap</a></div> </body> </html>
Basically every page will only differ by the content in “maincontent” section (div). The sidemap.html will simply be a collection of pages that will be shown in the navigation menu of the dress-up very of your site. sidemap.html ensure that the search engine can access to all those top-level pages that are not linked to from some other pages in the side.
A disadvantage for this approach is if your network connection is slow, you may see the webpage in its naked form for a short while before the dressed up form appears. This may not be an issue if you have fast network connection and/or your dressing template has small file size. I would say that in more of the case, you would not see the naked form of the page.