Log In

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips Forums!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!
  • Students Click Here

*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

Posting Guidelines

Promoting, selling, recruiting, coursework and thesis posting is forbidden.

Students Click Here


Background pic created in Fireworks, What Canvas size?

Background pic created in Fireworks, What Canvas size?

Background pic created in Fireworks, What Canvas size?

I create my background images for web pages in Fireworks.  What canvas size do you use, so you will not have to scroll left to right when I put the image in Dreamweaver.

How do you set the web page size in Dreamweaver, so it looks good in all screen sizes, ie. 800X600, 1024X768

I would like to use Fireworks to make the backgrounds for my work in Dreamweaver.

Is this the best way to make a background to be used in Dreamweaver.

I am new to Macromedia, appreciate the help.

RE: Background pic created in Fireworks, What Canvas size?

What kind of background do you intend to create?

I normally make my backgrounds in Fireworks, but I heavily edit the product Fireworks creates. First, I segment it (still in Fireworks), then optimize individually, and I tend to create the structure with those segments from scratch and not to using the Fireworks table model - I'm way more flexible like this. Using CSS for positioning is also a good idea, and it helps you keep your page size down.

If you look at my own site, I used just that technique, with only two source files (one for the left and top bar, one for the sheet-like post backgrounds). I then placed the graphics in <div> elements and placed them in an external CSS file. Dreamweaver can do that for you, too.

RE: Background pic created in Fireworks, What Canvas size?

Oh, and regarding the canvas size. It's always a good idea to have users with 800*600 screens in mind when designing a web page, there's amazingly lots of those ancient things around... however, it's also a good thing if your design scales nicely and still looks good with higher resolutions...

RE: Background pic created in Fireworks, What Canvas size?

Take a look at this, if you have a chance.

You will see what I mean about size and the width of the page.  What size canvas do you use if you want to make a background pic for the entire page?   

RE: Background pic created in Fireworks, What Canvas size?

As small as possible, and scalable. You can even use several layers (that would actually be a good idea here) - one for the background and one for the border. In the border layer, have some gradients but not too many and create images that you can repeat for the rest. Like this one (it's to the left of my site, as a background for the <body> tag) or this one (which is on top of my page, in a <div>):


<div id="top"><img src="media/design/top.jpg" width="20" height="54" alt=""></div>

And then, in the CSS file...


#top {

Like this, you can create layouts that look good in any resolution. (Actually, the IE renders this a little incorrect though, but if you have another <div> you place all the way to the right, this should be no problem).

Then, the gradients - you can simply overlay them, in additional <div>s, with images like this one.

I hope you see what I mean, otherwise feel free to ask again. I know, that's not the easiest way, and you may want to look at a CSS tutorial, but it's really flexible and the way to go on your way to become a pro. Unlike me. I'm not a pro yet. Still using tables for the layout. *mumbles on*

Red Flag This Post

Please let us know here why this post is inappropriate. Reasons such as off-topic, duplicates, flames, illegal, vulgar, or students posting their homework.

Red Flag Submitted

Thank you for helping keep Tek-Tips Forums free from inappropriate posts.
The Tek-Tips staff will check this out and take appropriate action.

Reply To This Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members!

Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close