1. All topics
  2. Creative
  3. User Experience
  4. Interaction Design
HTML and CSS: Creating Navigation Bars Preview

HTML and CSS: Creating Navigation Bars

With Jen Kramer Liked by 880 users
Duration: 2h 16m Skill level: Intermediate Released: 8/13/2021

Start my 1-month free trial Buy for my team

Course details

Even if your product or service is truly original, the app or site you build for it is going to share elements with every other app or site on the planet. Take, for example, the humble navigation bar, which your users need to find their way through your site. In this course, instructor Jen Kramer demonstrates how to create beautiful, accessible navbars using HTML and CSS techniques that work in any web context. Jen starts by detailing the proper markup for a nav bar and the box model associated with its elements. She then goes over how to style both vertical and horizontal navigation bars—including how to put a logo right in the middle of a horizontal navbar. Finally, Jen shares a few advanced tricks, including how to create dropdowns and mobile layouts with hamburger buttons with CSS, no JavaScript required.

Skills you’ll gain

Earn a sharable certificate

Share what you’ve learned, and be a standout professional in your desired industry with a certificate showcasing your knowledge gained from the course.

Sample certificate

Certificate of Completion

  • Showcase on your LinkedIn profile under “Licenses and Certificate” section

  • Download or print out as PDF to share with others

  • Share as image online to demonstrate your skill

Meet the instructor

Learner reviews

4.8 out of 5

286 ratings
  • 5 star
    Current value: 232 81%
  • 4 star
    Current value: 44 15%
  • 3 star
    Current value: 8 3%
  • 2 star
    Current value: 1 <1%
  • 1 star
    Current value: 1 <1%

Contents

What’s included

  • Practice while you learn 1 exercise file
  • Learn on the go Access on tablet and phone

Similar courses

Download courses

Use your iOS or Android LinkedIn Learning app, and watch courses on your mobile device without an internet connection.

Download on the App Store Get it on Google Play