今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

 一边等看了一些资料

明天计划的事情：（一定要写非常细致的内容） 

遇到的问题：（遇到什么困难，怎么解决的） 

等的我心发慌

收获：（通过今天的学习，学到了什么知识）

网页端产品menu的展现形式：

侧边栏菜单（如今日头条、Michael NGO）

优势：

侧边栏菜单是由传统的顶部导航栏引申而来，风格有点类似于目录，用户可以迅速找到自己想要的功能入口。它也分为2种类型：1）浮动固定式，侧边菜单不随主页面的滑动而滑动，如上图1-2；2）自动跳转式，随着主页面的滑动，导航项跳转到对应的菜单模块。而且侧边菜单栏不受导航项的高度影响，可以根据自己网站的情况设定，因此它除了适合小众小资网站外，一般的平台也比较适用，如资讯平台等。

劣势：

中国人习惯的审美模式是有头有尾，采用侧边栏菜单后，那页面顶部的缺失部分应该怎么处理也是难点之处。因此，目前绝大多数大型网站采用了侧边栏+顶部导航栏结合的方案来规划整个网站。

顶部导航菜单+侧边栏菜单（如美食天下、当当网）

优势：侧边栏+顶部菜单导航能满足大型网站平台的庞大功能类别需求，用户体验也较好，给人感觉种类丰富齐全。

劣势：顶部菜单和侧边栏菜单的分类比重、优先级都是对用户体验造成影响的因素。

顶部固定导航菜单（如果壳网、芒果TV）

优势：

传统的顶部导航菜单，中规中矩，适合用户使用习惯。点击导航项可以进入对应子页面，在子页面上又有对应的顶部导航栏进入下一级页面。也可以在导航菜单下加入下拉菜单如下图，下拉菜单可选择图标和文字，对于用户的体验效果根据网站总体定位有关。

劣势：

版式基本固定，适合大众化的产品，对于个性、风格与众不同、艺术气息类网站不太适合，如画展等等；

顶部浮动固定导航菜单（如人人都是产品经理、中国国家地理、百家）

优势：

随着页面不断的向下滑动，顶部导航菜单一直可见。用户可以在任何时候、页面的任何区域跳转到其他导航项的页面，不需要返回至顶部区域即可操作，优化了用户体验。

劣势：

版本和传统的顶部固定模式雷同；

楼层导航菜单（如唯品会、京东）

优势：

页面浏览量较大时，采用楼层导航可以快速跳转至用户想要的区域。

劣势：

只适用于单级页面内容之间的跳转。

侧抽屉式菜单（如Create）

优势：

又称隐藏式菜单、汉堡式菜单，和移动端侧抽屉式菜单一样，使得页面整洁完美，结合恰当的UI设计可使网站风格独树一帜。

劣势：

web网页端的菜单隐藏的缺点不会像移动端的那么明显。