Tutorial created by Ray Borduin, WebAssist
Categories: Design Extender, CSS, Design, Dreamweaver
This tutorial shows you how you can create a custom site design that you can use in Site Sculptor to create your site. This assumes that you have created a custom web page design or obtained one from a third party.
You will need the following items before starting this tutorial:
The first step in creating your own custom site design is to configure your template so that it works properly in Site Sculptor.
Save as template
If your design is not already a Dreamweaver template, your first step is to save it as a .dwt file.
Dreamweaver will convert your page to a .dwt file and save it to a Templates folder of your Dreamweaver site.
Creating the Editable Regions
In Dreamweaver templates, editable regions are areas of your page where you specify content can be changed. For Site Sculptor, you need to define editable regions for Site Sculptor to know where it can insert content such as your navigation menu.
At a minimum, for a template to be used for a Site Sculptor design it must have the following 3 editable regions.
If you intend to use the Site Sculptor content management feature, you will want to create additional editable regions for any area that you want to manageable through the CMS. Follow these instructions for creating your templates.
If your custom design has a unique navigation menu design that you want to make sure Site Sculptor uses, you will need to create this menu as a CSS Menu Writer preset. CSS Menu Writer is another Dreamweaver extension that is included in the WebAssist Extension Library or Super Suite.
For more information on using CSS Menu Writer to create your menu see the CSS Menu Writer Support page.
If you do not require a specific menu design, Site Sculptor includes some preset designs that can be changed in Theme-It to match any color. These menus are designed to fit well with most web designs and should be good additions to most sites.
Your next step is to use the Site Sculptor Add Layout Wizard to create a new site design.
The Add Layout wizard is separated into the following four steps.
Let's get to the wizard now:
You have now created a new Site Sculptor design which you can select from the Site Sculptor Site Design menu in the Quick Insert interface.
Now that you have finished creating your new site template, you can start using Site Sculptor. For step-by-step instructions, see the Getting Started Guide.
Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.
These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.
Comments will be sent to the author of this tutorial and may not be answered immediately. For general help from WebAssist, please visit technical support.Sign in to add comments