[tonsils]

Hi,

I am new to Fireworks CS4 and this forum and hoping someone can assist.

Basically, in fireworks cs4, I am unsure how to have a background image that covers the whole broswer screen and then have the actual content window sitting centered and on top of the background image.

A bit like twitter that has a background image covering from left to right the whole browser window and the main twitter content is in the centre.

Unsure how to achieve in fireworks.

Thanks.

[DaveH]

tonsils, on 06 February 2010 - 06:37 PM, said:

Hi,

I am new to Fireworks CS4 and this forum and hoping someone can assist.

Basically, in fireworks cs4, I am unsure how to have a background image that covers the whole broswer screen and then have the actual content window sitting centered and on top of the background image.

A bit like twitter that has a background image covering from left to right the whole browser window and the main twitter content is in the centre.

Unsure how to achieve in fireworks.

Thanks.

First, you need to create the background image separately from your web page.

Second, you'll get cleaner, more organized code if you actually use Fireworks to design the site, then use an HTML editor like Dreamweaver to code the HTML and CSS.

However, if you want to use the CSS export feature of Fireworks to get a jumpstart on the HTML and CSS (then clean it up in Dreamweaver), you can assign an image (the one you created separately from your web page) to be the background image by clicking into the "Options" dialog from Fireworks. Go to File > Export and select CSS and Images, then click on the Options button. From this dialog you can specify the background image and that the web page should be centered in the browser.

Remember, if you use Fireworks to generate the CSS, you'll need to create your Fireworks design file specifically for CSS export - you can't usually just draw what you want - you need to understand the <div> structure of the web page, use component symbols from the Common Library, and name objects appropriately to identify styles. (There are several very good articles and videos on Adobe.com about exporting CSS from Fireworks - look for the latest article by Michel Bozgounov for step-by-step instructions if you need help.)

Dave

[tonsils]

DaveH, on 07 February 2010 - 04:41 PM, said:

First, you need to create the background image separately from your web page.

Second, you'll get cleaner, more organized code if you actually use Fireworks to design the site, then use an HTML editor like Dreamweaver to code the HTML and CSS.

However, if you want to use the CSS export feature of Fireworks to get a jumpstart on the HTML and CSS (then clean it up in Dreamweaver), you can assign an image (the one you created separately from your web page) to be the background image by clicking into the "Options" dialog from Fireworks. Go to File > Export and select CSS and Images, then click on the Options button. From this dialog you can specify the background image and that the web page should be centered in the browser.

Remember, if you use Fireworks to generate the CSS, you'll need to create your Fireworks design file specifically for CSS export - you can't usually just draw what you want - you need to understand the <div> structure of the web page, use component symbols from the Common Library, and name objects appropriately to identify styles. (There are several very good articles and videos on Adobe.com about exporting CSS from Fireworks - look for the latest article by Michel Bozgounov for step-by-step instructions if you need help.)

Dave

Thanks Dave for the info. Just to confirm the article by Michel Bozgounov, did you mean this one:> http://www.adobe.com...design_css.html ?

TT.

[DaveH]

tonsils, on 06 February 2010 - 11:14 PM, said:

Thanks Dave for the info. Just to confirm the article by Michel Bozgounov, did you mean this one:> http://www.adobe.com...design_css.html ?

TT.

Yes, that is the article from Michel - you'll find it very helpful.

Dave

[John Van Birch]

I believe your pals are accurate,you've to work more on your own logo,although whatever improvement you have done in your logo that's appreciable but still i recommend you to take the help of a logo layout application and layout it tiny bit a lot more stylish.