so i make this nice graphic/navigation bar for the top part of my webpage. i cannot figure out how to properly import it into dreamweaver with all the slices and rollovers.
i export as html and images from photoshop, but DW does not let me insert html into my page (i get the dead link thing). i can insert the individual gif images one by one, but they are never aligned right or in place, and they mess up my page.
what do i do?
I usually take the HTML code that P'shop generated and paste it into the top of the page I want the header to be on. Also, if you have access to a Dynamic Language like PHP, ASP, ect. it might be worth your while to learn how to do a page include.
Most of the time Photoshop comes with Image Ready. Same program but Image Ready is built for creating web pages. If you save optimized as "HTML and Images" and make sure you set the slices to the links you want, it will solve your problem.
Your problem is how can you do a rollover images using PS and Dreamweaver, right?
Try to do this steps. Just pretend that this is your actual work, ok?
1. AFTER you have created your navbar design, you can try to slice it to separate those images with their respective links.
2. Suppose your filename is: IMGOUT
3. Try exporting your work in HTML and eventually, you'll get this ff file.
IMGOUT.HTML
images/IMGOUT1.jpg
images/IMGOUT2.pg
images/IMGOUT3.jpg
so on...
4. Now, try duplicating your navbar design so that in case of mistakes, you can go back where you started.
5. Make a NEW design/look that you want to create DURING the MOUSEOVER event.
6. RENAME your filename to IMGOVER.
7. Try exporting your work in HTML and eventually, you'll get this ff file.
IMGOVER.HTML
images/IMGOVER1.jpg
images/IMGOVER2.pg
images/IMGOVER3.jpg
so on...
Now, you finally have your images when the user mouseover and mouseout with your image.
Open your dreamweaver.
Open your IMGOUT.HTML
You can see your original layout and not those images when the users put their images over with your images.
You know how to deal with Navigation Images in the Dreamweaver, right?
Good. You can try this configuration under that section.
Mouse Over: IMGOVER1.JPG
Mouse Out: IMGOUT1.JPG
Link: link1.html
Alt: this is link 1
Target: _self or _blank
You can also try to edit these codes manually in notepad.