课程: HTML and CSS: Creating Navigation Bars
今天就学习课程吧!
今天就开通帐号,24,700 门业界名师课程任您挑!
Indicating "you are here" in the navigation
课程: HTML and CSS: Creating Navigation Bars
Indicating "you are here" in the navigation
- [Instructor] There is no requirement to change your navigation to indicate your current position in the website hierarchy. Indeed, some usability people would go so far as to argue that the You Are Here style markers in the navigation don't do much for the website. It's far more effective to state what page you're on at the top of the page, probably in some kind of header or heading at the top of the page. However, some people really like that You Are Here in the navigation, and they want one included. So in other words, we're going to have a nav bar with one link that's going to look a little bit different indicating what page we are on. So if you get asked to do this, it's good to know how to do it. And the easiest way to do that is as follows. Let's say that we are on the About page of the website, and here inside of the HTML, what I'm going to do is change the HTML here to add a class. And I'm going to call it active because I'm super creative that way. And the active class, of…
随堂练习,边学边练
下载课堂讲义。学练结合,紧跟进度,轻松巩固知识。
内容
-
-
-
-
(已锁定)
Creating space in your nav bar6 分钟 27 秒
-
(已锁定)
Enlarging the clickable area of the link4 分钟 28 秒
-
(已锁定)
Indicating "you are here" in the navigation4 分钟 7 秒
-
(已锁定)
Adding an icon to the link in an accessible way7 分钟 24 秒
-
(已锁定)
Using background images in links for styling4 分钟 6 秒
-
(已锁定)
Challenge: Style a vertical nav bar2 分钟 5 秒
-
(已锁定)
Solution: Style a vertical nav bar3 分钟 20 秒
-
(已锁定)
-
-
-
-