3.2 网站整体规划设计 9

3.2.1 网站的主题 9

3.2.2 网站的整体风格 9

3.2.3 网站的访客定位 10

3.2.4 网站的整体结构 10

3.3 网站详细设计 10

3.3.1 logo设计 10

3.3.2 Banner设计 11

3.3.3 Flash设计 11

3.3.4 html文件 12

3.4 网站制作的细节工作 17

3.4.1 浏览器版本和分辩率 17

3.4.2 浏览器的兼容性 18

3.4.3 网页的排版和元素的定位 18

4 实现与测试 19

4.1 代码结构 19

4.2 网站实现 19

4.2.1 index.html 19

4.2.2 home.html 20

4.2.3 creamcakes.html 27

4.2.4 moussecakes.html 32

4.2.5 chocolatecakes.html 37

4.2.6 cupcakes.html 42

4.2.7 recommendation.html 47

4.2.8 contact.html 55

4.3 测试 63

4.3.1 不同浏览器的兼容性测试 64

5 结论 65

5.1 已解决 65

5.2 待解决 65

5.3 未来工作 65

致谢 66

参考文献 67 

1 绪论

当今社会，伴随着因特网的持续高速发展，网络充斥着我们生活的各个角落。购物网站作为电子商务的一种，凭借着其传播范围广、传播速度快、承载信息量大等各种无法替代的优势得到了大众的青睐。对于网络购物，人们从开始的不敢轻易尝试到现在出现的一大批“剁手”族，网络购物适应了当今社会人们追求快捷方便的生活，使人们在家即可方便轻松地选购自己所喜欢的商品。甜品店网站作为购物网站的一种，以网络为平台，不仅展示了企业的商品也体现了企业背后蕴藏的文化等。

网页设计主要是将先前策划好的网站的内容、主题等通过网页设计师的审美通过艺术的手法表达出来；而网页制作是将网页设计师通过Dreamweaver，Sublime Text等文本编辑器将设计好的网页图像按照一定的规范编写制作成.html文件。优秀的网页设计师应该充分理解网页设计与网页制作两道工序，这样才可以制作出不仅外观精美，而且又规范、符合用户使用习惯、有良好用户体验的好网站。

1.1 课题的目的和意义

随着近些年来互联网的迅速发展，网络早已深深扎根于现代人群的心。人们从开始的仅仅通过网络来发布浏览信息，查阅资料到如今的网络游戏，电子商务等，人们的生活已离不开网络。如果依然依靠传统的方式来展示企业，展示自己已远远不能满足现代人的需要，网络宣传早已成为众多宣传手段之中的重中之重，各种各样的网站也由此应运而生。为宣传企业而制作的企业网站、可进行网上购物的电子商务网站、不出门便能让大家了解天下事的新闻网站、方便学者学习的教育网站，如雨后春笋般充斥着我们的视野，满足着我们的日常所需。网站的规划与建设，已悄然被许多人摆到了重要的位置上。