今日完成的事情：

按照师兄的要求修改任务8的页面，今天修改了第一个页面。

1.将头部的导航在手机模式下修改成按钮样式。

2.把页面2和页面3的链接加在了头部以及尾部。

3.修复头部的轮播图单页控制按钮，把优秀学员展示也做成轮播，多亏师兄的指点，现在修改好了，

4.修改战略合作企业和友情链接的hover样式，使盒子不被撑开。

遇到的问题：

修改过程中，页面出现很多问题，多次崩坏。在此过程中，发现自己的页面布局真的不好，改了很多，也相应的修改了媒体查询的样式。

1.学员展示的轮播图，用格栅系统来做的话，四个学员的盒子必须占满12格，才能达到平均分布的效果，这样的话盒子之间就没有间隔，但是psd原图中每个盒子是有间隔的，如果给每个学员盒子分配两个格子，就做不到平均分布。（我最后是给每个盒子分配3个格子）

收获：

1.知道了超链接应该加在头部/尾部，这个是应该知道的常识性问题，很高兴现在知道了。

2.要给元素设定固定宽高，不然添加一些类似hover的伪类的时候会撑开盒子，这是之前没有注意过的细节，以后要注意；动画也一样，要设定固定的宽高，字体大小，不然会影响动画的效果，出现崩坏。

3.之前对于格栅系统只会用col-xs-*,今天经过师兄的指点，我又重新去看了一遍bootstrap的网格介绍，又掌握了新知识。

4.手机模式下，页面导航做成按钮会更利于用户端的操作。

明日计划：

1.继续修改任务8,。

2.如果可以修改完成，就去网上搜索学习布局，看怎么把布局做的更好。