![]() |
Dreamweaver.
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. |
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.
|
Quote:
Thanks for the help though. -T |
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 :D |
Quote:
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 |
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.
|
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.
|
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.
|
ImageReady only comes with photoshop though, or the whole Adobe CS Package, i don't think its offered as a stand-alone product.
|
if you have fireworks to go along with your dreamweaver this will slice too.
|
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 |
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. :) |
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 |
All times are GMT -8. The time now is 11:15 PM. |
Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2025, vBulletin Solutions, Inc.
Search Engine Optimization by vBSEO 3.6.0 PL2
© 2002-2012 Tilted Forum Project