TeamPhotoshop
Reviews, updates and in depth guides to your favourite mobile games - AppGamer.com
Forum Home Latest Posts Search Help Subscribe

Inserting Navbars in your web page?

Page: 1 Reply
Nov 3rd 2001#19639 Report
Member since: Nov 3rd 2001
Posts: 1
Hi all! I'm pretty new here, and pretty new at photoshop as well. WHAT A FRUSTRATING PROGRAM! (at least for someone who doesn't know how to use it)

I've begun to build my first web page so that i may be a commercial web designer one day. the page is about a fake web design company that i run (i can dream can't i?) So far i've made only 2 graphics: the background image and the navigation bar. The background image works great (although it's easy to spot the seams) however, my nav bar did not work as well. below is an image of it:



Yes, i know that i won't be building pages for microsoft anytime soon, but it's not the quality of the graphic i'm worried about right now. here is what i do want to know:

1. Whenever i use the "save for web" command and save the graphic, it ends up in its own folder with a bunch of small images that make it up. I thought this was good, but when i fired up dreamweaver i couldn't put the "puzzle pieces" back togeher. can i get some info on what i should do about this?

2. What does slicing do? if i slice up an image will dreamweaver recognize that it's been sliced and allow me to use those slices? (whatever they may be for)

3. Do i need to make a seperate graphic for each button on my nav bar, or is that what the "save for web" command is for?

thanks for any help guys. If any of this info can be found in the photoshop manual or any other pamplet that came with the program, i lost all those things :(
Reply with Quote Reply
Nov 3rd 2001#19645 Report
Member since: Mar 27th 2001
Posts: 2237
ahh, you are headed in the right direction. It sounds like you found the slice tool and figured out it will make a puzzle. Now what you need to do is investigate "Image Ready" the companion program that comes with photoshop....

Make your slices, and in ImageReady choose "save optimized as" and it will save not only those images, but an html file as well. just open that html file in dreamweaver and go to work.

You'll see that image ready has already produced the tables and put the puzzle together for you.... all you'll have to do is tweak it in DW.

Hope this helps.
Reply with Quote Reply
Page: 1 Back to top
Please login or register above to post in this forum