![]() Notice the rectangle’s ‘coordinates’ change. If you do this, press Cmd+Z to undo the change you have made.Ĭlick and drag the rectangle down the screen. ![]() If you click and drag on any grab handle the size and shape of the rectangle will change. ![]() Square ‘grab handles’ will appear at each corner and at the mid point of each side of the rectangle. Now click on the rectangle to ‘select’ it. The rectangle appears in the Body section. For example, add a shape to the Body section of the page by clicking on the Shapes button in the Toolbar. When defining the height of the Header, Body or Footer, the values you use are actually minimum values. Typically, web page ‘Content Width’ will be about 980-1000 pixels wide for a desktop or tablet device and about 320-420 pixels for a mobile phone. To change page dimensions use the Page Layout section of the Page Inspector as shown in the above screenshot. The values are displayed in pixels. you may want to create a page for mobile phone usage. You can change the dimensions of the page size to suit your own needs e.g. Change the ‘Content Width’ value to determine the width of your page. Left and Right Margins: The vertical blue lines define the left and right hand margins of the web page. Place content here that you want to see on each page such as copyright information, contact details, social media buttons, a site map and so on. The Footer works in much the same way as in a book. Soon you will see the Footer containing the ‘Made with EverWeb’ logo. The ‘Body’ is bounded within the left and right margins and the Header and Footer.įooter: If you cannot see the Footer, scroll down the Editor Window. company logo, navigation menu, social media buttons etc.īody: Below the Header is the Body area where the majority of your content will go. Header: The Header is immediately below the Top Margin and is typically where you place content you want at the top of each web page you create e.g. This section usually contains no content. The Top Margin is directly above the Header and can be used to pad out the top of your web page if needed. Top Margin: You don’t usually see this area as the Top Margin default value is by default set to zero. The co-ordinate system is also shown by the horizontal X axis, vertical Y axis and the 0,0 location in the top left. The Top margin area can be seen above the Header area.
0 Comments
Leave a Reply. |