The layout of your site can consist of the following elements:
- Header. This is the topmost area where a banner image and acompany logo are usually placed. You can do the following to theheader:
- Move the banner image and logo from the header area to any placeon the page.
- Reduce the header height to 25 pixels by removing all elementsfrom it.
- Change the header width from the default size to 100 percent, sothat it is expanded to fit the page width.
- Content area. This is the main part of a webpage where most ofthe content is placed. You can do the following to the content area:
- Adjust the height of the content area.
- Divide the content area into several columns. You can do this bydragging new modules to the left or right edge of the content areaand inserting them.
- Change location of the columns in the content area by moving thecontent to the left or to the right.
- Sidebars. These are vertical columns that can be used for placingall kinds of modules, site-wide and page-specific. You can do thefollowing to sidebars:
- Add one sidebar and place it to the left or to the right of thecontent area.
- Add two sidebars. They will be placed to the left and to the rightof the content area.
- Adjust the height and width of the sidebars.
- Move the sidebars to the top of the page and place them to theleft or to the right of the header area.
- Switch places of the sidebars.
- Footer. This is the lowest area where the company name, contactinformation, or a copyright notice are usually placed. You can do thefollowing to the footer:
- Reduce the footer height to 25 pixels by removing all elementsfrom it.
- Change the footer width from the default size to 100 percent, sothat it is expanded to fit the page width.
- Advertisem*nt block below the footer. Depending on your hostingplan, an additional text block containing some advertisem*nt fromyour hosting provider might appear below the website footer. If thatadvertisem*nt block appears on your site, you might want to upgradeto another hosting plan to remove it.
To change the layout of your site:
Go to the Design tab > Layout tab.
Select the number of sidebars: Under Sidebars, select No,One, or Two.
Select the locations of sidebars:
- To move a sidebar to another side of your website, or to switchplaces of sidebars (if you have two sidebars on your site), clickSwitch sidebars.
- To move the sidebars to the top of the page, click them in thelayout model.
Set the size of page elements:
To set the total width of the website pages, under Websitewidth, select either of the following:
- Fixed layout: your website will be of a specific sizeregardless of the size of the browser window viewing the page.In this case, specify your website width in pixels.
- Liquid layout: based on percentages of the current browserwindow’s size. In this case, specify your website width as apercentage of the browser window’s size.
To change the width of the header, footer, and the main contentarea to fit the page width, click the corresponding elements inthe layout model.
Under Minimal column height in pixels, specify the height ofthe main content area and each sidebar, if you have chosen to usethem.
This value shows the height of your website elements withoutcontent. When you add content to the main content area and to thesidebars, they will stretch in height to fit the content.
To ensure that the sidebars and the content area are verticallyaligned, select the checkbox Stretch the sidebars and thecontent area down to the footer.
If you use one or two sidebars, under Sidebar width in pixels,specify the width of each sidebar. The size of the main contentarea will be determined automatically.
Under Margin sizes in pixels, specify the size of vertical andhorizontal margins. A margin is the space between the edges ofneighboring elements.
Click OK to save changes.
