氧气生活原创服装网站的设计与制作
Keywords:Network, online shopping, oxygen to live 目 录
一、引言 1
（一）开发背景 1
（二）选题意义 1
（三）课题内容 1
（四）论文结构 1
二、选题需求分析 2
（一）网站需求与可行性的分析 2
（二）网站基本布局 2
三、网站制作工具的介绍 3
（一）Photoshop 图片处理软件 3
（二）EditPlus 3
（三）Dreamwever 4
四、网站整体设计结构 4
（一）网站结构图 4
（二）LOGO的设计 4
（三）“氧气生活”的布局设计 5
五、网站实现 6
（一）首页 6
（二）网站子页 7
1. 品牌阐述 8
2. 最新出品 8
3. 发展 10
4. 特色部分 11
（三）网站登录与注册页面的介绍 12
1. 网站登录页面介绍 12
2. 网站注册页面介绍 12
（四）网站特效的运用 12
1. 大屏广告 12
2. 联系我们，地图效果如图5-10所示 13
3. 分享专区图片变化 14
总 结 15
参考文献 1
附录：网站部分重要代码 1
一、引言
开发背景
在此刻这一个社会中，互联网，电脑的遍及，网购已经成为大家必不可少的一项需求了。网上购物作为一种新的购物方式，一经推出就囊括了很大部分的 *好棒文|www.hbsrm.com +Q: ^351916072*
购物市场。目前，网购以简略便利的服务以及产品较低的价钱、物品的多样性等优势吸引着越来越多的消费者们。网络消费不仅仅改变了消费者的习惯，还发掘了她们的消费潜力，更创造出了一个全新的消费市场。现在网上购物已经成为了一种潮流式，一种大众式，一种社会式。
选题意义
1998年是中国网络发展史上最应该值得记住的一天，正是在这一年中国的网络购物正式登上了历史的舞台，然而在2000年的时候，网络购物却进入了一个很长的低潮期，历史的发展总是需要一个契机的，也就在那时候出现了非典，许多人只能呆在家中，想要不出去就买到自己所需的东西只能依靠网络。然后越来越多的人开始接触网络购物，同时也享受网络购物给我们带来的简便快捷的方式。伴随着淘宝、京东等很多购物网站的成功上线，中国的网购市场步入了正轨。选择这一主题来作为毕业设计的主题，也正是看中了这一点，有需求的地方就有市场和互联网带给人们的巨大影响。
课题内容
本课题名叫“氧气生活”，顾名思义，这是一个将服饰与生活合成一统的网站。在网站中登录之后，你就可以对网站进行页面的浏览和购买。
课题主要内容包容：品牌阐述，最新出品，店铺活动，清仓折扣，专享会员。对于生活方面包括：趣味分享，联系我们，分享专区，你跟生活的故事。
论文结构
论文共分为6个模块。
第一模块 引言部分，阐述了网站的开发背景、选题意义以及课题内容。
第二模块 需求分析，网站可行性分析，网站基本模块分析。
第三模块 开发工具的选择与介绍，说明此课题中所用到的开发工具。
第四模块 网站主体设计，网站整体结构图，网站LOGO，网站布局。
第五模块 网站实现，分别介绍网站实现的特效。
第六模块 整体总结，分析制作的心得过程。
二、选题需求分析
网站需求与可行性的分析
随着网络的发展起来越快，电脑成为了人们生活中必不可少的一个角色了，而现在大部分的人也利用网络做起了生意，比如说朋友圈，好友动态里有人做代购的，加盟的数不用数，尤其是这几年更是一发不可收拾，这似乎已经成为一促潮流了，现在大多数人都沉迷天网络购物，不仅省去了逛街购物的时间，也不用那么劳累的一家一家店铺去寻找自己心仪的那一件衣服，更多的人选择了在网上购买，方便，简单又能自得其乐，本课题就是针对这一现象，制作的一个购物型网站。本网站服务的对象是面向所有爱美的女性，原创轻中式是我们的宗旨，为消费者带来不一样的感受。
根据以上所分析的每个方面，利用网络来进行购物这一方法是可行的。
网站基本布局
在这个部分主要是讲述网站整个部分的划分与规划，并分析每个模块的实际功能，网站的基本布局如图2-1。
图2-1“氧气生活”网站布局分析
三、网站制作工具的介绍
Photoshop 图片处理软件
Photoshop在本次课题中主要处理网站中所需要的图片信息。合理的运用修图工具能使网站看起来更加美观，这就需要有效地合理地进行图片编辑工作。Photoshop即人们常说的PS是图片处理上必不可少的一项软件；对于广大的Photoshop爱好者来说，大多数的人对于这个软件的了解仅仅限于它是“一个很好的图像编辑软件和图像美化软件”，但人们并不知道它的诸多应用方面，实际上，这个软件的应用领域非常的广泛，无论是在图像、图形、文字、视频、以及出版各方面都有涉及到。?
EditPlus
EditPlus 是一个功能非常强大与便捷的文字处理软件。有了这项文字处理软件，就可以充分的替代记事本，同时，EditPlus也向网页作家及程序设计师提供了许多非常厉害的功能。它同时支持着HTML、CSS、PHP、ASP、Perl、C/C++、Java、JavaScript、VBScript 等等多种语法的代码显示。该软件中自带网页浏览器，使用起来非常便捷。其它强大的功能还包含 HTML 编辑、URL 突显、剪贴文本、行列选择、强大的搜索与替换、多重撤销/重做、拼写检查、自定义快捷键等等，这无疑是给程序开发者必不可少的一个软件。
Dreamwever
它是一个网页设计和网站管理工具，它支持最新的Web技术，包含了HTML检查与控制、HTML格式的控制、HTML格式化选项、可视化的网页设计、图像编辑、全局查找替换等等。它不仅可以替代记事本、EditPlus，同时它的处理方法也非常简单，在网站编辑上，你可以随心所欲的编辑你的网站。同时你可以选择可视化方式或者你喜欢的源码编辑方式。
四、网站整体设计结构
网站结构图
“氧气生活”网站主要包括首页、品牌阐述、最新出品、店铺活动、清仓折扣与专享会员，趣味分享几个部分，其中趣味分享中又包含三个子页面，分别是联系我们，分享专区，你跟生活的故事。网站的分布图如4-1所示。
3.专享会员
专享会员主要是介绍本网站注册会员成功后所享有的一切优惠，以及更多更详细的地方。详细的效果图如图5-4所示。
图5-4 “专享会员”效果图
3. 发展
这一个页面中主要的就是介绍了有关于“氧气生活”公司的发展，公司的一些基本情况，让每个人能更加全面的了解到公司的。详细的效果图如图5-5所示。
一、引言 1
（一）开发背景 1
（二）选题意义 1
（三）课题内容 1
（四）论文结构 1
二、选题需求分析 2
（一）网站需求与可行性的分析 2
（二）网站基本布局 2
三、网站制作工具的介绍 3
（一）Photoshop 图片处理软件 3
（二）EditPlus 3
（三）Dreamwever 4
四、网站整体设计结构 4
（一）网站结构图 4
（二）LOGO的设计 4
（三）“氧气生活”的布局设计 5
五、网站实现 6
（一）首页 6
（二）网站子页 7
1. 品牌阐述 8
2. 最新出品 8
3. 发展 10
4. 特色部分 11
（三）网站登录与注册页面的介绍 12
1. 网站登录页面介绍 12
2. 网站注册页面介绍 12
（四）网站特效的运用 12
1. 大屏广告 12
2. 联系我们，地图效果如图5-10所示 13
3. 分享专区图片变化 14
总 结 15
参考文献 1
附录：网站部分重要代码 1
一、引言
开发背景
在此刻这一个社会中，互联网，电脑的遍及，网购已经成为大家必不可少的一项需求了。网上购物作为一种新的购物方式，一经推出就囊括了很大部分的 *好棒文|www.hbsrm.com +Q: ^351916072*
购物市场。目前，网购以简略便利的服务以及产品较低的价钱、物品的多样性等优势吸引着越来越多的消费者们。网络消费不仅仅改变了消费者的习惯，还发掘了她们的消费潜力，更创造出了一个全新的消费市场。现在网上购物已经成为了一种潮流式，一种大众式，一种社会式。
选题意义
1998年是中国网络发展史上最应该值得记住的一天，正是在这一年中国的网络购物正式登上了历史的舞台，然而在2000年的时候，网络购物却进入了一个很长的低潮期，历史的发展总是需要一个契机的，也就在那时候出现了非典，许多人只能呆在家中，想要不出去就买到自己所需的东西只能依靠网络。然后越来越多的人开始接触网络购物，同时也享受网络购物给我们带来的简便快捷的方式。伴随着淘宝、京东等很多购物网站的成功上线，中国的网购市场步入了正轨。选择这一主题来作为毕业设计的主题，也正是看中了这一点，有需求的地方就有市场和互联网带给人们的巨大影响。
课题内容
本课题名叫“氧气生活”，顾名思义，这是一个将服饰与生活合成一统的网站。在网站中登录之后，你就可以对网站进行页面的浏览和购买。
课题主要内容包容：品牌阐述，最新出品，店铺活动，清仓折扣，专享会员。对于生活方面包括：趣味分享，联系我们，分享专区，你跟生活的故事。
论文结构
论文共分为6个模块。
第一模块 引言部分，阐述了网站的开发背景、选题意义以及课题内容。
第二模块 需求分析，网站可行性分析，网站基本模块分析。
第三模块 开发工具的选择与介绍，说明此课题中所用到的开发工具。
第四模块 网站主体设计，网站整体结构图，网站LOGO，网站布局。
第五模块 网站实现，分别介绍网站实现的特效。
第六模块 整体总结，分析制作的心得过程。
二、选题需求分析
网站需求与可行性的分析
随着网络的发展起来越快，电脑成为了人们生活中必不可少的一个角色了，而现在大部分的人也利用网络做起了生意，比如说朋友圈，好友动态里有人做代购的，加盟的数不用数，尤其是这几年更是一发不可收拾，这似乎已经成为一促潮流了，现在大多数人都沉迷天网络购物，不仅省去了逛街购物的时间，也不用那么劳累的一家一家店铺去寻找自己心仪的那一件衣服，更多的人选择了在网上购买，方便，简单又能自得其乐，本课题就是针对这一现象，制作的一个购物型网站。本网站服务的对象是面向所有爱美的女性，原创轻中式是我们的宗旨，为消费者带来不一样的感受。
根据以上所分析的每个方面，利用网络来进行购物这一方法是可行的。
网站基本布局
在这个部分主要是讲述网站整个部分的划分与规划，并分析每个模块的实际功能，网站的基本布局如图2-1。
图2-1“氧气生活”网站布局分析
三、网站制作工具的介绍
Photoshop 图片处理软件
Photoshop在本次课题中主要处理网站中所需要的图片信息。合理的运用修图工具能使网站看起来更加美观，这就需要有效地合理地进行图片编辑工作。Photoshop即人们常说的PS是图片处理上必不可少的一项软件；对于广大的Photoshop爱好者来说，大多数的人对于这个软件的了解仅仅限于它是“一个很好的图像编辑软件和图像美化软件”，但人们并不知道它的诸多应用方面，实际上，这个软件的应用领域非常的广泛，无论是在图像、图形、文字、视频、以及出版各方面都有涉及到。?
EditPlus
EditPlus 是一个功能非常强大与便捷的文字处理软件。有了这项文字处理软件，就可以充分的替代记事本，同时，EditPlus也向网页作家及程序设计师提供了许多非常厉害的功能。它同时支持着HTML、CSS、PHP、ASP、Perl、C/C++、Java、JavaScript、VBScript 等等多种语法的代码显示。该软件中自带网页浏览器，使用起来非常便捷。其它强大的功能还包含 HTML 编辑、URL 突显、剪贴文本、行列选择、强大的搜索与替换、多重撤销/重做、拼写检查、自定义快捷键等等，这无疑是给程序开发者必不可少的一个软件。
Dreamwever
它是一个网页设计和网站管理工具，它支持最新的Web技术，包含了HTML检查与控制、HTML格式的控制、HTML格式化选项、可视化的网页设计、图像编辑、全局查找替换等等。它不仅可以替代记事本、EditPlus，同时它的处理方法也非常简单，在网站编辑上，你可以随心所欲的编辑你的网站。同时你可以选择可视化方式或者你喜欢的源码编辑方式。
四、网站整体设计结构
网站结构图
“氧气生活”网站主要包括首页、品牌阐述、最新出品、店铺活动、清仓折扣与专享会员，趣味分享几个部分，其中趣味分享中又包含三个子页面，分别是联系我们，分享专区，你跟生活的故事。网站的分布图如4-1所示。
3.专享会员
专享会员主要是介绍本网站注册会员成功后所享有的一切优惠，以及更多更详细的地方。详细的效果图如图5-4所示。
图5-4 “专享会员”效果图
3. 发展
这一个页面中主要的就是介绍了有关于“氧气生活”公司的发展，公司的一些基本情况，让每个人能更加全面的了解到公司的。详细的效果图如图5-5所示。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1788.html
