Creating Design for Your Web Site
This section describes how to choose a design for your future web site. Web site design consists of the following elements:
- Layout is a general template for a web site. It defines how separate elements, such as a company logo, head banner and navigation buttons, are arranged on web pages.
- Color scheme is web site colors including the header, footer, menus, font and body colors. Edit the web site color scheme to make your web site look more attractive and efficient.
- Head banner is an image usually located at the top of a web site page. Choose a head banner from the set of images available in the Wizard. You cannot use your own images as head banners.
- Buttons are links used to navigate through web site pages. There are several types of button design from which you can choose to place them on your future web site.
- Logotype is a text and a graphic image that identify a company or a product. The logotype is a key element in corporate branding. You can replace SiteBuilder logo with your own and re-brand SiteBuilder using it.
- Flash Intro is a short flash movie played on the introductory page. Flash Intro adds more visualization to your web site.
- Info includes additional information about your company and the web site, such as the company name, copyright, URL to the corporate web site, and the slogan.
All these elements can be customized on the Design tab using the buttons in the navigation pane.

To create a design for the web site:
- Click Layouts in the navigation pane to select a layout for your web site. Click the Preview button under a layout to view its enlarged image. Click the Select Layout button or the layout image to select the layout.
SiteBuilder offers an extensive set of layouts so that you can select the one that best fits your needs. You can browse layouts by categories or may prefer to browse all available layouts. To browse layouts by category, select the desired category in the drop-down list at the bottom of the page. To view all available layouts, select All categories in this drop-down list.
To preview your future web site, click the Preview Website button at the top of the navigation pane. In the preview mode, you can see how your web site (with current contents and settings) will look in a web browser window.
- Click Color Scheme in the navigation pane to define a color scheme for the selected layout. Click the Select Color button to apply the desired color scheme to the selected layout.
- Click Head Banner in the navigation pane to change the default head banner image. Select the image you liked most and click on it. To view an enlarged image, click Preview.
- Select Buttons in the navigation pane to customize the design of buttons used to navigate through web site pages. Select the button design you like most and click Select Button.
- To upload a logotype of your company to the web site, select Logotype in the navigation pane. In the Upload new logotype field enter the full path to the logo image file (a .gif or .jpeg file). The recommended size of the logo image depends on the template selected and is specified on the page.
- You can insert a short flash movie that will be played on the introductory web page. Click Flash Intro in the navigation pane. On the page that opens, select a flash movie from the right-hand pane.
Check the Enable Flash Intro box to play the selected flash movie on the introductory page of your web site. In the fields below, enter the heading and body text for the selected flash movie. Select the color for the flash and objects used on the flash movie from the Background scheme and Object scheme drop-down lists. Click the Apply button in the lower right corner of the work area.
- To place the company name, slogan, URL, and copyright on your web site (all these elements are optional and depend on the template selected), click Info in the navigation pane. Provide the required information in the corresponding fields and click Apply.

After the general design is ready, you can move to the next step. Click the Next Step button or the Pages tab to define the structure and pages for your future web site.