Time for action — customizing a layout

  1. Select the content in Zone 1 and delete it.

    Tip

    Unless you've played with the page layout and somehow managed to change the original order of the zones, the zones should be numbered 1, 2, and 3 from left to right. That's what I assume in the instructions. If your arrangement is different, read the instructions accordingly.

  2. Select the content in Zone 3 and delete it.
  3. Just above the top corners of each zone, you'll see a pair of drag handles as shown:
    Time for action — customizing a layout

    You can use them to adjust the width of the zone, just as you can use the drag handles on a word processor to adjust the width of the editable area of a document.

  4. Click on the right drag handle of Zone 1 and drag it towards the left. That should make Zone 1 narrower.
  5. Click the left drag handle of Zone 3 and drag it towards the right. That should make Zone 3 narrower.
  6. Then use the drag handles of Zone 2, the middle zone, to stretch it on both sides. The end result should look something like this:
    Time for action — customizing a layout
  7. Select the content in Zone 2 and delete it.
  8. At this stage, the cursor should be positioned in Zone 2. If it isn't, click in Zone 2 to place the cursor in it.
  9. Type Page Header.

    Tip

    Notice that the text appears in the font that you set to be the site font in Chapter 3. The font also appears as selected in the font selector on the ribbon. Anything you type in any of the zones will inherit this font by default, unless you change it explicitly. In the following images , you'll see the text in Georgia because that's the font I set for my site. You'll see it in the font that you selected.

  10. Select the text and increase its font size to 5 (18 pt) using the font size selector on the ribbon.
  11. Place the cursor just after the text that you just typed and click on the Horizontal line button on the ribbon. A horizontal line appears below the header text. Your page should now look something like this:
    Time for action — customizing a layout
  12. Save your work and preview the site.
  13. Close the preview window and return to the Page Editor.

What just happened?

You learnt how to customize the layout that you've chosen for your web pages. From now on, you'll use this customized layout for all of your web pages.

Creating a template for future use

But how do you copy the layout to other pages? Simple. You create a template from this web page that you can use as the starting point for new web pages.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
3.144.113.30