MX

Offsetting the top of your page
Normally if you just set the page and pasteboard to different colors, when you preview you'll see that the
page extends right to the top of the browser window. You can't see any of the pasteboard color above
your page. However you can add an offset so that there is some space above your page in the web
browser.
To add an offset, you change the page origin. Normally the page origin is set to be the top left corner of
your page. By moving the origin up 20 pixels, for example, you add a 20 pixel margin to the top of your
page when it's viewed in a web browser.
You can change the origin in two ways. The easiest way is to open the "Utilities" > "Options" dialog
(or right click a page and choose Page Options), go to the Grid & Ruler
tab and increase the value of the Y coordinate of the origin point. This is normally set to the vertical size
of your page, so just increase it by the margin size you would like. So for example if your page is 700
pixels tall, change the Y value of the origin coordinate from 700 to 720, in order to add a 20 pixel offset.
Alternatively you can set the origin point interactively. Turn rulers on by right clicking and choosing "
Show Grid/Guides" > "Show Rulers" or by choosing Show rulers from the Window
menu ("Ctrl + L"). Then click and drag on the crosshairs button, which is located where the horizontal
and vertical rulers join, at the top left of the canvas. Now you are dragging around the origin position, so
position it the appropriate distance vertically above the top left corner of your page.
Changing the horizontal position of the origin has no effect on the horizontal positioning of your page, so
this should be left unchanged.
Advanced backgrounds
Web browsers do not allow a graduated color background over the whole visible window (i.e. as a real
HTML background), but they do support repeating, tiled, bitmaps as backgrounds. So you can use this
to create a full-window graduated background, by creating a bitmap, which is then tiled (repeated)
across the page.
By creating a long thin strip as on the left, when set as a background,you get a graduated color
background across the whole page.
To create this effect, follow these steps;
1.
Draw a tall thin rectangle. This needs to be as tall as any user is likely to make their browser
window so it doesn't repeat vertically. A value of 1000 pixels or more is recommended, which is
much taller than your page. You may need to zoom out to draw one large enough. It should be
Page 71