DV Info Net

DV Info Net (https://www.dvinfo.net/forum/)
-   The TOTEM Poll: Totally Off Topic, Everything Media (https://www.dvinfo.net/forum/totem-poll-totally-off-topic-everything-media/)
-   -   Anyone know Dreamweaver? I need help (https://www.dvinfo.net/forum/totem-poll-totally-off-topic-everything-media/50973-anyone-know-dreamweaver-i-need-help.html)

Heath McKnight September 12th, 2005 07:37 PM

Anyone know Dreamweaver? I need help
 
I created a full website, but I didn't layer my buttons (Home, About, Works, Links), all in Photoshop. I imported the image/website into Dreamweaver and now it's not letting me hyperlink. I drew a layer around the buttons and when I click on the hyperlink option, it's putting the link at the top of the page, not where the layer around the text/button. What am I doing wrong?

heath

Keith Loh September 12th, 2005 09:33 PM

Link the button graphics themselves, not the layer unless there is a specific reason why you are assigning an href to a layer. You can put an href around any graphic or text so there is no reason to make a separate layer.

Heath McKnight September 12th, 2005 10:08 PM

It's all part of one image--I screwed up. I'm doing hot spots and linking them now. But when I put the cursor/mouse over a link, it doesn't change color. Anyway I can fix that?

Thanks,

heath

Christopher Lefchik September 13th, 2005 08:24 AM

For my workflow I usually do the page layout/graphics and slicing of the layout in Adobe Photoshop/ImageReady. I export the individual slices from Photoshop/ImageReady and then import them into my Web design software. I believe it is probably the most efficient way to work, especially when dealing with rollovers (explained below).

Quote:

Originally Posted by Heath McKnight
But when I put the cursor/mouse over a link, it doesn't change color.

If it is an image used as a link that you are referring to, then what you want is a rollover. A rollover has one image for the "Normal" state, and another for the "Hover" state of the link (I believe it can possibly have other states as well, though I've never used them). This allows you to change any aspect of the graphic for the different states of the image link.

The ImageReady program bundled with Photoshop is designed specifically for creating Web graphics, including rollovers. (ImageReady is probably the best kept secret of Photoshop.) Open your layout in Photoshop, then click the button at the bottom of the tools pallet, or go to (on the Mac) Photoshop>Jump To>ImageReady (or on the PC) File>Jump To>ImageReady. Viola! ImageReady will launch, and your image will be loaded, and you can start creating rollovers. You can jump back and forth between Photoshop and ImageReady, and your changes will automatically be transferred between the programs.

Photoshop/ImageReady allow you to generate a HTML page of your layout when exporting slices. You can choose a table based layout (HTML tables) or a CSS based layout. I don't know how good/bad the CSS layout Photoshop/ImageReady generates is, but I definitely do not recommend using the HTML tables option. The HTML tables generated tend to be rather complex, and generally a nightmare to make any changes to. They are pretty much only good as a guide in building the final layout in your Web design program.

Keith Loh September 13th, 2005 11:55 PM

I agree entirely with what you said and I work the same way.


All times are GMT -6. The time now is 02:07 AM.

DV Info Net -- Real Names, Real People, Real Info!
1998-2024 The Digital Video Information Network