开发者学堂课程【零基础学前端 HTML+CSS：准备工作】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/398/detail/5152
准备工作
一、创建项目准备工作的示例操作
1、效果图问题：设计人员设计的是效果图，效果图和页面是一比一的，页面设计出来之后，需要给到前端人员，前端人员根据效果图转化成目前可以看到的页面，之所以要做效果图的原因是，如果没有图像作为参照，那么在做页面的时候，因为没有尺寸等信息，在和客户对接的时候，会很麻烦。代码的工作量很大，当页面都已经写好交付给客户后，如果不满意需要修改的话，那么对于代码修改来说，难度过大，工作量过大，与重做几乎一样。同时，如果没有图片，没有预设，所以没法进行实操。
所以需要先用 ps 等软件做出图像，当做出图后，如果遇到客户不满意，可以直接使用图像修改。例如，改颜色，改结构等。
当交付后，可以修改页面上面的文字等简单信息，但是页面结构和内容等，无法修改。
2.前面的准备工作就是：UI 需要把所用到的图像进行分解，例如尺寸、透明度等。所有的 logo 、图标和图片，都需要 UI 分批做好，且标注好尺寸，颜色（16 进制值）。
最后就是构建整个页面的代码
