I just started with Freeway Pro this weekend, and despite reading the manual, I have a couple simple user questions (how to…) Thanks in advance for any help…
How do I center a GRAPHIC (logo) on my page? I know how to center text in the HTML box, or center the graphic in its graphic box but can;t see how to easily center a graphic on the web page.
How do I get the area outside (called pasteboard?) my main page area to be a different color than my web page area?
Centering a graphic is no more complicated than placing it in the centre of your ‘page’ and then setting the Page alignment to centre.
With nothing selected on the page look in the Page inspector under the 1st Tab and choose Center from the Align picker.
If you are using an inline page construction method (which I suspect you are not at this early stage) then the technique is slightly different.
Your pasteboard in FW is the area outwith the FW page that does not display in the browser so you cannot affect that.
What you can do is change the Page background colour - again in the Page Inspector with nothing selected look under the Paintbrush tab and choose your background colour there.
If you want the ‘Page’ itself to be a different colour (the width defined by your FW document) then draw an HTML or Graphic box the size of your page, colour it as desired and send it to back (so it sits behind the other elements on your page)
Thanks for the reply David- I figured out the background color question (#2)- thanks.
But your first response does not seem to work. The page being aligned to center does not seem to have an affect on the graphic- I put it close to the center but I want it exactly in the middle.
Hitting “center” for the align does the page (not that I can actually see anything change), and does not shift or move the logo that I have on that page.
I typed some text (no HTML or graphic box) on the page and aligned the PARAGRAPH text to CENTER- this alignment is different than the page one. Then hit enter.
now my cursor was centered on the page waiting for me to do something. (I later deleted that text I mentioned)
Next I went to Insert>graphic item and it drew a box that was centered on the page. Then I went to File>import graphic and found my logo, which was then centered on the page.
Setting the Page alignment to center will align the page in the Browser window. If the graphic is placed in the middle of the page it will be in the middle of the browser window also.
If you have other objects on the page - especially unlayered ones - this can affect item positioning. Make sure that the graphic is a layered item so it is unaffected by other objects.
Items can be toggled layered/unlayered in the Inspector but if you set the CSS button (between Zoom and HTML in the toolbar) to CSS Layout then every object you create from that point on will be a layer.
I think I see your point- the way I did it will cause problems because it is like centered text and anything near it will be off. But my big question is, you mentioned 'If the graphic is placed in the middle of the page it will be in the middle of the browser window also."
But how do I get it in the middle of the page?- this was my original question…
I typed some text (no HTML or graphic box) on the page
OK - what you have done is type text into the body of the page.
What you will find far easier is to think of FW more as a page layout program that uses different containers to hold text and graphics. It will be easier to move things/adjust your layout if you first draw the container (Text or graphics) and then type or import content.
These containers can then be moved around the page, resized etc.
The way you have done it the only way to move that logo is by adding/removing carriage returns before or after it - very imprecise.
I totally agree- I did it wrong- I know it should be inserted as a graphic first, so it can be moved, etc… but am I just supposed to eyeball if it is 100% centered… Still not sure since the page center alignment thing did not do it.
Yeah that is true- I just wan’t sure if that is the way to do it.
So I guess both ways work?
It actually wasn;t much work- in both instances you have to make the graphic box, import the graphic and then make the box fit the graphic. In my case I just had to stretch it and hit center.
i tried what you said with the view>guides on and off but could not see a difference on my screen or did not know what I should be looking for- what is the diff and what should I look for?
If you center the page, then it doesn’t matter at all what width you
make your page (within reason, that is). 960 is a common width for a
wide page, 750 is a good width for a page that still needs to support
older computers/browsers, or if you simply don’t want to have multiple
columns and don’t want unreadably wide text. Try to base the width of
your page on the content it contains, then center the thing and don’t
worry. Try to keep your text columns to 11 - 15 words per line, or
less, and use plenty of leading so the eye doesn’t get lost between
lines. Reading on screen is massively tiring anyway, so follow the
rules of good typesetting and give the eyes a break!
Walter
On Apr 17, 2011, at 8:54 PM, Hoffman wrote:
On a side note, is there an industry standard or a recc for the best/
proper width of a website? Not sure what I should make my width?
could not see a difference on my screen or did not know what I should be looking for
You need to create a guide before you will see any difference. Clicking on the LH sidebar and dragging across creates guides to aid in item positioning/alignment. Can also be drawn from the top.