Tuto WEBDEV 25

Part 7: Specific Web features 297 ▶ To see these areas, associate the green color with the bottom area on the left and the orange color with the bottom area on the right. ▶ We are now going to create Static controls in each area: 1. Exit from the "Zoning" edit mode by clicking the "Page" tab at the top of the page (below the ribbon). 2. On the "Creation" pane, in the "Usual controls" group, expand "Text" and select "Simple static". 3. Click inside the yellow area. The Static control is automatically created. 4. Modify the caption (Space key on the keyboard): the control caption is "Header". 5. Repeat the operations 2 to 4 to create: • a Static control displaying "Menu" in the green area. • a Static control displaying "Content" in the orange area. ▶ Save the page (Ctrl + S) and run the page test ( among the quick access buttons). 1.  The page is displayed in the browser. 2. Resize the browser: the page remains centered but the areas are not resized. We are going to change this operating mode in order for the areas to adapt to the browser size. We will be using the anchors. ▶ Close the browser.