品优购项目学习总结（二）

这个小小的项目终于算是完成了。

网站的图标ico，图标的制作利用在线工具。

index首页、list产品、detail产品详情页、login登录、register注册页面

页面的话就做了这五个页面，其中比较复杂一点的就是index首页了，其实还有购物车清算的页面，我没有做（我做的速度太慢了，捂脸捂脸），到后期的话，我会重新再做一次。

css样式的话，分为重置样式、公共样式以及五个对应页面的专属样式表。

总体下来的话，我用了一个星期弄好的，尽管不是很好，但是还是完成了。只有在练习实践中才会发现自己会什么，，不会什么，这样才能查缺补漏，才能更好的学习。

总结几点注意事项：

1. 拿到图，一定要先来分析页面结构，分析比写代码重要

2. 搭建页面结构很重要！！！！ 先搭建结构，再写样式

3. 一步一步的来，搭建一个结构就调试一下，看看有没有问题（边框调试、背景色调试都可用）

4. 整体规划好测试完毕之后，再往结构里面添加内容。

 

对的，就是这样，总体下来最深的感受就是要搭建好页面结构，结构搭建不好，样式写了也是白写。

一定一定一定要分析页面结构，这样脑子才不会乱糟糟的，不知道要怎么去下手。

 

最后附上我这个小项目的目录结构：

fonts是放字体图标的，image是放背景图的——作为背景，uploads是放产品图的——需要上传，使用img标签

.ico的文件是网站的图标。