Html+css web layout 2

635 views

Published on

HTML + CSS to create navigation bar for website

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
635
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
16
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Html+css web layout 2

  1. 1. Webdesigning </> HTML+CSS { } Navigation Bar By: Vijay Kumar Verma (VJY) Roll No-1326910 4-March-2014 1
  2. 2. Purpose What is Navigation Lists tag Some CSS Property Create Navbar BY: VJY 3/4/2014 2
  3. 3. What is Navigation Bar Navigation Bar = List of Links It is a section of a website or online page intended to aide visitors in travelling through the online document. | It may be set of buttons and graphics typically in row or column | It is used as the central point that link the pages. | Drop Down: A menu of options that appears below the item when the computer user clicks on it. | | BY: VJY 3/4/2014 3
  4. 4. Example Navigation bar BY: VJY 3/4/2014 4
  5. 5. Now What is Navigation Lists tag Some CSS Property Create Navbar BY: VJY 3/4/2014 5
  6. 6. Lists Tag A number of connected items or names written or printed consecutively, typically one below the other.  Formatting Tags  Lists and the items within them are blocklevel elements.  Types:  1. 2. 3. BY: VJY Numbered lists (called ordered lists) Bulleted lists (called unordered lists), Definition lists, 3/4/2014 6
  7. 7. Example <ol> <li>Adobe Photoshop</li> <li>Adobe Illustrator</li> <li>Adobe After Effect</li> </ol> Adobe Photoshop Adobe Illustrator Adobe After Effect BY: VJY 3/4/2014 7
  8. 8. Now What is Navigation Lists tag Some CSS Property Create Navbar BY: VJY 3/4/2014 8
  9. 9. CSS Properties | Display | Background | Clear | Border | Float | Text-decoration | Position | List style | Margin | Content | Width | Color BY: VJY 3/4/2014 9
  10. 10. Now What is Navigation Lists tag Some CSS Property Create Navbar BY: VJY 3/4/2014 10
  11. 11. Want to create it? BY: VJY 3/4/2014 11
  12. 12. Have Any Question? Just Ask! Post Query On facebook.com/groups/sviet.mca Email@ vjy.softworx@gmail.com
  13. 13. Thank You!

×