[Pro] BROWSER WIDE WEB DESIGN

Freeway
1

How do you correctly size a page design to go completely across the width of the browser, similar to the softpress web site design?

I want to design a site which fills the browser and does not have a separate background it sits on.

Question 2: how do you create a site design which would have a background featuring a Photshop created background with shadows and highlights on which the actual web page design sits within and the web page has a narrower width so that the background is seen on the right and the left, top and bottom behind the web page?
I know it’s very easy to just drop in a flat color in Freeway Pro, but that’s not the look I’m going for. I want a complex PSD image in the background behind each web page. The PSD background image must fill the whole browser window.

I’m trying to figure out if I have to make my Photoshop files more than 22 inches wide or more? What is the correct answer?

Thanks very much

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

I want a complex PSD image in the background behind each web page.

No can do - a background image has to be a web ready format - jpeg, png, gif etc. Nothing to stop you creating one from your psd though.

Have a look at the thread http://freewaytalk.net/thread/view/62204

Here Cory is trying to put together the same idea as you - it should give you some pointers.

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Thanks I’ll check that out and see what I can learn.

Patty

On Dec 10, 2009, at 4:35 PM, DeltaDave wrote:

I want a complex PSD image in the background behind each web page.

No can do - a background image has to be a web ready format - jpeg,
png, gif etc. Nothing to stop you creating one from your psd though.

Have a look at the thread http://freewaytalk.net/thread/view/62204

Here Cory is trying to put together the same idea as you - it should
give you some pointers.

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Dave,

Can you answer my first question? How do you set up a web design to
take up the entire browser like the softpress web site looks?

Thanks,

Patty

On Dec 10, 2009, at 4:35 PM, DeltaDave wrote:

I want a complex PSD image in the background behind each web page.

No can do - a background image has to be a web ready format - jpeg,
png, gif etc. Nothing to stop you creating one from your psd though.

Have a look at the thread http://freewaytalk.net/thread/view/62204

Here Cory is trying to put together the same idea as you - it should
give you some pointers.

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Patty
Are you talking about the black bar at the top? If so, it is just a background image that is tiled on the page. Here’s a link to the Softpress image - http://www.softpress.com/templates/Resources/silverstrip1.jpg

Go to your page with nothing selected. Open the Inspector panel Click on the second icon from the left - Background > Image, Select your image and set tile options to (Horizontal: Tile) and (Vertical: Top) In the case of the Softpress site the page background color is set to a pale grey that matches the grey at the bottom of their background image.

Rats, I suck at typing out instructions, I hope this helps.

Marcel

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

Thank you Marcel, that is very helpful information.

Patty

On Dec 10, 2009, at 6:47 PM, Helveticus wrote:

Patty
Are you talking about the black bar at the top? If so, it is just a
background image that is tiled on the page. Here’s a link to the
Softpress image - http://www.softpress.com/templates/Resources/silverstrip1.jpg

Go to your page with nothing selected. Open the Inspector panel
Click on the second icon from the left - Background > Image, Select
your image and set tile options to (Horizontal: Tile) and (Vertical:
Top) In the case of the Softpress site the page background color is
set to a pale grey that matches the grey at the bottom of their
background image.

Rats, I suck at typing out instructions, I hope this helps.

Marcel

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

Sometime around 10/12/09 (at 19:35 -0500) DeltaDave said:

a background image has to be a web ready format - jpeg, png, gif
etc. Nothing to stop you creating one from your psd though.

Good news! The above is no longer strictly true. Although it is at
the same time just as true as ever…

Freeway can now use any graphic format it can read as the source
media for a page background image. So you CAN use a .psd graphic, or
an Illustrator vector image, or even a PDF, as your page background.

HOWEVER - the rules of the web haven’t changed. Web browsers (other
than Safari) struggle with images not in GIF, JPEG or PNG formats.
Web page backgrounds must still be in those formats when a browser
displays them.

So, as with all (*) images imported to Freeway, non-web-safe formats
are automatically converted as part of the output process. Totally
automatically, with the final format being decided for you according
to simple rules:

Ordinary 24-bit colour images are converted to JPEG.

Images with alpha channel transparency (including layered Photoshop
files with no ‘background’ layer) are converted to 24-bit PNG with
alpha transparency.

8-bit colour, greyscale and other palette-based images are converted to GIF.

Resolution settings are ignored: images are imported at a 1:1 pixel
scale ratio even if they are set to a per-inch scale other than 72ppi.

k

(* This excludes pass-through image import of course. But that isn’t
an option here anyway.)

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options