Smart questions
Smart answers
Smart people
INTELLIGENT WORK FORUMS
FOR COMPUTER PROFESSIONALS

Member Login




Remember Me
Forgot Password?
Join Us!

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips now!
  • 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!

Join Tek-Tips
*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.
Jobs from Indeed

Link To This Forum!

Partner Button
Add Stickiness To Your Site By Linking To This Professionally Managed Technical Forum.
Just copy and paste the
code below into your site.

Background pic created in Fireworks, What Canvas size?

mldmld (TechnicalUser) (OP)
1 Sep 04 12:48
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.
haslo (Programmer)
1 Sep 04 13:43
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.

haslo (Programmer)
1 Sep 04 13:45
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...

mldmld (TechnicalUser) (OP)
1 Sep 04 14:27
Take a look at this, if you have a chance.
www.livetexas.com/BUSINESS/smaller/index.htm

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?   
Thanks
haslo (Programmer)
1 Sep 04 15:56
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>):

CODE

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

And then, in the CSS file...

CODE

#top {
     position:absolute;
    left:0px;
    top:0px;
    width:100%;
    z-index:1;
    background-image:url(media/design/top.jpg);
}

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*

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!

Back To Forum

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