世界杯网页设计(世界杯网页设计截图展示)

网站简介：

本网站采用的主题是2018年俄罗斯世界杯，使用bootstrap框架，结合HTML5 CSS3 JavaScript设计制作的自适应网页，网页开头采用双轮播设计，第一个轮播是世界杯主题海报，第二个轮播是各个球星简介，网页主要包括三大页，网页整体设计简洁大方，各部分主题鲜明。

应用到bootstrap主要技术：

（1） 将下拉菜单结合到按钮中使用(首页)

涉及到的代码：

首页视频可点击：

（2） 将选项卡与按钮结合使用(首页)

涉及到的代码：

（3） 采用侧边栏设计(首页)

所涉及到的代码：

（4）底部采用底部导航栏，导航栏加入上拉菜单与图标

所涉及的代码：

（4） 面包屑导航（最新球赛页（about））

所涉及的代码：

（5） 采用文字浮出效果（最新球赛页（about））

所涉及代码：

（6） 鼠标放上图片可出现遮罩（球赛热点页（about1））

所涉及的代码：

因在笔记本电脑脑网页可能会稍微变形，所以截图也有点缺陷