91分钟
HTML5实战-网页导航与导航栏设计
用户体验是网站受欢迎的核心要素，而导航栏、菜单栏、搜索框的设计则是提升用户体验的关键，在很大程度上影响用户的去留。优秀的网站导航设计可以显著提高用户体验，从而提高用户粘度。因此掌握好网站导航设计功能有…
用户体验是网站受欢迎的核心要素，而导航栏、菜单栏、搜索框的设计则是提升用户体验的关键，在很大程度上影响用户的去留。优秀的网站导航设计可以显著提高用户体验，从而提高用户粘度。因此掌握好网站导航设计功能有着重要的意义。
本节课程以 HTML5 网页导航栏的设计为主要内容，不仅向学员介绍了导航栏的创建方法，更结合 Sass 的使用构建了美观且友好的导航栏样式。
不仅如此，我们还会将所学的内容扩展到移动端，要求学员完成适合不同媒体尺寸设备的导航、边栏和搜索框的创建。
在完成本课程的学习后，学员将能够设计出用户体验良好的导航、菜单、边栏，提升学员的网站开发水平。
一、网页设计案例：导航设计
- 1.准备
- 2.导航设计
- 3.Sass
- 4.样式
二、网页设计案例：导航栏
- 1.导航栏上的菜单
- 2.浏览器
- 3.小图标
- 4.导航栏上的搜索
三、网页设计案例：移动导航
- 1.准备
- 2.移动导航
- 3.边栏
- 4.搜索
视频素材
课后测试
王皓
宁皓网创始人