mark 可能不够时间写

 今日完成的事情：

继续修改任务8.

切图..

页面元素很多，需要切的小图很多...后来发现可以右键单击然后选择需要的图层。

bootstrap导航栏学习并且写出Demo

https://www.bilibili.com/video/av16279790/

只是模仿了初步，下面详细的东西还要继续试。

导航栏基本就是利用ul  和li 无序列表，我学习的例子里面，导航栏可以嵌套下拉菜单。

bootstrap轮播组件学习并且写出Demo

轮播的内容可是是图像，框架，视频等等任何类型的内容，泛用性高。

编写的时候需要写全

.carousel-indicators 指标

.carousel-inner 轮播项目

.carousel-control left 和.carousel-control right 轮播导航

不然轮播图是出不来的。

.carousel-control left 和.carousel-control right中，&lsaquo是左箭头  &rsaquo是右箭头，

尝试过也可以使用自定义图片。

除了上面三个核心要素之外，可以增加一些子元素，例如

.carousel-caption 图片标题，这个是要写在.carousel-inner的子元素.item的子元素内。标题自动对齐，例如这样

然后当然，轮播图有动画效果，有切换，那就肯定有控制这些东西的属性，data属性，例如data-interval是控制图片切换的时间，默认是5000毫秒等等，这些都应该是使用JavaScript可以控制的(以data-interval为例，我试过在一个item内写data-interval:2000，但是没有效果……可能是放的位置不对吧，后面慢慢试)。

明天计划的事情：

继续任务8，理解好页面结构之后，尝试写页面1

遇到的问题：

切图。以前切图都是一个个图层慢慢试，因为psd设计图里面有很多不需要的图层，这样很花时间。百度之后发现可以像在浏览器调试一样选择需要的图层，稍微快了一点。

收获：

bootstrap学习。

有些blog纯粹就是博主自我陶醉，不值得看。例如一些博主只是这样做：

1、第一部分代码 一大堆

2、第二部分代码 一大堆

...

其中没有类比，没有分析，就只是把自己做出来的最终代码贴出来，这样对我们新手极其不友好，花时间不说，还很难学到东西。

推荐一个大神的blog，平实易懂

http://www.zhangxinxu.com/