Knowledgebase

[WBP2.02] Creating Website Design

To create a design for your website, on the Overview page click the Design tab. The Design page opens.

Creating Website Design

On the Design page, you can customize your website design using the following buttons in the navigation pane:

* Layout enables you to define how separate elements, such as a company logo, head banner and navigation buttons, are arranged on web pages.
* Color Scheme enables you to edit a website color scheme to make your website look more attractive and efficient.
* Head Banner enables you to choose a head banner from the set of images available in the Wizard. You cannot use your own images as head banners.
* Buttons enables you to choose a type of buttons, that is links used to navigate through website pages.
* Logotype enables you to replace Web Builder Plus logo with your own and re-brand Web Builder Plus using it.
* Flash Intro adds more visualization to your website. Flash intro is a short flash movie played on the introductory page.
* Info enables you to enter information about your company and website, such as the company name, copyright, URL to the corporate website, and the slogan.

To create a design for your website

1. Click Layouts in the navigation pane to select a layout for your website. Click Preview under a layout to view its enlarged image. Click Select Layout or the layout image to select the layout.

Web Builder Plus 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 Category list at the bottom of the page. To view all available layouts, select All categories in this list. To preview your future website, click Preview Website at the top of the navigation pane. In the preview mode, you can see how your website (with current contents and settings) will look in a web browser window.
2. Click Color Scheme in the navigation pane to define a color scheme for the selected layout. Click Select Color to apply the desired color scheme to the selected layout.
3. Click Head Banner in the navigation pane to change the default head banner image. Select the image you like and click it. To view an enlarged image, click Preview.
4. Select Buttons in the navigation pane to customize the design of buttons used to navigate through website pages. Select the button design you like and click Select Button.
5. Click Logotype in the navigation pane to upload a logotype of your company to the website. In the New logo 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 selected template.
6. Click Flash Intro in the navigation pane to insert a short flash movie that will be played on the introductory web page. On the page that opens, select a flash movie. Select Enable Flash Intro to play the selected flash movie on the introductory page of your website. 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 lists. Click Apply.
7. Click Info in the navigation pane to place the company name, slogan, URL, and copyright on your website (all these elements are optional and depend on the selected template). 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 Next Step or the Pages tab to define the structure and pages for your future website.

Also Read