摘 要
随着二十一世纪新兴科技的飞速发展，互联网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上信息化的道路。现如今，随着人们生活水平的提高，都在家里手机上进行购物，吃饭。可以足不出户，就可以在网上买到吃、用等一切东西。
本论文着重对店铺布局与美化店铺网页进行了讨论；使用Photoshop、Dreamweaver、来实现店铺网页的设计，具体实现了首页、所有宝贝、镇店之宝、热销、碳烤风味与酱香风味、散装、礼盒装等功能。
关键词：网页设计；DreameWeave；店铺网页
目录
第一章 引言……………………………………………………………………………………………………. 2
第二章 静态网页制作概述…………………………………………………………………………………… 3
2.1静态网页………………………………………………………………………………………………. 3
2.2 网页开发技术……………………………………………………………………………………….. 3
2.3 网页布局……………………………………………………………………………………………… 3
2.3.1网页布局方法………………………………………………………………………………. 4
2.3.2网页布局技术………………………………………………………………………………. 4
2.4网页配色………………………………………………………………………………………………. 4
2.5 网页设计流程……………………………………………………………………………………….. 4
2.6 网页设计原则……………………………………………………………………………………… 5
2.6.1 网店的页面要清晰………………………………………………………………………. 5
2.6.2 网店需要突出重点…………………………………………………………………….. 5
2.6.3 网店要有明确目标………………………………………………………………………. 5
第三章 网页需求分析……………………………………………………………………………………….. 7
3.1 课题来源……………………………………………………………………………………………. 7
3.2 需求规划……………………………………………………………………………………………. 7
3.3 网页布局……………………………………………………………………………………………. 8
3.3.1.网页基本布局……………………………………………………………………………… 8
3.3.2网页结构布局………………………………………………………………………………. 8
3.4网页详细设计………………………………………………………………………………………… 9
3.4.1 店招设计…………………………………………………………………………………… 9
3.4.2 活动主题……………………………………………………………………………………. 9
3.4.3 主推单品…………………………………………………………………………………… 10
3.4.4 超值套装…………………………………………………………………………………… 11
3.4.5 产品分类…………………………………………………………………………………… 11
第四章 相关技术………………………………………………………………………………………………. 12
4.1网页制作软件 Dreamweaver………………………………………………………………….. 12
4.2 CSS………………………………………………………………………………………………….. 12
第五章 淘宝网页的实现…………………………………………………………………………………….. 14
5.1店招导航…………………………………………………………………………………………….. 14
5.1.2 设计部分…………………………………………………………………………………… 14
5.1.2代码部分……………………………………………………………………………………. 14
5.2活动主题…………………………………………………………………………………………….. 15
5.2.1 设计部分…………………………………………………………………………………… 15
5.2.2 代码部分…………………………………………………………………………………… 17
毕业设计总结………………………………………………………………………………………………….. 18
参考文献………………………………………………………………………………………………………… 19
谢辞………………………………………………………………………………………………………………. 20
