Navigations-Erweiterung in Dreamweaver

Hallo
Ich bin noch Anfängerin und mühe mich gerade mit unserer eigenen Website für Photographie ab!
Mein Problem ist, dass ich keine Schritte gefunden habe, die mir zeigen, wie ich an meine einzelnen Navigations-Elemene (horizontal) weitere "Unterelemente" (vertikal) anknüpfen kann, welche sichtbar werden, sobald die Maus auf ein Element in der Navigation zeigt.
Also beispielsweise "home"-"Galerie"-"Kontakt" horizontal oben
Wenn die Maus auf "Galerie"zeigt, werden Unter-Navigationen wie "Portraits"-"Landschaft"-"Reportage" etc. vertikal sichtbar.
Müsste ich dafür mit Frames oder Ebenen arbeiten? ...habe damit noch keine Erfahrung.
Vielen Dank im Vorraus für eine eventuelle Antwort. LG Lena

Hallo Lena,
lena_1 wrote:
Jetzt habe ich gehört, dass meine Vorstellung wohl nur mit Javascript realisierbar wäre.
Das ist korrekt, weil die "Untermenüs anzeigen/verbergen" - Animationseffekte solcher Menüs ohne Javascript nicht funktionieren würden, wobei zusätzlich reichlich CSS zum Einsatz kommt.
Es gibt ja zweierlei Arten von horizontalen bzw vertikalen Menu-Systemen:
a) welche, die sowohl die die Navigationselemente repräsentierenden HTML-Elemente der Seite als auch die entsprechenden (extrem vereinfachend gesagt...) Trigger - Befehle komplett in Javascript-Code "einpacken"
b) andere, die dem Entwickler erlauben, die Navigation als z.B. reguläre verschachtelte HTML-Listen zu definieren und im zweiten Schritt die zur Animation erforderlichen Javascript -Trigger "im Hintergrund" (will sagen, vom HTML-Code getrennt) auf diese Listen anzuwenden.
Menüsysteme der Kategorie b) bieten auf jeden Fall deutliche Vorteile, weil...
a) die Menü-Struktur aus reinem HTML besteht und auch im Nachhinein problemlos geändert werden kann, ohne von Javascript grossartig (wenn überhaupt) Ahnung haben zu müssen
a) sowohl Suchmaschinen (die ja Javascript völlig ignorieren) als auch Seitenbesucher, die einen Browser mit deaktiviertem Javascript-Support verwenden, auf jeden Fall noch die zugrunde liegenden verschachtelten HTML-Listen angezeigt bekommen und demzufolge die Navigation als solche nutzen können.
Damit kenne ich mich aber nicht aus.
Die Frage wäre, ob Du Dich damit befassen möchtest, um z.B. ein auf dem SPRY-Framework oder JQuery basierendes horizontales Menü selber einbauen zu können, oder ob Dir mit einer kommerziellen Dreamweaver Menü-Extension eher gedient ist. Sofern nur letzteres in Betracht kommt, wird die Auswahl an Dreamweaver 8 - kompatiblen Extensions natürlich zunehmends kleiner, aber ich habe gelesen, dass man die bei vielen Anwendern sehr beliebte Menu Bar Magic - Extension von PVII nach wie vor mit DW 8 verwenden kann.
Günter

Similar Messages

Problems inserting a Fireworks navigation bar in Dreamweaver

I designed a navigation bar in Fireworks. When I preview it
works fine and I exported it as a "HTML and Images" file type. I
used Dreamweaver to insert it through Insert, Image Objects,
Fireworks HTML, I browse the html file, but when I click OK it
displays the message: "The selected file is not the correct format.
Please select an HTML file which was exported from Fireworks". What
am I doing wrong. Is it the file format when I export it? Please
help me, I am a rookie with this, have no manuals, no training at
all, just you.

I have the same problem: I designed a navigation bar in
Fireworks. When I preview it works fine and I exported it as a
"HTML and Images" file type. I used Dreamweaver to insert it
through Insert, Image Objects, Fireworks HTML, I browse the html
file, but when I click OK it displays the message: "The selected
file is not the correct format. Please select an HTML file which
was exported from Fireworks". What am I doing wrong. Is it the file
format when I export it? Please help me, I am a rookie with this,
have no manuals, no training at all, just you.
I followed your directions and still received the same error.
What can I do?

ANN: Flash navigation menus for Dreamweaver

WebAssist is proud to announce the release of FlashNav Menus,
a collection
of 9 search-engine friendly, Flash menus for Dreamweaver.
FlashNav Menus
were developed by master Flash programmer Dmitry Molchanov of
f-source.com
and combine easy to modify and search engine compatible HTML
links with
animated Flash menus.
FlashNav Menus are $94.99.
For more information, visit:
http://www.webassist.com/professional/products/productdetails.asp?PID=124
Best - Joe
Joseph Lowery
Vice President of Marketing, WebAssist
Author, Dreamweaver 8 Bible

carl wrote:
> would you suggest to install the updater - without
giving you any
> responsibility for whatever you recommend
The only problems that I am aware of with the updater are
these:
* Some third party extensions currently don't work with
Dreamweaver 8.0.2.
* The Test SQL Statement panel doesn't render correct results
for MySQL
functions.
* The recordset dialog box strips out the MySQL CONCAT()
function from
SQL queries.
Item 1 isn't a major concern to me, as I rarely use the
extensions
affected (mainly MX Kollection 3 and extensions created by
Tom Muck).
Items 2 and 3 do concern me, but since I'm aware of them, I
can easily
work around them.
I have installed the 8.0.2 updater, and don't have any plans
to
uninstall at the moment. The changes to the server behaviors
improve
security, so that's an important reason to update. On the
other hand, if
you rely heavily on extensions created by InterAKT or Tom
Muck, you may
be better off waiting until they have updated their products,
too.
David Powers
Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
Author, "Foundation PHP 5 for Flash" (friends of ED)
http://foundationphp.com/

Navigation Bar Question in Dreamweaver

How do put text on the links in the navigation bar in dreamweaver - this is text the person would see when they rollover the link in the navigation bar

There are two attributes that may be used to place text on a navigation bar in Dreamweaver but I would strongly urge you to not create navigation that is not easy for the visitor to figure out.
The first is through the use of an alt tag thusly:
<a href="where_this_links_to"><<img src="images/your_nav_image" alt="What_the_link_is" /> </a>
This will be picked up in Firefox.
You may use the title attribute for all other browsers, which will cause a tool tip to appear after a certain hover time thusly:
<a href="where_this_links_to"><<img src="images/your_nav_image" alt="What the link is" title="What the link is" /> </a>
alt tags are required for screen readers to assist persons without sight and title tags are generally used to make what is not apparent, apparent.
Again, if your navigation is not understandable, your website design should be corrected so that it is.

Dreamweaver help! creating navigation bar?

how do i create a navigation bar. my dreamweaver help says a
nav bar has a up. down and over image but doesn't actually tell me
where to get this image or how to create it??
if this is going to be too complex i don't mind just having
my nav bars as text link but can't seem to spread my 7 links out
horizontally as i can only have two space bar in between each text?

You and me both my friend! I just got off the phone with
"tech support" trying to pay for a single incident ($35) so they
could walk me through putting a navigation bar on my website. It's
so frustrting dealing with some of these techs. I don't want to be
politically incorrect here, but I always wind up with someone I can
hardly understand ( accent ). This stuff is hard enough to follow
with a language barrier. Then I called in to tech support, they
told me I had to pay that I was out of complitmentary assistance,
so they transferred me to sales, who after speaking to two more
people I had trouble understanding, I was transferred back to tech.
support who asked me if I had paid for a plan! Then she says she
can take the credit card etc., when I got through with that she
tells me that she can't walk me through putting the nav. bar
directly on my web site, that I'll have to open a new page and to a
sample one. ( which means when I finish I'll have to remember all
the steps and try to duplicate it on my own site. ( you know how
that goes! ) It's infuriating. I wound up spending an hour and got
nothing, they couldn't even just charge my card so I'd have credit
toward one call later. ( I had to go after dealing with this for 45
minutes)
Anyway, You have to go to Firefox or maybe photoshop to
create the background image. I did some in Firefox, but for the
page background, not the nav. bar. You would open a new page, put
in the size ( pixels ) you need, then use the rectangle tool to
outline that which selects it. Then you can go to the bottom of the
screen and select the color and gradient tool to create some cool
color effects. The thing I don't know is how to know exactly what
size your navigation bar is going to be ahead of time so to size it
right. I understand it has to be exact. This tech told me that they
can't help with any "design issues", like color, where it goes in
your website, etc. If they talk you through how to do it on a blank
page and then you have trouble on your real website, well that's
another issue and another $35. But I don't even understand if they
will help you on the real website. NIGHTMARE!!!!

How to integrate an page created in Dreamweaver

I've created a site in iWeb. For my audio page I want to use a specific flash player that I could not get to work by merging it in my audio iWeb page (some conflict with one of the .js file). So my solution was to hack it. By that I mean I recreated the iWeb navigation bar in Dreamweaver so everything looks the same but now I need to change the links of my audio tab in the iWeb navigation bar (again my "hacked" page lives inside another fold in my audio folder and I can't move it.) So my question then is where are those links coded so I can updated them? I suspect it would be in one of those .js files but could not find anything that look like links in there.
Any help would be greatly appreciated or a better solution if there is!
cheers,
Message was edited by: marc baril

One method would be to put your Dreamweaver page on the server and then link to it either thru a text based hyperlink or thru a dummy blank page in your iWeb site that has the name of the DW page you want to use. This will put your DW page in the navbar at the top of each iWeb page.
In the blank page add the following code to an HTML snippet:
<script type="text/javascript">
parent.window.location = "URL TO DREAMWEAVER PAGE YOU WANT TO REDIRET TO"; </script>
Thanks to Cyclosaurus for the code
This will immediately redirect the visitor to that DW page when they click on the link in the navbar. To get back to the original site you will have to put a hyperlink in the DW page sending the visitor back to the desired iWeb page of your site.
OT

Video in Navigation bar

Is it possible to use a short video as the roll over feature on a navigation button in Dreamweaver? If it is, how?

An actual video as a rollover could be done, yes, but there are a lot of drawbacks (load times, needing javascript for your navigation menu, browser support of file types used, etc).
Would using an animated .gif be possible with your video?
Generally, an animated .gif would have much better support across browsers/versions/platforms.

Where's the navigation element in Dw6? Or how do I create one for a new site?

I can't find the navigation element in Dreamweaver 6

This is where it is in Dreamweaver CS6 (version 12.2):
The HTML5 elements were added to CS6 in an updater. If all you've got are div tags and Spry options, it sounds as though you're using the original release of Dreamweaver CS6.
Whether you have access to the updater will depend on your version of CS6. If you bought it as a perpetual licence, you have access to the security updates available here: Adobe - Dreamweaver Support Center : Updaters. I don't know if any of those updaters add the new features to the Insert panel. I suspect they don't. This is one of the drawbacks of the perpetual licence: you get the original software and it never expires, but you don't get the new features offered to Creative Cloud subscribers.
If the updaters don't add the HTML5 elements to the Insert panel, you will need to insert them manually in Code view. Sorry.

Using Spry Vertical Navigation with Templates-Need to indicate current page

Using Spry Vertical Navigation with the Dreamweaver templates. Using editable attributes etc., the current page mennu item does not seem to be changing. How do you indicate the. current page.

Persistent Page Indicator on Site Wide CSS Menus:
http://alt-web.com/Articles/Persistent-Page-Indicator.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Navigation Menu trouble!

I created a drop down Navigation Menu in Dreamweaver CS5 by using the Spry Menu Bar. After I customized the colors I noticed that the drop down tab were appearing correct, but on the left if i widend the screen all the tabs were listed off the page.I have the website I created centered so u can see the tabs to the left.
Attached is a picture.Can someone help me what did I do wrong?

IMO the entire layout is in trouble not just the menu.
I would start over with a pre-built CSS layout and ditch the tables. You really don't need tables for layouts and should only use them when displaying tabular data (spread sheets & charts).
CSS Liquid Header & Footer with Floats
http://alt-web.com/TEMPLATES/I-page-with-floats.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Unable to find navigation bar

I'm following a textbook on dreamweaver cs4, but I currently have cs5. It tells me to go to the Common category, click the images list arrow and then click 'Navigation Bar.' I am unable to find the option 'Navigation Bar' in Dreamweaver CS5. Could someone please direct me to it?
Thanks,
Galagali

I'm following a textbook on dreamweaver cs4, but I currently have cs5. It tells me to go to the Common category, click the images list arrow and then click 'Navigation Bar.' I am unable to find the option 'Navigation Bar' in Dreamweaver CS5. Could someone please direct me to it?
The navigation bar feature has been deprecated as of Dreamweaver CS5:
http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7c18a.h tml
HTH,
Randy

Programmatically creating a navigation bar

I am attempting to programmatically create and drive an OAF Navigation Bar bean. I can successfully instantiate the OANavigationBarBean and get it to appear on the page. However, I am unable to programmatically add any links to the navigation bar. I have attempted to do this programmatically in the processRequest method of the Controller of page1, using the following code:
OAPageLayoutBean oapagelayoutbean = (OAPageLayoutBean)oawebbean;
OANavigationBarBean oanavigationbarbean = (OANavigationBarBean)createWebBean(oapagecontext, "NAVIGATION_BAR", null, "TheNavigationBar");
oanavigationbarbean.setValue(1);
oanavigationbarbean.setMinValue(1);
oanavigationbarbean.setMaxValue(5);
OALinkBean oalinkbean1 = (OALinkBean)createWebBean(oapagecontext, âLINK_BEANâ, null, "Step1");
oalinkbean1.setRendered(true);
oalinkbean1.setID("Step1");
oalinkbean1.setLabel("Step1Label");
oalinkbean1.setText("Step 1");
oalinkbean1.setUINodeName("StepOneNodeName");
oalinkbean1.setDestination("/oracle/apps/ak/myapp/server/page2");
oanavigationbarbean.addIndexedChild(oalinkbean1);
oapagelayoutbean.addIndexedChild(oanavigationbarbean);
This code compiles but doesnât do anything when the next button is clicked.
Has anyone else encountered this problem?

As you can see, you are in for a lot of work with this popup
menus...
read these 2 articles before going any further:
http://www.apptools.com/rants/jsmenu.php
http://www.apptools.com/rants/menus.php
The best way to use a navigation menu across all your pages
is to either use
DW templates or Server Side Includes. (SSI). However, the DW
popup
navigation system doesn't play nice with Templates.
There are better ways to build these menus, mention of this
is in the
articles above. The will be much easier to maintain across
your whole site.
Nadia
Adobe� Community Expert : Dreamweaver
http://www.csstemplates.com.au
- CSS Templates | Free Templates
http://www.perrelink.com.au
- Web Dev
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
http://www.adobe.com/devnet/dreamweaver/css.html
> Alright guys, I built a navigation bar in fireworks that
has all the
> pop-up
> menus for my schools website but I don't know if this is
the easiest way
> to do
> it. I need this navigation bar to be on every single
page of the site
> except
> the banner above the buttons will change. I thought the
easiest way to do
> this
> would be putting the fireworks HTML on each page and
then when I get ready
> to
> add links to the navigation bar I can just update that
HTML since its the
> same
> for all pages. But, I tried that and I still have to
update each page
> manually.
> Right now there are no links associated with the pop-up
menus and I need
> to
> start linking them to pages. The down side, I don't know
how to get the
> pop-up
> menus linked! HELP!
>
> Please let me know if there is an easier way to build a
navigation bar in
> Dreamweaver. Thanks!
>

Validation errors javascript navigation bar

I created a navigation bar using Dreamweaver CS3 wizard. I
got several error messages. After I replaced all the uppercase
letters with lower case, I had only one error message. I know
nothing about javascript and I may have messed something up.
Dreamweaver put the navigation bar in a table. I got rid of the
table and put it in div tags. I also moved the part that goes in
the head to an external sheet. Here is coding from the page:
quote:
<div id="mainNav">
<div class="buttons"> <a href="#" target="_top"
onClick="MM_nbGroup('down','group1','home','images/buttons/home2.jpg',1)"
onMouseOver="MM_nbGroup('over','home','images/buttons/home2.jpg','',1)"
onMouseOut="MM_nbGroup('out')"><img name="home"
src="images/buttons/home2.jpg" border="0" alt=""
onLoad="MM_nbGroup('init','group1','home','images/buttons/home1.jpg',1)"
/></a> </div>
<div class="buttons"> <a href="javascript:;"
target="_top"
onClick="MM_nbGroup('down','group1','About','images/buttons/about2.jpg',1)"
onMouseOver="MM_nbGroup('over','About','images/buttons/about2.jpg','',1)"
onMouseOut="MM_nbGroup('out')"><img name="About"
src="images/buttons/about1.jpg" border="0" alt="" onLoad=""
/></a></div>
<div class="buttons"> <a href="javascript:;"
target="_top"
onClick="MM_nbGroup('down','group1','support','images/buttons/support2.jpg',1)"
onMouseOver="MM_nbGroup('over','support','images/buttons/support2.jpg','',1)"
onMouseOut="MM_nbGroup('out')"><img name="support"
src="images/buttons/support1.jpg" border="0" alt="#" onLoad=""
/></a> </div>
<div class="buttons"> <a href="javascript:;"
target="_top"
onClick="MM_nbGroup('down','group1','contact','images/buttons/contaqct2.jpg',1)"
onMouseOver="MM_nbGroup('over','contact','images/buttons/contaqct2.jpg','',1)"
onMouseOut="MM_nbGroup('out')"><img name="contact"
src="images/buttons/contact1.jpg" border="0" alt="" onLoad=""
/></a></div>
</div>

And the error messages:
quote:
Line 33, Column 302: there is no attribute "onload".
…/home2.jpg" border="0" alt=""
onload="MM_nbGroup('init','group1','home','imag
/Q]
If I may throw another javascript question in.... Dreamweaver
threw something into the body tag that appears to be preloading the
images
"<body
onload="MM_preloadImages('images/buttons/about2.jpg','images/buttons/support2.jpg','image s/buttons/contaqct2.jpg','../images/buttons/home1.jpg','../images/buttons/home2.jpg')">"
Can this be moved to the external sheet or is this the same
thing which is in the external sheet:
"function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new
Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a
.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
Thanks.

> I have a complex navigation bar created using
> javascript.
It should only take you a few weeks to discover what a bad
idea this is,
then.
> I need to make sure the links are not broken.
DW will not do this. Furthermore, if you rename or move a
linked file, you
will break that link, since DW cannot manage them either.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"KellyFaith" <[email protected]> wrote in
message
news:e3fpba$mh1$[email protected]..
> I'm relatively new to DW. I have a complex navigation
bar created using
> javascript. Is there a way I can check that there are no
broken links in
> the
> navigation bar? When I use the Link Checker, it does not
appear to check
> the
> links in the javascript. I need to make sure the links
are not broken.
>

Spry drop-down nav bar not working in Netscape 7

Hello
My site is up at www.Frontiers.uk.net.
I built a drop down navigation menu using Dreamweaver's new
Spry feature. It works fine in IE 6 & 7, Firefox & Mozilla,
but in Netscape 7 (the only Netscape I've tested), the dop-down
menus don't always appear (eg under Courses), and the submenus,
which should slide out to the right (eg. next to 'Children's
courses' under Courses) - do not work.
This bothers me as my stats (LiveStats) say that 30% of my
users (the highest amount) are using Netscape 7.x. Which I find
strange (I don't think that figure includes Firefox as the stats
list that separately).
Anyone else have this problem, and any idea how to fix it?
Thanks,
James

Have you contacted Project VII support or searched their knowledge base?
http://www.projectseven.com/support/index.htm
Also, is there any way to remove unused styles (in an external CSS) in DW? Just it would be a pain to go through and remove the styles I've tried, but then later decided not to use.
Not exaclty a DW answer, but I've used the free FireFox add-on to help me find unused selectors. Point it to a sitemap.xml and it can spider the whole site (as listed in that xml file).
https://addons.mozilla.org/en-US/firefox/addon/5392
But be careful with it. It apparently doesn't read JavaScript and your PMM triggers are actually used.
Mark A. Boyd
Keep-On-Learnin' :-)
If you are reading this via email, be aware that it may not be an accurate representation of my message. Login to read the actual message and/or to reply.

Spacing in drop down menu

I have made a drop down navigation menu in dreamweaver cs6 but I would like to shrink some of the spacing between the menu opinions. The places marked in red is what I would like to shrink so there is less space between the text and next navigation button. Thanks in advance. I hope I explained my problem clear enough.

I notice you're using Spry. Spry has been deprecated and will no longer be officially supported by Adobe. Read here: http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l
You may want to consider using a jQuery based menu. Lots of links here: http://www.freshdesignweb.com/jquery-menu.html

Navigations-Erweiterung in Dreamweaver

Similar Messages

Maybe you are looking for