I'd turn the view off of the buttons and nav tex (Home etc.)
slice entire banner/header
optimize as jpg
use as background
For the text links you can use text in DW or slice them in FW and export separately as images. Right align and add to the header
For the buttons you can add a div inside the header area to hold the navigation. (turn the view back on to slice and export the buttons. Turn off the large slice view)
Thanks for answering, can you clarify a little further, Please?
I was using the overall page gradient as the bckground image.
1. Can I have 2 bg images
on one page, the gradient and the banner area? (The gradient starts in the upper left hand corner of the page)
2. Do I Export as Images only? or as CSS and images?
3. When you say "right align and add to header, you are telling me to add it as a layer to the jpeg header file,
then flatten/optimize the image to import into DW?
4. For the buttons you say I can add a div inside the header to hold the navigation. This is what
I wanted to do, but Where to slice? If I slice only the navigation buttons, (either all together or
individually, how to I set up the div in DW so as not to have the buttons overlay?
5. I don't understand what you mean by "turn off the large slice view"
OK, I'd be happy to get very specific and work with your file. First I need to know how you are going to lay this out in Dreamweaver. Are you going to use tables or a CSS layout? You could use one of the starter templates in DW for the layout.
I'd recommend exporting slices only and building in DW.
I would SOOO appreciate the help. I plan to use CSS layouts
I am working on this all day, and would be happy to call you directly, if that is easier for you.
I wasn't planning to use the starter templates, I'm quite comfortable coding.. once I get the hang
of this stuff. (old IBM mainframe assembly
language programmer in my past life) .
I tried slicing the entire banner portion, but confused on how to position a div tag to hold the
right aligned HOME and About Us navigation, not to mention how I will code the CSS to position
the text in each of the navigation buttons. I think I can HACK to the desired result, but don't
want to hard code things in such a way that it won't render properly if user changes size of
browser window, etc. or to do things that are non-standard that will compromise search engine
I'll do amovie for you for the slicing and exporting today or tomorrow.
WOW- thanks. Meanwhile, I just got back from the library with what I hope are helpful books on CSS.
Lots to read
Thanks so much - you make it look so easy. I can do this! Can't wait to see the DW half
where you take it in, and reproduce the page in DW-
1 person found this helpful
Actually it's almost done but I'll finish it tomorrow. I may post the first half yet tonight :-)
I watched the first part, can't wait to see how the navigation comes to life. It occurs to me that
the real issues that I have are over the proper way to bring the slices into DW, not the FW slicing.
There are two things that you did that are different than what I had been reading in FW tutotials & books. (Maybe I'm
reading the wrong stuff???)
1. CS4 FW materials advise that the proper way to slice and export is to use the "images and CSS"
option. I had pretty much decided that the code generated would be too complex to maintain and I would
be better off exporting just the images and building the containers with divs myself in DW. So we were
on the same page on this point.
2. Several sources advise against using AP divs because of undesired results when someone changes font
sizes, or if you have centered things on the page...so I was surprised to see an AP div.
..I am curious as to what the rest of the CSS will look.......hummmm the plot thickens.....
I like to do ALL my coding in Dreamweaver. As far as AP, it's the only way I know how to do this :-) I am by far not an expert on CSS, I know enough to do what I need to do.
Here is the 2nd part: http://tutorials2go.com/movies/DWCS4/layout2.htm
Thanks so much, this is a valuable learning experience, I do appreciate it.
You happened to get me when I was finally starting to add new movies to my site :-) Since a lot of people have the same questions... Plus I'm practicing using Camtasia Mac version. The last clip in the layout2 movie didn't get cropped:-( bit it's too much work right now to do it over.
Have fun using these GREAT tools!
Obviously, i got lucky that you were in the process of adding movies. In addition to what you showed me,
I am also experimenting with bringing the banner images into DW using the CSS options of
and giving each image a width.....it seems to work OK, and I continue to read up on CSS and try things
out to gain expertise.
Am I correct in assuming that you are *not* an adobe employee?
That's correct. All of the Adobe Community Professionals are volunteers :-)