主页 > 新闻中心 > 学员作品 > 哔哩哔哩弹幕网

哔哩哔哩弹幕网

日期:2018-09-25 15:57供稿中心:北大青鸟西安华美校区作者:刘老师

AT118051班哔哩哔哩网

 

我们所设计的哔哩哔哩网页包含四个页面,分别是:哔哩哔哩的主页,登录页,登陆之后的主页和一个播放视频的页面。

主页分为头部,中间部分,和尾部。头部有一个简单的个人导航栏和搜索框(虽然并不能达到搜素效果)。接下来就是比较精细的各种视频的分类导航栏。中间部分有一个轮播推荐(广告或者热门视频)旁边就是各种推荐视频,下边的各个分区有一个排行榜。底部有一系列的联系方式,活动等,侧边栏有个锚链接跳转能快速定位分区。

 

 

登录页也有个人的导航栏,中间的左边拥有二维码登陆,而右边就是账号的登录与注册,登录使用邮箱登录,用到表单验证输入的是否正确。另外登录后的主页头部个人导航栏就会拥有更多的选项。

 

 

​ 

接下来就是视频播放页面了,视频播放同样有头部,也有个广告的轮播,点击播放视频,下方可以发送弹幕,这也是哔哩哔哩的灵魂所在,下方有up主的信息,喜欢还可以关注,分享。接下来就是视频的评论区,来自世界各地的人们发表自己的观点和意见。大家可以一起探讨。

 

 

 

 

这四个页面也实现不了很多的功能,主要用到所学的把大概的主体写了下来,比如导航栏用到隐藏盒子,鼠标指针悬停会出现更多的 选项;轮播图用到了js,三秒跳转下一张,过渡一秒钟;视频弹幕也用到js借鉴加自己的理解写出来。

标签: