Creating a Nav Bar in Cs5

Today I wanted to make a navigation bar for my website using the dreamweaver cs5 trial. I googled  "how to create a navigation bar in dreamweaver" in dreamweaver. I got a large amount of results all of which were confusing.I already have a header made in photoshop with a toolbar in it, however I am unsure of what to do next.
Can anyone give me basic step by step instructions on how to make a toolbar out of part of a photoshop image or should I try something completely different way to make a toolbar?

Have a look here http://tv.adobe.com/watch/taming-the-web-with-greg-rewis/from-comp-to-finished-page/
I hope this helps.
Ben

Similar Messages

  • How to use CSS to create horizontal nav bar in Dreamweaver CS6

    How to use CSS to create horizontal nav bar in Dreamweaver CS6

    One of the ways to do it is this: Tryit Editor v1.9
    You can also use floats to get something to the same effect.

  • How to create a Nav Bar?

    How can you create a navigation bar in DreamWeaver CS4?

    How can I create one from scratch?
    With HTML and CSS.  See Nancy's links.  Or -
    Check the uberlink and MacFly tutorials at PVII - http://www.projectseven.com/
    and the Navbar tutorial/articles at Thierry's place
    http://tjkdesign.com/articles/dropdown/
    Or this one (more recent article):
    http://tjkdesign.com/articles/Pure_CSS_Dropdown_Menus.asp
    Or to get it done fast, go here -
    http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm

  • Creating nav bars using layers

    I am trying to create a nav bar on the left hand side of a web page.
    I have created it how GoLive CS2 seems to suggest, so each option that will appear in the nav bar has been created as a seperate layer. I have positioned these correctly, then added actions to each of these so things will happen when the user mouse clicks on an option.
    It has 5 main links in at the top level and each of these have sub-sections. At the moment when the user clicks one of these options the sub sections appear beneath it and the other options that were previously in the way slide down to allow these sub-sections to appear.
    The issue is when these sub-sections need to open out into sub-sub-sections. I have succesfully worked out how to get these to ShowHide on a mouse click but I cannot, for the life of me, work out how to make the options below it to then slide further down to accomodate the appearance of these sub-sub-sections, despite managing to make it happen for the sub-sections.
    Perhaps because they have already slid down already and now cannot do it again? Surely not?!
    Anyways, I hope that is all clear. If no-one replies I shall assume not and try a a re-post.
    I would be grateful of some help.
    Thanks!
    Simon

    ok, I have put the nav bar up at this address http://www.simonpeel.co.uk/leftnav/leftnav.html
    Obviously, 'View Source' to see the code.
    To re-create another problem I would like a solution to, do this:
    Click 'Come & See' and then click 'Sunday'. Then click 'Welcome' and then re-click 'Come & See' and you will see it does not revert back to the original state but keeps the spaces where the sub-sub-sections are. I may be able to work this problem out myself but I lost patience and thought if someone was going to look at it anyway, you could save me some hassle!
    Many thanks in anticipation,
    Simon
    p.s. feel free to take a look at my site by deleting
    /leftnav/leftnav.html! I'm quite proud of it, although there are some dead links lurking around.

  • 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.

  • IC Nav Bar button for Complaint Dispute transaction

    Hello Experts,
    We're trying to create a nav bar button to start the Complaint Dispute transaction. We're able to get the button to work when we do not have any confirmed business partners. However when we do have confirmed business partners we get a pop-up asking us to "Select Transaction Type" - however no transactions are presented to select. In this pop-up, the F2 component is BTFOLLOWUP and the view is BTFOLLOWUP/ProcType.
    Our logical link on the Nav Bar is defined as below:
    Logical Link: ID ZC_BT_COM
    Type: Work Center
    Target ID: TBT120MIPC
    Parameter: ZMDC
    Parameter Class: CL_CRM_IC_NAV_BTCREATE
    Icon Name:
    Title: Invoice Dispute Test
    Description: IC Invoice Dispute Test
    Any suggestions would greatly appreciated!
    Regards,
    Tom Halloran

    Hi,
    have you added the transaction type to the IC-Customizing "Business transaction profile" ?
    This could be the cause.
    If not authorization issue could be also the cause for the empty selection popup.
    Trace for missing authorizations with a ST01 trace.
    good luck.
    Best regards
    Manfred

  • Help needed with a Nav Bar and PHP page.

    Hello, i'm designing a website
    http://www.ahcagency.com for
    wich i create a nav bar in FW and exported the html to DW and
    inserted in a template so that way i update all the pages from the
    template. Everything works fine, but i have a login page for a
    secure area inside the same website and on the
    http://www.ahcagency.com/login.php
    page i have the problem. The nav bar has 7 buttons, if i insert the
    first 3 buttons on the login.php page works very nice, but when i
    insert all the 7 buttons the login.php does not work at all. Also i
    insert the nav bar in all the php pages inside the secure area and
    all works fine, the probles is only in the login page.
    ANY ADVICE, I'M DOING SOMETHING WRONG?
    Also when i create the buttons i gave them the four stages,
    but only the 1st stage and the rollover work.
    what i want is if i click on the services page, the services
    button stay down while i'm on the services page.
    ANY HELP HERE?

    Hi
    I bought this Athlon 3000 xp on Ebay and the listing says
    Manufacturing process  0.13 micron copper process
    Package  453-pin organic PGA
    1.95" x 1.95" (4.95 cm x 4.95 cm)
    Socket  Socket A (Socket 462)
    Speed (MHz)  3000 (rated)
    2167 (real)
    Bus frequency (MHz)  166
    Clock multiplier  13
    Low power features  Halt state
    Stop Grant states
    Sleep state
    Probe state
    Other features  MMX technology
    SSE
    3DNow! Professional
    Level 1 cache size  64 KB code
    64 KB data
    Level 2 cache size  Full-speed exclusive on-die 512 KB
    Floating Point Unit  Integrated
    V core (V)  1.65
    Min/Max operating temperature (°C)  0 - 85
    Typical/Max power dissipation (W)  58.4 / 74.3
    The motherboard is a new board so there are no previous settings
     :wall:looking at the listing i think i have been told the wrong settings ,should it be 13 x 166 not 10.5 x 200 

  • CS3: Nav bar won't display in Dreamweaver

    I'm really new to Flash CS3 and I've created a nav bar with
    rollover text buttons. The button links work but the color changes
    don't. The big problem, however, is I'm not really sure how to best
    move the SWF file over to Dreamweaver. I saved the file, published
    the file, and then I exported the SWF file into the Dreamweaver
    library. When I drag the file onto my DW page, it's a big gray
    square.
    What is the optimal method for moving a Flash file into DW?
    Do I move it as an image file or a movie file? Is there a ritual
    dance I should perform to have the actual image and its buttons
    appear on the DW page?
    Thanks for any help,
    Kathy

    Which half? The top half? The left half? 8)
    Code would help. But you may not like the answer....
    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
    ==================
    "Ted Dawson" <[email protected]> wrote in message
    news:fuob30$bmk$[email protected]..
    > >I created a nav bar in FW, eported the HTML &
    Images, then inserted the
    >> Fireworks HTML into Dreamweaver. When I select a
    button and click "Edit
    >> With
    >> Fireworks" and select "Show Down State On Load" it
    only does it on half
    >> the
    >> buttons. The other half doesn't change. Can anyone
    help?
    >
    >
    > Yes, as soon as you show the code.

  • Nav Bars and Buttons scripts...noob

    Hi
    New to web design and DW, I wonder what is the difference
    between a nav bar and a nav button? Is it that nav bars create a
    number of nav buttons of the same size all in a row (vertical or
    horizontal) while a button is an individual item that goes in a
    table cell?
    I would like to take a table row of 5 cells, and I would like
    5 navigation items that would pop out a half-dozen sub-menu items
    when I hover over the nav item. Would that be a Flash button from
    the Insert => Media menu? Or something from the Insert =>
    Image Objects options? Or neither of these?
    I have been looking around for some free DHTML code that I
    could cut and paste, but everyone now seems to be using Javascript
    which I do not understand. DHTML seems to be reserved for the
    cheesy Ebay effects now, or simple on/off buttons in a variety of
    garish colors. Does anyone have a DHTML snippet of one of these
    sliding or drop-down-type menus that I could cut and paste please?
    Or a link to one that doesn't require a degree in programming?
    Doesn't DW offer something like what I want in its internal menus?
    Perhaps I just don't know what I'm looking for?
    Thanks
    Phil

    nav bar is a series of nav buttons that may or maynot be put
    into tables.
    I usually use fireworks to create java nav bars because is
    creates all the code for you and you just drop it into DW, BUT
    while it is functional and easy, it is a mess and takes some
    getting used to and starting over (again and again) to get the code
    as clean as possible. I am just learning how to do it in CSS and it
    is way cleaner, easier to experiment with and you don't have to
    deal with all the little images, java, tables or cells.
    here are some resources if you want to go this way:
    http://movielibrary.lynda.com/html/modListing.asp?sid=29
    (training videos - very very very good)
    http://www.projectseven.com/tutorials/css/index.htm
    (training & canned navigation)
    http://css.maxdesign.com.au/listamatic/
    (css code for lost of navigation types)
    Good luck!!

  • Using a nav bar with Dreamweaver in Catalyst

    I am trying to create just a navigation bar in Catalyst like you might in flash with animated rollovers. Then export the swift to use in a dreamweaver set of pages.
    The problem I am having is trying to get the page destination set up correctly. All I can find in Catalyst is Go To URL, which would be ok but it will not let me remove the Http//
    So if I fire this up in Dreamweaver, embed it, and test. It looks like a virus because its trying to go outside the parent directory of the site.
    Is there a way to make relative paths, I guess is my question?

    In the current version, no. If you have Flash Builder installed ( or just load up the trial), you could go into code and change the urls in there manually. One word of caution is the Flash Catalyst files tend to larger files than one can create in Flash Professional alone. If you are just using Flash Catalyst to create a nav bar, you might be better to develop it in Flash Professional. But, if you need to prototype it fast and get your client to sign off on the design, then Catalyst is a prefect solution.

  • Created site in iweb 08 and posted to netfirms... the pages are all loaded up but there is no nav bar, it comes up on each page as a small black dot. How do I get the nav bar to load up and show?

    I created site in iweb 08 and posted to netfirms... the pages are all loaded up but there is no nav bar, where the nav bar should be is only a small black dot on each page. How do I get the nav bar to load up and show? It was a disaster loading up my site as it changed the case of the letters and at first no pages were seen, so I had to go through and change the letters that were supposed to be cap, back to cap in every file. I don't know if this has something to do with it or not. The tech support doesn't have an answer. Please let me know if you have any ideas and solutions. Thanks bunches!

    Here are links to the simple 7 pages....
    http://www.rednosedesign.net/home.html
    http://www.rednosedesign.net/about_us.html
    http://www.rednosedesign.net/logos.html
    http://www.rednosedesign.net/flyers_&_ads.html
    http://www.rednosedesign.net/notecards.html
    http://www.rednosedesign.net/business_cards.html
    http://www.rednosedesign.net/contact_us.html

  • I have created a site with iWeb. I have replaced the iWeb Nav bar with a vertical one I made myself. Problem is, my top button disables itself if it overlaps into the "hidden" nav bar area. I can cmd click and drag it into this area, but then all the rest

    I have created a site with iWeb. I have replaced the iWeb Nav bar with a vertical one I made myself. Problem is, my top button disables itself (and the animation doesn't work) if it overlaps into the "hidden" nav bar area (indicated by a blue rectangle). I can cmd click and drag it into this area, but then all the rest of my site is pushed down the page. Don't know what to do about this. I don't know how to bring the rest of the page up without dragging it also into the designated nav bar area. Also, by doing this, is it affecting my site in ant way? see my site here at www.steveburrowsimages.com
    The home page is with it all draged into the nav bar area and the about page is with is outside the nav bar area (notice that the top button does not animate or work as a button.
    Getting confused here. Anyone got any ideas?

    Well, you made a good start with SEO by getting rid of the iWeb default navigation since it doesn't help the spiders and, out there in the real world, there are more people than you would think with javascript turned off in their browsers.
    One of the downsides of iWeb is that it doesn't allow for the alt attribute in the img tag. Its well worth adding these to give you extra keywords even if you have captioned all your images. Use iWeb SEO Tool for this...
    http://www.iwebformusicians.com/Search-Engine-Optimization/Tags.html
    iWeb, just like most drag and drop software, creates a huge amount of code which causes the pages to load slowly in the browser. Running you files through an optimizer will help to reduce this problem and further reduce the size of image files even beyond the initial optimization you do before loading them into iWeb...
    http://www.iwebformusicians.com/Search-Engine-Optimization/Optimize.html

  • How to create new nav buttons in nav bar

    I am trying to design a new site in iWeb. I want to add a row of navigation buttons to go to 8 different pages. All I have in the first page is a button called "welcome" and I cannot add anymore. It won't even let me select rollover colors or anything in that area.
    I only have a single page so far. If I add new pages does it automatically create new buttons in the nav bar, and how can I name them?
    Mike

    I cannot add anymore
    Yes you can. *New Page* from the file menu. Or *Add page* at the bottom left of the window.
    If I add new pages does it automatically create new buttons in the nav bar,
    Yes. (They're actually not buttons but textlinks)
    and how can I name them?
    By typing the characters of the pagename in the Sidebar on the left.
    Tutorials : http://www.apple.com/findouthow/web/
    Also note the word HELP in the menu bar at the top of the screen.

  • Creating new page without linking to nav bar

    I am creating a website that will have lots of pages. How can I create a page that doesn't link to my nav bar? IE.. I have home, about myself, resources etc.. each time I make a new page and name it, it automatically lists the webpage name in my nav bar. I only want say 5 topics in my nav bar but will have well over 50 pages in my site.. How do I do this? Thanks.

    Hi,
    and welcome to the Discussion Forums.
    How can I have pages which do not display in the navigation menu?
    1. Open iWeb then select a page you don't want to display in the top navigation bar
    2. Open the Inspector and go to the 'Page' tab
    3. Uncheck the "Include page in navigation menu" box
    4.Now this page will not appear in the navigation menu but the navigation menu will still appear on that page as the "Display navigation menu" is checked (unless you uncheck that one too)
    Regards,
    Cédric

  • Can you create a custom static top third and nav bar?

    I have created an index page with a custom nav bar and main banner. Is it possible with iweb that this could remain static and just the portion below reloads when you click a nav bar link?

    You can do custom templates and so on and 'print' these to JPEG, or just Export a bunch of JPEGs and put them in iPhoto to create a book online. Not the same, I know, but in case one wanted to do one.
    There is a feature request forum, at <https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform>

Maybe you are looking for