HTML5实战-网页导航与导航栏设计

HTML5实战-网页导航与导航栏设计

91分钟

用户体验是网站受欢迎的核心要素,而导航栏、菜单栏、搜索框的设计则是提升用户体验的关键,在很大程度上影响用户的去留。优秀的网站导航设计可以显著提高用户体验,从而提高用户粘度。因此掌握好网站导航设计功能有…

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

宁皓网创始人