今天完成的：

        学会了一键制作雪碧图。

        今天做了下任务八的第一个页面，完成了基本的结构及样式，还有些问题没有来的及解决，留在明天解决。

明天计划的：

        完成任务八的第一个页面，尽可能的优化自己的代码。

        开始第二个页面的制作。

遇到的问题：

        关于页面布局的问题：设计图上除了banner区之外，所有的内容都位于屏幕中间位置（两边有部分留白），然后我试了按设计图的比例来设置内容区宽度，不过由于我的电脑分辨率低一些，效果比较差，有些结构没有到指定位置。然后看了下官网，内容区两边的留白比设计图上要窄不少，我想应该是根据屏幕分辨率来设置的，（貌似是媒体查询？），暂时还没看这部分，明天有时间的话看一下。

        关于导航栏的问题：今天用到了bootstrap的可切换导航栏（现在知道用错了。。），然后想修改bootstrap默认的样式，不过试了好多次也没能覆盖掉原样式。明天用 ul、button 试一下。

        关于banner轮播图的设置：今天做轮播图的时候，基本上是照着抄下来的，然后遇到了问题（Uncaught TypeError），然后对比了好几遍（当时有个类名 active 我记得是写了的，没怎么注意）才发现问题，然后将类名补上就正常运行了。

        轮播图下面那块有个虚线，当时设置的时候先用的是dashed边框，不过因为自身样式的原因，特别丑，然后百度寻找方法改变虚线样式，不过貌似并不能直接修改虚线的样式。最后的解决办法，就是用背景来模拟虚线。

        路线图的地方废了些时间在结构布局上，最后用了十几个div来做这个路线图....用到了flex布局。不过就是这部分的宽度并不能保持在想要的内容区内，会比别的部分要超出来一些，目前还没有解决。（将整个页面缩放一些的话倒是可以保持在内容区内）

        战略合作企业部分：因为图片大小是固定的，在屏幕分辨率小一些的时候，会导致图片的一部分被其他图片压住。暂时还没解决。

今日收获：

        今天做的这个页面，用到了很多次flex布局，对 align-items、justify-content 等属性比较熟悉了。

        学到了一键制作雪碧图的方法。(生成的时候还会生成图标的定位位置，在设置背景的时候非常方便。）

        学到了用背景图片模拟虚线的方法。（主要还是打开了一点思路，想象力就是生产力）

        今天的主要收获就是加深了对布局的理解，以及flex布局的使用了。