Newbie Needs help!

They have: 5,633 posts

Joined: Jan 1970

I'm a print designer that's so new to web design that it's not even funny. Anyhow, I need to get a website up in a hurry and I have Photoshop for the Graphics and Dreamweaver for everything else but i can't seem to find out how to make my graphics work the way I want them to in Dreamweaver, I guess it's because I don't know anything about that software. So can someone point me in the right direction to find out how to incorporate PS graphics into Dreamweaver? Confused Confused

Greg K's picture

He has: 2,145 posts

Joined: Nov 2003

are you just wanting to put an image into the page, or do you have the whole page designed and layed out as an image in PS?

If it is the first, you will need to save (export?) the image out as a gif (line art type pics) or as a jpg (for more photo type pics). Then in Dreamweaver, inster the images into the page.

If you have the whole page layed out in a PS image, then you will need to break the image up into useable images (slicing). There are many programs for this. If you have the full Macromedia Studio, you can do this with Fireworks. Other programs have something similar, probably even in photoshop.

-Greg

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

You'll probably want to use Image Ready. Have you tried it out at all before? You can go in there and slice up your image as Greg described, then export it as an HTML page*. Or, in Photoshop, you can simply "save for web" and then your graphics will be compressed appropriately and won't take so long to down load. The same thing applies in Image Ready. You can experiment with different formats and settings to see what gets the best image with the smallest file size.

If you let us know more specifically what you're having problems with we might be able to give you more specific help.

One of the things that you'll need to keep in mind is that the web is not print. A lot of your basic premises won't apply in this medium. You won't be able to get something to look exactly the way you want it to on every person's machine. Instead, you'll have to learn about browsers and screen resolutions and such and how to take advantage of that rather than try to work against it.

* this isn't the ideal way of creating a web page, but it'll do for you for now. See paragraph 3 for more information on that.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.