Best way to build a nav bar?

6 replies
  • WEB DESIGN
  • |
Hello, I use Dreamweaver cs4 and am just begining. I'm starting off using the pre-defined starter pages that come with dreamweaver. Most of the starter pages come with header, 3 columns, footer. My question is, what is the best way for me to put in a nav bar? Should I just insert text and images into the header div tags or should I create new div tags just for the nav bar? Also, where is a good place to find button images and other images to use on my websites? Thank you.
#bar #build #nav
  • Profile picture of the author Matthew Iannotti
    Originally Posted by iconoclast View Post

    Hello, I use Dreamweaver cs4 and am just begining. I'm starting off using the pre-defined starter pages that come with dreamweaver. Most of the starter pages come with header, 3 columns, footer. My question is, what is the best way for me to put in a nav bar? Should I just insert text and images into the header div tags or should I create new div tags just for the nav bar? Also, where is a good place to find button images and other images to use on my websites? Thank you.

    Yeah you could just use text words and hyperlink them..or insert a spry menu bar...which you will find under the insert tab...I'm pretty new to DW cs4 as well so im not an expert..
    {{ DiscussionBoard.errors[924787].message }}
  • Profile picture of the author Richard Whyte
    The best way to use DW for a menu bar is to also use CSS.

    Create a new DIV tag for the menu. Then use a UL list with LI for each item, you can then have sub items. In the CSS file you define the LI for the Div tag for the menu bar.

    This way you can customize the look and action of the Menu Bar. It sounds very complex, but once you have an idea how this setup works, you can build very complex menu bar systems fairly easy. Well worth the time to learn how this works as they are very fast for the browser to display and the code is very compact.

    Have a Great Day!
    {{ DiscussionBoard.errors[925490].message }}
  • Profile picture of the author Ed Zivkovic
    Originally Posted by iconoclast View Post

    My question is, what is the best way for me to put in a nav bar? Should I just insert text and images into the header div tags or should I create new div tags just for the nav bar?
    I don't use DW but it looks to me you could use CSS Menu as was mentioned in a previous post.

    There is a good selection of CSS Menu code at mycssmenu.com.
    {{ DiscussionBoard.errors[934045].message }}
  • Profile picture of the author cdwise
    You don't really provide enough information about what sort of navigation you want to use. Dreamweaver CS 4 has some menus in the Snippets panel under ~Legacy > Navigation.

    Your question sort of implies that you want a horizontal menu. For that I would normally put in a separate menu div below he masthead (banner) and above the columns section. If you want a dropdown menu look at the free Project Seven CSS Express menus or if you want a really easy menu tool for Dreamweaver look at their paid menu extensions.

    _______________________________________
    Adobe Community Expert - Dreamweaver
    Microsoft MVP - Expression Web
    {{ DiscussionBoard.errors[934191].message }}

Trending Topics