森女部落服装店网站的建设
本课题网站的制作以销售森女系列的服装为目的。在这个物欲横流的社会里，充斥着LV、Gucci等奢侈品牌的互相攀比，森女系列服装浪漫、优雅而又实惠，深受女大学生和知性女人们的喜爱。特别是今年中国风文化的流行，也大有席卷潮流之势。扩大力度宣传森女系列服装，让更多的人都能体会这一类服装带来的不一样的感觉。目前网上服装店网站虽普遍存在，但针对服装类型不够唯一性，本网站所实现的是森女系一类的服饰销售、展示，可以满足爱好森女系的用户需要。该服装店网站短小精悍，安全可靠，规模小，适合开发。
目 录
一、引言 1
二、主要开发工具及技术简介 1
（一）Photoshop 1
（二）Sublime 1
（三）HTML5 1
（四）CSS 2
三、界面设计 2
（一）网站首页的设计 2
（二）T恤列表页 3
（三）商品描述页 3
（四）购物车页 4
（五）买家留言页 5
（六）网站简介页 6
（七）森爱森女页 6
四、网站LOGO的设计与特效实现 7
（一）LOGO设计灵感 7
（二）网站特效实现 7
（一）功能测试 7
（二）安全测试 8
（三）可用性测试 8
（四）性能测试 8
（五） 测试结果分析 9
五、总结 10
六、致谢 11
参考文献 12
附录1：许愿框代码 13
附录2：许愿墙许愿页代码 15
一、引言
进入21世纪以后，互联网技术与信息技术高速发展，社会经济活动也逐步从传统渠道向互联网渠道拓展，电子商务活动在经济活动的所占比重越来越大，企业传统营销渠道全面面临互联网的冲击，企业如何在新的经济环境应对互联网的冲击，已成为企业所必须面临的问题。
本课题网站的制作以销售森女系列的服装为目的。森女系列的服装采用棉，麻等舒适的面料制衣。衣服以暗色，中长款为主，多以“花边蕾丝”“刺绣”“娃娃领”作为装饰。“森女风”2010年正式引入中国，“森女”为广大
*好棒文|www.hbsrm.com +Q: ￥351916072$
年轻时尚女性所热捧，在面料的选择，色彩搭配和风格与个性的结合上，引领潮流。目前网上服装店网站虽普遍存在，但针对服装类型不够唯一性，本网站所实现的是森女系一类的服饰销售，可以满足爱好森女系的用户需要。该服装店网站短小精悍，安全可靠，规模小，适合开发。
二、主要开发工具及技术简介
（一）Photoshop
Adobe Photoshop，简称“PS”， 是由Adobe Systems开发和发行的图像处理软件。在所有的平面图像处理软件中，最出名以及最有影响力的就要数Photoshop了，其作为世界上最著名的专业图像处理与绘图软件。可以为用户提供专业的图像编辑与处理，利用其广泛的编修与绘图工具，可以更有效的进行图片编辑工作，对各种滤镜的支持更令使用户能够轻松创造出各种奇幻的效果。
（二）Sublime
Sublime Text是一个代码编辑器也是HTML和散文先进的文本编辑器。漂亮的用户界面和非凡的功能，例如迷你地图，多选择，Python的插件，代码段，等等。完全可自定义键绑定，菜单和工具栏。Sublime Text的主要功能包括：拼写检查，书签，完整的Python API，Goto功能，即时项目切换，多选择，多窗口等等。
（三）HTML5
HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。
WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。
HTML5 中的一些有趣的新特性：
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search
（四）CSS
CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现HTML或 XML 等文件式样的计算机语言。
CSS目前最新版本为CSS3,能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象盒模型的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。
三、界面设计
（一）网站首页的设计
此页面为网站首页，页面文件名为index.html；用户访问网站的第一个界面，也是本网站的主界面，用户通过这个主界面可以浏览网站各个分类页面，浏览推荐商品等。如图31所示：
图 31 网站首页
（二）T恤列表页
此页表为网站的商品信息列表类，主要实现产品的列表显示。页面通过DIV过行布局。通过CSS来控制样式信息。列表通过
目 录
一、引言 1
二、主要开发工具及技术简介 1
（一）Photoshop 1
（二）Sublime 1
（三）HTML5 1
（四）CSS 2
三、界面设计 2
（一）网站首页的设计 2
（二）T恤列表页 3
（三）商品描述页 3
（四）购物车页 4
（五）买家留言页 5
（六）网站简介页 6
（七）森爱森女页 6
四、网站LOGO的设计与特效实现 7
（一）LOGO设计灵感 7
（二）网站特效实现 7
（一）功能测试 7
（二）安全测试 8
（三）可用性测试 8
（四）性能测试 8
（五） 测试结果分析 9
五、总结 10
六、致谢 11
参考文献 12
附录1：许愿框代码 13
附录2：许愿墙许愿页代码 15
一、引言
进入21世纪以后，互联网技术与信息技术高速发展，社会经济活动也逐步从传统渠道向互联网渠道拓展，电子商务活动在经济活动的所占比重越来越大，企业传统营销渠道全面面临互联网的冲击，企业如何在新的经济环境应对互联网的冲击，已成为企业所必须面临的问题。
本课题网站的制作以销售森女系列的服装为目的。森女系列的服装采用棉，麻等舒适的面料制衣。衣服以暗色，中长款为主，多以“花边蕾丝”“刺绣”“娃娃领”作为装饰。“森女风”2010年正式引入中国，“森女”为广大
*好棒文|www.hbsrm.com +Q: ￥351916072$
年轻时尚女性所热捧，在面料的选择，色彩搭配和风格与个性的结合上，引领潮流。目前网上服装店网站虽普遍存在，但针对服装类型不够唯一性，本网站所实现的是森女系一类的服饰销售，可以满足爱好森女系的用户需要。该服装店网站短小精悍，安全可靠，规模小，适合开发。
二、主要开发工具及技术简介
（一）Photoshop
Adobe Photoshop，简称“PS”， 是由Adobe Systems开发和发行的图像处理软件。在所有的平面图像处理软件中，最出名以及最有影响力的就要数Photoshop了，其作为世界上最著名的专业图像处理与绘图软件。可以为用户提供专业的图像编辑与处理，利用其广泛的编修与绘图工具，可以更有效的进行图片编辑工作，对各种滤镜的支持更令使用户能够轻松创造出各种奇幻的效果。
（二）Sublime
Sublime Text是一个代码编辑器也是HTML和散文先进的文本编辑器。漂亮的用户界面和非凡的功能，例如迷你地图，多选择，Python的插件，代码段，等等。完全可自定义键绑定，菜单和工具栏。Sublime Text的主要功能包括：拼写检查，书签，完整的Python API，Goto功能，即时项目切换，多选择，多窗口等等。
（三）HTML5
HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。
WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。
HTML5 中的一些有趣的新特性：
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search
（四）CSS
CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现HTML或 XML 等文件式样的计算机语言。
CSS目前最新版本为CSS3,能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象盒模型的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。
三、界面设计
（一）网站首页的设计
此页面为网站首页，页面文件名为index.html；用户访问网站的第一个界面，也是本网站的主界面，用户通过这个主界面可以浏览网站各个分类页面，浏览推荐商品等。如图31所示：
图 31 网站首页
（二）T恤列表页
此页表为网站的商品信息列表类，主要实现产品的列表显示。页面通过DIV过行布局。通过CSS来控制样式信息。列表通过
- 、
- 标签实现列表。如图32所示：
图 32 T恤列表页
（三）商品描述页
此页面为商品描述页，主要实现对商品详细信息的展示，本页面主要列用DIV与CSS进行整体布局，产品参数信息此利用来进行布局。通过点击立即预定，可以进行购物车页面。如图33所示：
图33 商品描述页界面
（四）购物车页
此页面为网站购物车页，主要实现对购物车商品的列表展示，本页面主要列用DIV与CSS进行整体布局。通过点击立即结算，来与后面处理程序对接，提示订单信息。如图34所示：
图 34 购物车页
（五）买家留言页
此页面为买家留言页，主要实现对买家留言的展示，本页面主要列用DIV与CSS进行整体布局。利用JQuery来完成页面特效。通过在页面下方的输入框里输入信息，可以实现信息实现显示在留言墙上。如图35所示：
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/xxaq/663.html
