Editing the design
In this chapter you will learn the basics of editing the design of your Web site. The information is provided only as a recommendation, since the procedures for designing Web pages can differ greatly.
First you should read the chapter
Design basics. This will provide you with the required basic knowledge.
To edit the design of your Web site, click the menu item
Design. Depending on the scope and type of design changes, you can either start the
Quick design function or the
Advanced design function. For more on working with the Quick design function, see
Quick design.
Note:
Before you make any changes to the current design, we recommend that you save a copy of the design. You can do this in the table of your own styles by using the
Create backup copy function. This ensures that you can always revert to the initial state. See also
Own styles, on
below.
After selecting the advanced design, your Web site will be displayed in the browser using the design that is specified by the current template.
Initially the background area of the browser is active. You can see that from the red border surrounding the display area in the browser window.
This area is where you configure the general way in which your Web site is displayed in the browser. See Page view in browser.
The multifunction bar at the top of the browser displays the corresponding functions that are available.
For more information, see Multifunction bar and content.
Therefore, you should first configure the general display settings for your Web site in the browser. Make any changes as necessary to the page layout by hiding and displaying different page areas.
To select the different Web site areas, move the mouse over the Web site. Areas available for selection are highlighted. To select an area for editing, click on it. A red border is then displayed around that area.
You must now check whether all required functions are displayed on the Web site. These functions include: Shopping basket, sign-in box, catalogue tree or links to specific pages.
These functions are provided by page elements. You can modify the arrangement of the page elements within the individual areas, and if necessary create new elements. For more information, see Page elements and navigation.
Start editing the design now. Proceed through each area at a time, using the functions provided by the multifunction bar for the currently active area.
Upload images, play around with colours and fonts, and try out as many of the options as you want. Use the Undo function to restore the condition to before the last command.
Once you are happy with the design, save all the changes.