Overview of web parts |
Top Previous Next |
Now you will learn how to modify the page template. Click the Home page and click the Design tab. You will see the structure of the home page template.The main logo and main menu are inherited from the root page. The "active" part marked with green box contains the yellow web part zones and blue web parts:
The page is based on the page template Home page with top image and three columns. The page template consists of web parts that are placed inside web part zones. The web part zones are organized in the page layout (HTML layout) that specifies the placement of the zones within the page. When you click the Edit layout button in the green header of the active page template, you can edit the page layout:
As you can see, the page layout is a simple HTML (or rather ASPX) code that contains controls called CMSWebPartZone. Each of them must have a unique ID. You can also see that you can use any HTML code for page formatting - it's up to you whether you use tables or CSS layout.
Editing the layout using an external editor
You can check out the file to the disk using the Check out to file button, edit it using Visual Studio or some other editor and then check it in.
|