一、今日完成的情况

      1、修改审核未通过的代码。

      2、学习CSS Sprite雪碧图的知识，把task6.psd的小图标切出来，制作成雪碧图供之后使用。

      3、编写任务6的代码。

二、明天的计划

       1、学习任务6需要的下拉框、列表样式等知识点，对任务六的代码进行重构。

三、遇到的问题

      1、用PS切好图后，排版后，取值太麻烦，在CSS文件里也引用不出来。

            解决办法：最后查到了一个网站工具CSS Sprites Generator，把切好的图上传，自动生成雪碧图。

      2、今天主要的问题就是，把雪碧图链接到CSS文件中，调整高度和宽度会出现这种情况，在调整雪碧图引用的图标时，调整其中一个图标会引起其他位置的图标变化，找了找资料暂时也没找到解决办法。

           ？

四、收获

      1、昨天师兄提出的切图方法非常好用，比网上的方法简单多了。直接Ctrl+左键找到要切的图，然后在右下角图层切换到该图层，右键转化为智能对象，之后再双击保存为png格式，即可完成切图。 昨天切图还有一个问题，之前切的图均保存为jpg格式了，所以切到的图背景不是透明的，今天查了查资料，发现了png和jpg格式的区别：jpg格式不支持透明，而png格式可以。png又分为png8和png24，又有几点差别：1>.png8是一个256色的图片，png24则是一个1670万色的图片。2>.png8的压缩率比png24高很多，所以png8图片的大小会比png24小很多。3>.png8的全透明没有png24的质量高。4>.png8在半透明和透明的情况下会有毛边锯齿的现象，png24则不会。所以，当保存png24，这个确实可以保证图片不会出错，但是对于大的不需要半透明的图片保存成 png24 的话导致文件体积会很大，所以建议不需要半透明的图片保存成 png8，这样体积会小一点而且不会影响图片清晰度，需要半透明的一定要保存成 png24。这里贴一个关于png、jpg和gif三种图片格式的文章。http://www.cnblogs.com/Fran-Lily/p/3792641.html 。

      2、今天主要学习了雪碧图的知识。

            定义：CSS雪碧 （CSS Sprite），是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分，该图片使用CSS background和background-position属性渲染。   

           优点：加载网页图片时，减少服务器的请求次数，提高页面的加载速度。

           缺点：耗费内存，影响浏览器的缩放功能，拼图维护比较麻烦，使CSS的编写变得困难。

           方法：暂时只知道两种，一种就是利用一些软件工具简单操作即可得到雪碧图，例如上面曾提到的CSS Sprites Generator等工具。另一种就是利用PS根据切除的图的大小，进行排版测量，计算图标的位置来获取雪碧图。但这种方法对不熟悉PS的人来说，不太友好，做出图好做，但进行测量获取图标的精确位置比较困难。

任务进度：

任务六

任务开始时间：

2018.04.28

预计任务完成时间：

2018.04.30

禅道：http://task.ptteng.com/zentao/my-task.html