Importing Nav Bar from Fireworks

Hi
I am using Dreamweaver MX and Fireworks MX (i know i need to
update
) anyway. I made a navigation bar in fireworks, using
slices, pop-up menus, roll-over behaviors and stuff. (Im a beginner
don't know exactly what's going on hehe.) When i preview it in
Safari (mac) it works perfectly, but once i import it into
dreamweaver and preview in safari, it doesn't work properly, the
pop-up menus go transparent when going on each individual section
in the drop down, but yet you can still see the text, (so what i
think i mean is that the background on the pop-up go transparent
when rolling over) i hope that makes sense. Maybe i havent exported
it properly, or imported it properly, feel free to interegate me.
As long as i get it working ill be happy. Any help
much appreciated, thanks.

Here are the SERIOUS problems with that menu approach -
1. It's not compatible with DW templates
2. It's EXTRAORDINARILY BLOATED CODE (adding some 75K of
weight to your
page)
3. It's NOT maintainable in DW (meaning that if you change a
filename
linked in the menu, DW cannot make that alteration in the
menu code)
4. It's NOT extensible (meaning that once you have inserted
it in your
page, if you then want to add a new submenu, you have to
recreate the new
menu and retrofit your pages with it individually)
5. It's NOT spiderable (meaning that search engines cannot
find your links
to spider your pages - thus, your 50-page site will appear to
Google as if
it were a single page, and would be ranked accordingly)
6. It's NOT accessable (meaning that anyone using a screen
assistive device
would be no better off than Google at finding your interior
pages)
7. It's NOT functional in browsers with javascript disabled
(meaning that
your site would be unusable for anyone who by choice or
occupation finds
themselves in an environment where browsers aren't permitted
to use
javscript)
'nuff said?
It's just plain and simple crap - and a lousy joke that
Macromedia played on
the community.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Josh.K" <[email protected]> wrote in
message
news:g1edt0$6m9$[email protected]..
> Right, well im quite a newbie so i see that its just not
good enough, but
> could
> you sum up what the problem is, as that was a bit
confusing for me, or
> give me
> an alternative route, where shall i make my navigation
bar? Thanks.
>

Similar Messages

Import a Button from Fireworks

I have education versions of Dreamweaver 8 and Fireworks 8. I
create a button with 3 states in Fireworks and export HTML to
Dreamweaver. I then user the Common import to put the Fireworks
HTML in to the Dreamweaver page at the cursor location. The HTML
script looks ok and the images are all in the right places, paths,
but the image does not appear on the page.
Any clues please?

i have. the problem i run into every time i change the code,
it asks for something more.
perhaps you can guide me so i know what steps to take?

Creating in DW a dropdown menu/navi-bar from png's created in Illustrator

Hey All!
I'm new to Dreamweaver (currently CS5.5) and trying to create webpages for a university-researched based project site.
I'm totally lost as to how to create dropdown menus from buttons and dropdown menus I've created in Illustrator (CS4). I have made the buttons not particularly custom apart from the appearance. There seems to be no way to import from Illustrator unless using slices which only create html linkpages and/or CSS layers (I have no clue on that).
I want to do a number of things:
1. Have a navigation bar
2. When the cursor hovers over the tab it inverts and
(for example) the 'Introduction' tab drop-slides down to show the options.
3. When the cursor hovers over an option the colour changes from light grey to black (?...)
It's a tall order I know, but I've been searching on the web for the last 4 hours and have had no luck in finding what I'm looking for. It is possible isn't it? Surely at this point its possible to do anything with the adobe software?!
Many thanks and best wishes,
James MLM
p.s. If you need to see an attachment of the exampled .pngs let me know. Cheers

Thank you Murray *ACP* and Nancy O. for your help.
I can neither afford to buy such software and nor want to sadly, if I could I would feel I'd learned nothing and have another program do all of the "thrashing" out for me . I'd like to know how it all works, since I'm very new to the whole website design industry (dreamweaver, joomla etc) and I'm keen to learn as much as possible.
Don't take this the wrong way, but the Spry menu bars are fine for an everyday kind of put-together website, however this website is for an academic institution's project and I'm trying my darndest to make sure it doesn't resemble or fall into the category of excessive substance over style. It's a website meant for anyone to use, from the academics who understand the project to the anybody-joe-josie who can use it to learn from the research and products of the project. User-friendly as possible for an academic project. Harder than you think, unless you have seen any academic websites that have all the understandings of layout, clear project description and understanding and product.
Surely there is a way of creating these customisable dropmenus and the masters of said software such as yourselves might find it too time-consuming to give me an idea of where to start, it's cool, I get it.
On paper it's simple; create dropdown menus (slide smoothly) for external links etc, using the .pngs I've designed in Illustrator to give as much aesthetic interaction as possible, that's what I've been assigned to do to replace the quickly-slapped together website there was before. I can't show you the pages I've created from Illustrator using Slices (not a very effective option) since it's under the institution "law" of data protection until ready. I can only provide snippets and the previous website which is being completely updated to meet a brief of "smart, slick, simple".
My definition of that is to have the style of smart, slick and simple whilst having a little more depth and accessibility. All things wonderful get better and evermore intriguing the closer you look.
Thank you again for your help, I'm still learning but I put the hours into something that needs full attention. Plus to whinge (sorry) I'm not being paid, and it's a 3 month schedule. "Tene lupum auribus".
Many thanks and best wishes,
James MLM

FWs Nav Bar - Make Hyperlinks

Hi
I am currently making a website and I have created a nav bar
in fireworks using slices and pop-up menus etc. Anyway I have
imported it to my website in Dreamweaver, but I cant figure out how
to make a hyperlink from the from down and nav bar buttons to the
corresponding page. Do I make the links in Fireworks? If so, how?
In Dreamweaver also how?
Any help much appreciated, thanks.

It would be easiest to add the hyperlinks in Fireworks, which
you can do in the pop-up menu editor (same place you entered the
text for the buttons).
If you wanted to add the links in Dreamweaver you'd have to
do it in source-code view. Search for the text that you entered for
the button name, and Fireworks should have entered a pound/hash
symbol (#) for your link (don't quote me on that though). Replace
that with your page link and you should be good to go.
Someone should be along shortly to tell you that the
Fireworks menus suck though, so stand by for that.

I need help importing navigation bars and rollover buttons from fireworks?

I need help importing navigation bars and rollover buttons from fireworks, drop down menus and rollover states won't work!
Thanks

In my experience, the code created by graphics apps is less than satisfactory. And image based menus are very awkward for several reasons.
#1 If you decide to change your menu later, you must go back to your graphics app and re-craft the whole thing. After 2-3 times of this, it gets old in a hurry.
#2 Image based menus cannot be "seen" by search engines, screen readers and language translators.
#3 CSS styled text menus are better for your site's visibility, accessibility and they are a snap to edit in Dreamweaver.
That said, if you're still married to image based menus, use Fireworks to create images only. Use Dreamweaver's Image Rollover Behaviors to create your rollover scripts.
Nancy O.

I have created a Fireworks nav bar with drop down menus. Can't get the weblinks to save.

I have been trying to add the web addresses in my Fireworks nav bar drop down menus. I can't get them to "take". I add the address, click done and some of them save and some don't. I am pulling my hair out! HELP!

the easiest way is constructing your menu with frame labels
now i have no way of knowing how you are constructing it ..so
this may not work for you ...i assume that you have created a main
button ...that has been converted into a symbol & then
duplicated to create all other buttons
okay here it goes ..i hope i dont confuse you
i will explain how to create 1 button with 4 submenu items
with the trems that i mentioned above
but iam not going to explain all the details of creating a
whole nav bar
because it just takes too much typing ...i assume you already
know this
sooo ! ...lets say this is the Portfoio button ...inside the
symbol now
create 8 layers ...the order is going from top to bottom
actions
labels
submenu Logos
submenu Illustration
submenu Animation
submenu Coolstuff ."you will name your button items how you
like" ...
main button....lets just say Portfolio !
invisible btn for main button
so now on with the hard stuff
create 20 frames ...stop action on frame 1 ...frame 9
...frame 20
on the labels layer now ....name frame1 "Closed" ...frame 10
"Open"
on the submenu Logos layer ...create a keyframe on frame 10
all frames before the 10th frame will be blank frames
repeat that for the rest of the submenu items
on the main button layer you will just place the main
Portfolio button on frame 1
& on the invisible button layer ..the inv btn is going to
be placed on frame 10
all this is iam hoping your have converted everything into1
symbol
all you need to do know is attach code to the main Portfolio
button & the invisible button
so click on the Portfolio button
on (rollOver) {
gotoAndStop("open");
invisible button
on (rollOver){
gotoAndPlay("closed");
& that should be good ...very simple !
then just repeat this process for every button that makes up
your nav bar ....& it doesn't matter if your inv buttons
overlap each other or your main nav buttons are touching each other
peace John

I can no longer open numbers and am therefore barred from access to important accounts - what do i do next

I can no longer open numbers and am therefore barred from access to important accounts.What do I do next?

Hi mp,
If you updated to OS X Mavericks, there may have been an automatic update to Numbers 3. Numbers 3 will be in your Applications folder. Numbers '09 has not been replaced. Look for Numbers '09 (Numbers 2.3) in a folder called iWork '09 inside your Applications folder. You can run both versions of Numbers at the same time.
I have icons for both versions on my Dock. Drag each to the Dock from Applications folder and Applications > iWork '09 folder. Right click on each and Options > Keep in Dock. Now you have the choice of which to use.
Numbers 2 (3 column chart) on the left. Numbers 3 (4 column chart) on the right.
If a document won't open, try opening from within each version. Or right click on the document and Open With...
You can Export a Numbers 3 document back to Numbers '09 with Menu > Export > Numbers '09...
Post back if you have problems.
Regards,
Ian.

Removing scroll bar from Nav Panel & Work Area layout

Hi Guys,
I have a requirement to remove the scroll bar which appears between nav panel and Work Area in 'Nav Panel and work area layout'.
I would like it to be as a single page as we get in narrow: wide layout.
Well I could just do it by using a narrow:wide layout, but the challenge is I also need the collapse/expand Icon which we get in Nav Panel/WA layout.
I am looking fcor help with either
1. Removing the scroll bar from Nav Panel/WA layout
Or
2. Adding collapse/expand icon to narrow:wide layout.
Thanks,
Yomesh

Hi Yomesh ,
If you want to enable the expand/collapse icon , then you can set the property named Show Tray of the page to yes and then test . By default the property meant for showing the expand/collapse icon is set to yes . You only need to enable the tray and check .
I did not get the requirement that you have with respect to scrollbar . Where is that scrollbar appearing that you want to remove?
Regards
Mayank

Page from a Template - Nav Bars Not Coming Across

Have Dreamweaver CS4 on XP
I have a template that has an absolute placed div for the
header box...and just below that a 50 pixel absolute placement div
to hold the navigation bar.
The nav bars have 8 different buttons and several sub menus.
They look fine and work fine on the template and they preview in
firefox fine. In the template the header and the nav bars are not
write enabled...but the AP div for site content is write enabled in
the copy pages.
Here is the WEIRD behavior is CS4. In my first child copy
page of the template...I can NOT see the nav bar...but if I upload
it to the server and look at it there...the nav bar is visible. The
nav bar has 2 java scripts that have to be loaded in the root...and
they are there.
In the second page I made...the nav bar is NOT visible, it
does not preview, and it does not show up when I call it from the
server.
Whats UP with Dreamweaver or Me? I have had soo much funky
behavior with templates and resulting pages.
Can someone help figure this out with me. Some post talked
about making the z value of the nav bar be 1100 or 1300 because of
some IE problem...so I did that trying to avoid problems with the z
value being off.
Thanks for your help
Suzzie

Post a link to the page, please.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"suzzie12" <[email protected]> wrote in
message
news:gmr5v7$ou3$[email protected]..
> Have Dreamweaver CS4 on XP
>
> I have a template that has an absolute placed div for
the header box...and
> just below that a 50 pixel absolute placement div to
hold the navigation
> bar.
>
> The nav bars have 8 different buttons and several sub
menus. They look
> fine
> and work fine on the template and they preview in
firefox fine. In the
> template
> the header and the nav bars are not write enabled...but
the AP div for
> site
> content is write enabled in the copy pages.
>
> Here is the WEIRD behavior is CS4. In my first child
copy page of the
> template...I can NOT see the nav bar...but if I upload
it to the server
> and
> look at it there...the nav bar is visible. The nav bar
has 2 java scripts
> that
> have to be loaded in the root...and they are there.
>
> In the second page I made...the nav bar is NOT visible,
it does not
> preview,
> and it does not show up when I call it from the server.
>
> Whats UP with Dreamweaver or Me? I have had soo much
funky behavior with
> templates and resulting pages.
>
> Can someone help figure this out with me. Some post
talked about making
> the z
> value of the nav bar be 1100 or 1300 because of some IE
problem...so I did
> that
> trying to avoid problems with the z value being off.
>
> Thanks for your help
>
> Suzzie
>
>
>

I imported my favorites from Internet Explorer but I need to know how to display my "favorites" in the tool bar so I can access and organize them

I imported my favorites from Internet Explorer, but how do I display "favorites" in the tool bar so I can access and organize them?

It did merge them after a fashion, glad I took a backup first even if I did only perhaps create 3 or 4 bookmarks today. So if I have bookmark separators, it's going to figure out which group to put them in (no way). Anyway I thought they would just go down to the bottom of the bookmarks menu like the other method, like when I export and import bookmarks in Firefox where they do go to the end of the Bookmarks Menu folder and would simply delete one folder.
Anyway this would not be typical because I don't want any bookmarks from IE.

How do I suppress messages/loading bars from Import-Module and Import-PSSession?

Hello,
How do I suppress messages/loading bars from Import-Module and Import-PSSession?
I am writing a script that will be using these commands and it makes the script look clunky/scary to novice users.
Thank you for your time.

Sorry to bring this back up, but it seems that the ProgressPreference worked for Exchange, but it didn't affect the Active Directory progress bar. Any ideas why?
Strange, this worked just fine for me (no module loading indication):
PS C:\Users\mike.admin> $ProgressPreference = 'SilentlyContinue'
PS C:\Users\mike.admin> Get-ADUser mike.admin | Select Name
Name
mike.admin
Don't retire TechNet! -
(Don't give up yet - 12,950+ strong and growing)
I do run the Import-Module command inside a function, but I doubt that would do it because I assume the preference is set scriptwide.
This will work anywhere.
$global:ProgressPreference='SilentlyContinue'
¯\_(ツ)_/¯

How can I get rid of the earth looking image from nav bar?

Hi, folks:
I tried to replace it with another image, by going to folder-> edit-> image tab-> Title image and Rollover image, I uploaded both images, but the nav bar still shows a blue picture of earth.
null

In the same page click on the Nav Bar tab
Click on the nav bar properties <name> link
click on the Style tab in the nav bar properties
click on the style properties <name> link
choose the background image element and remove the background image(which happens to be the earth img by default)
you can control the rest of the nav bar style elements here
Hope this helps

Coloring email link differently from nav bar links

Hi: Please go to tedandada.com. Click on "contact us" on menu on the left. On the "contact us" page you will see two email addresses. They are black. I would like them to be red before they are even rolled over or clicked to open an email program.
How can I color them? I noticed that I can select and color ordinary text but I cannot select and color the email addresses because they are links.
I do not want to change the way the links work in the nav bar. I want them to stay as they are.
Thanks.
S

Kath and Murray:
Kath wrote:
How right you are Kath.
May I suggest something? I will do HTML tutorials at this site:
http://www.w3schools.com/default.asp
So -- Murray and Kath -- I am not stubborn. (Okay, I am stubborn --- but I am not hopelessly stubborn). Also I like to learn new things.
BUT - I would still like you to walk me through this one thing I want to do one step at a time - using the knobs and dials. In the meantime, I will do the HTML tutorials -- but obviously it is going to take me time to get the hang of it. So please humor me in the meantime.
All I want in response to this post is the FIRST STEP. After I do that, I will write again for the second step.
MY object is to color the links which automatically open a mail program: "[email protected]" and "[email protected]"- on the "Contact Us" page on the tedandada.com site ---- without affecting the behaviour of the links in the nav bar.
I just want these links blue. I am not interested in hover or visited effects for these two links. (Perhaps these are not even called links - as they perform an action of opening the users mail program rather than linking to a place on my site or an external site).
Okay so far -- I hope.
Step 1: I open the page "contact us" on tedandada.com
Step 2: Here it seems I have four choices to start with (using the knobs and dials)
a: I can open "External CSS" in the head section of the "contact us page."
b: I can open "page properties" on the "contact us" page
c: I can click on the "open CSS editor" in the upper right corner of the contact us window.
d: I can select the links I want to color and open the CSS palette.
So --- Which of the four choices above (a, b, c or d do I do first?)
Let's just start here. OK?
In the meantime, I AM taking both of your advice to learn some HTML - by doing the tutorials --- but until I get a handle on it, please bear with me and help me the bells and whistles way.
Thanks for your help and patience.

Nav bar resizes table

Hi, I am trying to create a page that is 800 px wide with a
nav bar that is also 800 px wide but the nav bar seems to increase
by 21px when it is exported out of fireworks and then imported into
dreamweaver. This then forces the rest of the page out by 21px. I
have tried deleting the spacers fireworks creates and just resizing
the table itself but this does not help. I have coloured the
background of the header black to illustrate this. Please find my
problem at
http://www.cambridgestainedglass.co.uk/
. Thanks in advance

>>when it is exported out of fireworks and then
imported into dreamweaver
Sorry to say but that is likely the cause of all your
problems. Exporting
anything but single images (i.e. HTML) from Fireworks,
Photoshop, etc. is a
poor practice as those apps create very wonky HTML code. I
suggest you go
back to FW, export single images/slices only and then build
the nav bar in
DW.
But DO NOT use the built-in DW menus either. Either code your
own menus (nav
bar) or use an add-on like the P7 stuff.
Walt
"Stefan83" <[email protected]> wrote in
message
news:f87dqu$nps$[email protected]..
> Hi, I am trying to create a page that is 800 px wide
with a nav bar that
> is
> also 800 px wide but the nav bar seems to increase by
21px when it is
> exported
> out of fireworks and then imported into dreamweaver.
This then forces the
> rest
> of the page out by 21px. I have tried deleting the
spacers fireworks
> creates
> and just resizing the table itself but this does not
help. I have coloured
> the
> background of the header black to illustrate this.
Please find my problem
> at
>
http://www.cambridgestainedglass.co.uk/
. Thanks in advance
>

Nav bars rollover stops working when there is a drop down menu

I am making a navigation bar bar that has about 5 links on it
all with rollovers. Their is one rollover that uses a drop down
menu. That rollover doesn't give me a rollover just a drop down. I
want to have both happen.
Also does anyone know how to keep the rollover in the down
state? I want to make it easy for the user to know where they are
in the site by just glancing at the nav bar.

pik80 wrote:
> I am making a navigation bar bar that has about 5 links
on it all with
> rollovers. Their is one rollover that uses a drop down
menu. That rollover
> doesn't give me a rollover just a drop down. I want to
have both happen.
Add a swap image behavior to the button you want to rollover.
> Also does anyone know how to keep the rollover in the
down state? I want to
> make it easy for the user to know where they are in the
site by just glancing
> at the nav bar.
Remove the normal state button image from the linked in page.
Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/
http://www.adobe.com/communities/experts/

Importing Nav Bar from Fireworks

Similar Messages

Maybe you are looking for