HTML5 & CSS3 | Dreamweaver Tutorial | Rollover Navigation Menu

HTML5 & CSS3 | Dreamweaver Tutorial | Rollover Navigation Menu

PlayList: —— The Site: Playlist Best Web Host! — To get more information visit: — Hey guys! This is the third video in the Create a Website Series/Project. This is a Dreamweaver Tutorials for Beginners all the way up for advanced users. Today we are creating a Rollover Navigation Menu using HTML5 and CSS3. We begin with the standard tags html, head and body. html tag: This tells the browser what language we speak, and everything in the website is wrapped inside it. head tag: This tells the browser information about the website that the visitor wouldn’t see ie. Where the stylesheet is. body tag : All our content is in here ie. What a user will see. header tag: Contains your logo etc. nav tag: Holds your navigation. ul tag: Unordered list. Li Tag: Listed item. All of the coding will be done in Adobe Dreamweaver CS5, but you do not need this version or any paid software to follow along. It will be coded by hand. ie. Dreamweaver CS4, Dreamweaver CS3, Notepad, Notepad++ etc will all work. There are many parts to this series so you can follow along on each step. ★ Twitter: ★ Google+: ★ FaceBook: ★ Subscribe: —— Dreamweaver CS5 Tutorial for beginners and Rollover navigation tutorial.
Video Tutorial Rating: 4 / 5

Don’t forget to check out our other video tutorials or share this video with a friend.

1 Star2 Stars3 Stars4 Stars5 Stars 0 votes
Loading... 2,939 views

16 responses to “HTML5 & CSS3 | Dreamweaver Tutorial | Rollover Navigation Menu”

  1. DamnTheSwede says:

    The line-height command wont do it’s business for me. so i just used the padding meanwhile, hoping you could explain.

  2. kiwiloi says:

    Hey, I was just wondering how to make the gradient when it’s only 1px wide. It will just be either my lightest color (the #305cad) or my darkest color, a darker blue, depending on which way I make the gradient. If you could answer me back, that would be great thanks

  3. Niel Snider says:

    hello i have a problem searched all over net theres white space on the left side of the div which pushes the right side out of order if u see this plz reply

  4. Niel Snider says:

    hello i have a problem searched all over net theres white space on the left side of the div which pushes the right side out of order i followed all the steps u mentioned

  5. GCSeekers says:

    any advice on using this method to also create a drop down menu would be great! nice video! 🙂

  6. SpooksEventsCompany says:

    do you have a video on how to make a roll over with drop down menu
    keep up the great work loving it

  7. multibingo123 says:

    Yeah, I checked

  8. PolaryFX says:

    are you postivie you added that nav id in the center?

  9. multibingo123 says:

    I did exactly what you did, but my buttons aren’t centered. PLEASE HELP!

  10. earnshare2 says:

    hi, thanks to ur tutorial, but i have one question, can i use this using the rollover on dreamweaver?

  11. Niall O'Neill says:

    Great tutorials, step by step and easy to follow for a novice like me… I’m beginning to feel like a web developer. Thanks Man!

  12. MrHurricaneTracker says:

    thank you so very much i’m in the middle of re building my site and your very awsome thanks

  13. Kade Ashiq says:

    hi even when i finished everything, its all still offset to the left

  14. Amanda Benson says:

    How do you invert the gradient?

  15. 1994shahbaz says:

    LOVE U MAN….(as a fan…:p)

  16. ZeTutorials says:

    You create it yourself for the color scheme you want. I used photoshop.. but you could use GIMP or or something.

Leave a Reply

Your email address will not be published. Required fields are marked *