-Ever-

So I'm in a web page design class and we're using Dreamweaver. I'm really enjoying it so far and am making a web page portfolio to display my artwork as my overall project. I've been working on it mostly in my apartment and not in the lab as it's much easier for me. However I was abscent one week and my teacher was out the next (1 day a week class) so I haven't moved anywhere lately cause I'm stuck on a problem that I can't get past....

Anywho, my background is an inserted picture rather than an image loaded as a "background." This way I can put the "buttons" (read: Text written in Photoshop..) I want strategically on the image so that they won't move their place when the web browser is stretched into different shapes. So what I'm wondering is if/how I can make the text on the image become a clickable button in Dreamweaver. On the image, I wrote things like "About Me," "Artwork," and "Links" with the Adobe text tool. How do I somehow enclose these in buttons in Dreamweaver? Is it possible? It seems that I should be able to make something like an invisible table around them and make it link to it's according webpage.

Let me know if you have any questions if I didn't explain my situation clear enough.

Thanks for any help guys
-Tim

Edit (simplified): I have an image on my webpage. Is there anyway I can select a specific area on the webpage within Dreamweaver and designate it as a button that executes a link? In this case, the area will be over writing that's in the picture being used, but the writing isn't from text typed in Dreamweaver.

__________________
Embracing the goddess energy within yourselves will bring all of you to a new understanding and valuing of life. A vision that inspires you to live and love on planet Earth. Like a priceless jewel buried in dark layers of soil and stone, Earth radiates her brilliant beauty into the caverns of space and time. Perhaps you are aware of those who watch over your home And experience of this place to visit and play with reality. You are becoming aware of yourself as a gamemaster...
--Acknowledge your weaknesses--

docbungle

Just highlight the text you want to make a link. Then, in the Link Box, down on the bottom of your screen, type or past the location of the document you want to link to. That will turn the text into an underlined link. Or you can create a custom button and insert it instead of text, and make that button your link instead of the text.

__________________
Bad Luck City

-Ever-

I think you might have misunderstood me. I cannot highlight the text because to Dreamweaver, it isn't "text", it's just part of the image. The text wasn't written in Dreamweaver, it was written in Photoshop ontop of the image so it would always be in the same place on the image.

Thanks for the help though.
-T

__________________
Embracing the goddess energy within yourselves will bring all of you to a new understanding and valuing of life. A vision that inspires you to live and love on planet Earth. Like a priceless jewel buried in dark layers of soil and stone, Earth radiates her brilliant beauty into the caverns of space and time. Perhaps you are aware of those who watch over your home And experience of this place to visit and play with reality. You are becoming aware of yourself as a gamemaster...
--Acknowledge your weaknesses--

bal8664

You'd need to make a complex image map to accomplish that, where it literally has coordinates of the image that go to different links, OR redo it in photoshop using the slices tool and saving for web, OR use CSS(the best way, if you know it)

I would probably recommend using the slices tool in photoshop (looks like a xacto knife in the tools pallette, 2nd row from top on left i believe), What it does is you make selections on the image of everything you want to be a different image, so you'd select around all the text, then what photoshop does when you "save for web" is cuts the image up into a bunch of different ones, saves an html file that has them all perfectly placed as if they are one image, then just open it up in dreamweaver and make those seperate images links. If you need further clarification just ask

-Ever-

I think I might understand the slicing method. I'll try that out in a bit and probably be back to ask a few more questions in a bit Thanks bud!

Edit: Lol I'm actually using Photoshop 5.0 and I don't think it has the slice tool. I'll keep on doing some research. If it's a problem I'm sure my teacher could teach me the CSS method (I know she knows CSS in general...)
-Tim

__________________
Embracing the goddess energy within yourselves will bring all of you to a new understanding and valuing of life. A vision that inspires you to live and love on planet Earth. Like a priceless jewel buried in dark layers of soil and stone, Earth radiates her brilliant beauty into the caverns of space and time. Perhaps you are aware of those who watch over your home And experience of this place to visit and play with reality. You are becoming aware of yourself as a gamemaster...
--Acknowledge your weaknesses--

theFez

you can insert "layers" in dreamweaver. this is basically using a css div tag but lets you use the dreamweaver wysisyg interface to make it easier.

__________________
# chmod 111 /bin/Laden

bal8664

Ahh, yeah they added Slices in Photoshop 6. If you'd like you can PM me a link to the image and describe how you'd like it sliced and i could do it for you.

BoltedDown

Are there any other Adobe products at your disposal? I work for a web development firm and a program called ImageReady is part of our toolbox. It will also allow you to slice images.

bal8664

ImageReady only comes with photoshop though, or the whole Adobe CS Package, i don't think its offered as a stand-alone product.

theFez

if you have fireworks to go along with your dreamweaver this will slice too.

__________________
# chmod 111 /bin/Laden

-Ever-

Thanks for all the help guys! What I'm gonna do is take the image to class today and see if I can get my teacher's attention long enough for her to help me and I'll mention the things that you guys brought up.

Thanks again
-T

__________________
Embracing the goddess energy within yourselves will bring all of you to a new understanding and valuing of life. A vision that inspires you to live and love on planet Earth. Like a priceless jewel buried in dark layers of soil and stone, Earth radiates her brilliant beauty into the caverns of space and time. Perhaps you are aware of those who watch over your home And experience of this place to visit and play with reality. You are becoming aware of yourself as a gamemaster...
--Acknowledge your weaknesses--

Reese

Photoshop 6+ will automatically slice, but you can do it manually.

You were right when you thought about using tables.

http://www.dresdendolls.com/main1.htm (maybe NSFW for a few people, It's a band website so nothing even remotely bad but nudity nonetheless.) It uses rollover images but you could use the same technique with text buttons. Copy the source and paste it into dreamweaver to get a general idea of how it was done. I couldn't(didn't have time) to find a better example but about 99% of porn sites have something similar on the front page if you'd rather look at them.

__________________
“It is better to be rich and healthy than poor and sick” - Dave Barry

-Ever-

Well I just got back from class and it was way easier than I expected. Using the imagemapping in dreamweaver I simply "lasso-ed" the text and made a link out of it. I mentioned all the things you guys mentioned though and they'd all work, but with more work

Thanks again guys, I appreciate it. I'll have it up and done within the month and I'll post it in the Art forum!
-T

__________________
Embracing the goddess energy within yourselves will bring all of you to a new understanding and valuing of life. A vision that inspires you to live and love on planet Earth. Like a priceless jewel buried in dark layers of soil and stone, Earth radiates her brilliant beauty into the caverns of space and time. Perhaps you are aware of those who watch over your home And experience of this place to visit and play with reality. You are becoming aware of yourself as a gamemaster...
--Acknowledge your weaknesses--