How do you create professional navigation?

Discussion in 'HTML & Website Design' started by stevie3001, May 26, 2007.

  1. #1
    I have started making a website and I was wondering whether anyone had any suggestions about making my navigation links look professional. Obviously I need them to be very clear to see and user friendly. If you could suggest any sites that give good tutorials on this part of website design then it would be much appreciated.

    Thanks

    Peter
     
    stevie3001, May 26, 2007 IP
  2. smalldog

    smalldog Peon

    Messages:
    66
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hi Peter, if you are interested in navigation check out this site.. dynamicdrive.com/dynamicindex1/
     
    smalldog, May 26, 2007 IP
  3. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I just use a simple unordered list with an ID of "menu" and then style it. Even dropdown menus will have the list and CSS (plus a dash of JavaScript for IE 5/6).

    Using HTML properly (a menu is just a list of links, hence the use of a list, since the links aren't in any important order - like a recipe, I just use an unordered list) is the key to successful Web site design (at least the HTML/CSS coding part of it anyway).

    Oh, and avoid DynamicDrive - most of the code there is bloated - as in "bloated like a dead body pulled out of a polluted river" bloated.
     
    Dan Schulz, May 26, 2007 IP
  4. htmlmaster

    htmlmaster Peon

    Messages:
    25
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    i think u make a drop down menu, just from css not in java script
    yes you use id for menu but just only in css
    just look at sample

    megri.info

    it is 100% css drop down menu

    it is good for seo
     
    htmlmaster, May 27, 2007 IP
  5. DorianG

    DorianG Peon

    Messages:
    15
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    http://www.cssplay.co.uk/

    -DorainG
    http://qleeq.com/
    free/opens source software
     
    DorianG, May 27, 2007 IP
    raise cain likes this.
  6. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Yet they use conditional comments. You're better off using Suckerfish if you want to use a CSS based dropdown menu.
     
    Dan Schulz, May 27, 2007 IP
  7. grimsqueaker

    grimsqueaker Peon

    Messages:
    551
    Likes Received:
    31
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Do you mean style, or usability?
     
    grimsqueaker, May 27, 2007 IP
  8. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Suckerfish can be made to be easier to use for older IE installations that don't have JavaScript turned on (as well as those who navigate via keyboard) by replacing the hash marks with links.

    Also, remember that while Suckerfish is great out of the box, it's still not the best it can be. The authors shouldn't be expected to do all the leg work.
     
    Dan Schulz, May 27, 2007 IP
  9. zonzon

    zonzon Peon

    Messages:
    100
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #9
    do not use javascript menu, because the search engines do not execute any javascript... and your links in menu will not be followed
     
    zonzon, May 27, 2007 IP
  10. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #10
    pure JavaScript yes, but list-based menus like Suckerfish will be followed and the pages they link to stand as good a chance of being indexed as a regular keyword-rich text link.
     
    Dan Schulz, May 27, 2007 IP
  11. htmlmaster

    htmlmaster Peon

    Messages:
    25
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    i am agree with you, you say right thing.
     
    htmlmaster, May 27, 2007 IP
  12. raise cain

    raise cain Peon

    Messages:
    9
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    I find suckerfish to be wonky.
     
    raise cain, May 28, 2007 IP
  13. raise cain

    raise cain Peon

    Messages:
    9
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13

    Another nod for this site
     
    raise cain, May 28, 2007 IP
  14. Creative_illusion

    Creative_illusion Well-Known Member

    Messages:
    2,702
    Likes Received:
    103
    Best Answers:
    0
    Trophy Points:
    175
    Digital Goods:
    2
    #14

    I second the motion. :D
     
    Creative_illusion, May 28, 2007 IP
  15. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #15
    If you don't mind me asking, how so?
     
    Dan Schulz, May 28, 2007 IP
  16. stevie3001

    stevie3001 Guest

    Messages:
    19
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #16
    Thanks for all your comments in this thread. It has really helped. Especially the site suggested by DorainG. That was very good. I played around with it for a couple of hours and then I had a reasonably good looking set of navigation links. It really wasn't that difficult.

    Thanks again

    Peter
     
    stevie3001, May 29, 2007 IP
  17. Forrest

    Forrest Peon

    Messages:
    500
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    0
    #17
    That's only if the links are created with javascript ( ie document.write, or x.innerHTML = y ). You can use all kinds of mouseovers and the search engines won't be bothered.
     
    Forrest, May 29, 2007 IP