HTML5 & CSS3 | Dreamweaver Tutorial | Rollover Navigation Menu
PlayList: bit.ly —— The Site: movies-to-watch.net Playlist bit.ly Best Web Host!:bit.ly — To get more information visit: tinyurl.com — 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: twitter.com ★ Google+: gplus.to/ZeTutorials ★ FaceBook: facebook.com ★ Subscribe: bit.ly —— 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.
0 votes
Loading...16 responses to “HTML5 & CSS3 | Dreamweaver Tutorial | Rollover Navigation Menu”
Leave a Reply
Video Tutorials
Bringing you the best video tutorials for Photoshop, Illustrator, Fireworks, WordPress, CSS and others.
Video tutorial posted 19/10/12
Tags: CSS3, Dreamweaver, HTML5, Menu, Navigation, Rollover, Tutorial
Pages
Random Videos
Video Categories
- 3DS Max Tutorials (150)
- After Effects Tutorials (160)
- C# Tutorials (121)
- Colour (6)
- Crazy Effects (1)
- CSS Tutorials (120)
- Dreamweaver Tutorials (139)
- Excel Tutorials (127)
- Featured (10)
- Fireworks Tutorials (131)
- General Effects (9)
- HTML Tutorials (143)
- Illustration and Vector (1)
- Illustrator Tutorials (174)
- IMove Tutorials (119)
- Lightroom Tutorials (145)
- People and Faces (3)
- Photoshop Tutorials (169)
- Text Effects (7)
- Uncategorized (32)
- WordPress Tutorials (140)
Tags
VideoTutorials.co.uk
-
Videotutorials.co.uk offers the web's best Photoshop tutorials, Illustrator video guides, CSS and HTML tutorials and much more all in one place. With new videos being added every day, you can learn how to master software and code to give your images and website some great effects.
Our site has beginner, intermediate and advanced video tutorials of varying lengths so you can learn a new skill at your own speed and level. So whether you're a web designer, print designer or just wanting to edit some family photos, you can get to it quickly and easily using these free video guides. (more)
The line-height command wont do it’s business for me. so i just used the padding meanwhile, hoping you could explain.
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
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
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
any advice on using this method to also create a drop down menu would be great! nice video! 🙂
do you have a video on how to make a roll over with drop down menu
keep up the great work loving it
Yeah, I checked
are you postivie you added that nav id in the center?
I did exactly what you did, but my buttons aren’t centered. PLEASE HELP!
hi, thanks to ur tutorial, but i have one question, can i use this using the rollover on dreamweaver?
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!
thank you so very much i’m in the middle of re building my site and your very awsome thanks
hi even when i finished everything, its all still offset to the left
How do you invert the gradient?
LOVE U MAN….(as a fan…:p)
You create it yourself for the color scheme you want. I used photoshop.. but you could use GIMP or Paint.net or something.