婷婷护肤网站建设说明书
摘 要 互联网技术的发展带来网购的热潮。在日常生活中，网购与我们的生活息息相关。现如今的社会，女性社会地位提高，生活习惯也有了很大的变化，护肤已经成为女性的必修课。为此，我们为您建设婷婷护肤网站，给您提供了不同品牌、不同功效的护肤品购买途径以及护肤知识的学习，可以让您足不出户选择心仪的产品并且送货上门。与此同时还可以和网民互动，交流经验。最后我们对护肤网站建设规范的设计和制作进行了介绍和讲解，主要内容包括网站的总体规划、详细设计说明、网站操作说明、网站推广和维护。
目录
引言 1
一、网站总体规划 1
（一）网站结构 1
（二）网页整体风格的构思和素材搜集 1
（三）网站开发工具 2
（四）功能分配 2
二、详细设计说明 3
（一）网站整体风格的设计 3
（二）网站的形象设计 3
（三）网页布局 4
（四）主页面 5
（五）次级页面 5
（六）页眉 5
（七）页脚 6
三、网站操作说明 6
（一）网站首页 6
（二）护肤购 7
（三）护肤百科 7
（四）护肤品评测 8
（五）试用中心 8
（六）用户注册 9
（七）用户登录 9
四、网站的推广与维护 10
（一）网站推广 10
（二）网站维护 10
参考文献 12
致谢 13
引言
随着互联网的发展，各行各业都感受到网络的号召，电商也随之衍生。护肤品以品牌形式被大众认知，获取以及购买途径也大多是以实体店为主。但是实体店地点固定，价格昂贵，并且产品不全，购买选择全靠店员的推荐。不能够满足如今大时代下女性对于护肤品的购买需求，所以一个品牌、服务、商品齐全的护肤品购物网站是新时代女性所喜爱和乐于接受的。而网购的好处就在于能够提供货品齐全、品牌多样、服务优良的完美购物享受。贴一贴面膜，浏览制作精美的网站，购买喜爱的产品，学习变美的知识，我想每个女生都不会拒绝的。网站为客户提供快捷便利的方式选择合适的产品，并 *好棒文|www.hbsrm.com +Q: ^351916072*
保证优质的服务，让美丽成为每个女人的专利。
一、网站总体规划
本次设计和制作的婷婷护肤网站主要是以女士护肤为研究对象，主要有护肤品购买、护肤百科介绍、护肤品评测、产品试用，为人们提供了一个集护肤经验和购买一条龙服务的购物网站，方便顾客比较及购买。
（一）网站结构
网站结构采用树形目录结构，频道分为首页、护肤购、护肤百科、护肤测评和试用中心等五个栏目，见图1所示。
图1婷婷护肤网站内容
（二）网页整体风格的构思和素材搜集
1、网站主题
婷婷护肤网站是以护肤为主题的购物型网站。主要的消费人群是女性。
2、资料收集与整理
第一步，围绕主题搜索百度护肤相关信息，浏览相关网页、图片、文字信息，并对采集的数据进行整理，利用PS软件作为图像处理的搭配站点，随时准备建立网站的素材存储；第二步，将搜集的资料进行归类，建立文件夹“婷婷护肤”作为根目录文件夹，将图片信息储存于文件夹images，以此类推，将所有建立的信息有条理的储存于各文件夹下，以便于快速找到需要的文件。
（三）网站开发工具
网站建设是在dreamweaver上完成的，dreamwerver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件。具体使用步骤如下：打开Dreamweaver 8,点击菜单栏的“站点”新建站点，站点名称设置为“婷婷护肤”。接下来选择站点本地根文件夹C:婷婷护肤。设置默认图像文件夹为C:婷婷护肤images。设置完毕后，可以在右侧面板中找到所有的图片、文字、动画等信息。
（四）功能分配
1．登陆及注册
点击注册按钮可以注册成为网站会员，已有账号可以点击登陆，可以享受更优质的服务。
2．搜索
用户可以通过商品搜索来搜索喜爱的宝贝，并可以通过选择产品不同功效、品牌、价位来明确购物方向，缩小选择范围，节约时间。
3．购物车
购物车是以存储的形式展示你意愿购买的产品，方便收藏购买，打开购物车，你可以看到加入购物车的商品信息，或者活动信息，简单包括商品的品牌、商品图片、商品名称、单价、数量和金额等。如果觉得需要购买，点击结算可以跳转付款页面，完成交易。
4．上下翻页按钮
右键点击页面上下按钮设置页面，可以自由选择浏览页面，并设置尾页与首页两个按钮，可以方便用户快速返回需要的页面寻找想要浏览的信息，以节约时间，提高效率。
5．意见反馈
用户可以对于网站管理或者产品购买方面提供宝贵意见，提升用户对于网站的认可度并让我们提供更好的服务。
6．商品评价
用户可以看到该商品的评价如何，更贴心的按年龄分类，让用户更细致的找到适合自己的产品，设置选择好评、中评、差评，让需要购买的人可以参考购买过产品的人的意见。留言簿里面填写评价内容和意见。我们将根据客户的评价内容和反映的问题做出相应的改进对策。
7．友情链接
友情链接放置在页面底部的一些和网页主题相似的一些网站链接，可以让用户进行比对选择，以为了让客户更好的选择产品，也可以展示出网站的关联性，同时寻求共赢发展。
8．浏览器加载弹出活动信息
点击标签选中整个操作界面的内容，在右侧标签下选择行为面板，添加弹出信息，输入“春日大促~优惠多多等你来!”单击确定，设置事件为“onload”，网页运行在浏览器上，就会有活动弹窗出现。
二、详细设计说明
（一）网站整体风格的设计
首页的设计形式是图片展示为主，文字表述以辅，通过图片直观表现出产品以及活动特色，同时制作具有浓浓促销活动信息的图片，也带来春天的气息以及调动了浏览者购买欲。
内页采取风格统一的色调和布局来进行排版，但是没有并非全部利用模板建设，保持不同的格局，创造不同的灵感。
（二）网站的形象设计
1．标志
本网站的Logo是用网站的名称“婷婷护肤网”和紫色蝴蝶以及主体语“为你的美丽而存在”组合设计而成，色彩绚丽俏皮，又显示了我们网站对于服务的用心以及对于美丽的渴望。如下图2所示：
图2标志 Logo
目录
引言 1
一、网站总体规划 1
（一）网站结构 1
（二）网页整体风格的构思和素材搜集 1
（三）网站开发工具 2
（四）功能分配 2
二、详细设计说明 3
（一）网站整体风格的设计 3
（二）网站的形象设计 3
（三）网页布局 4
（四）主页面 5
（五）次级页面 5
（六）页眉 5
（七）页脚 6
三、网站操作说明 6
（一）网站首页 6
（二）护肤购 7
（三）护肤百科 7
（四）护肤品评测 8
（五）试用中心 8
（六）用户注册 9
（七）用户登录 9
四、网站的推广与维护 10
（一）网站推广 10
（二）网站维护 10
参考文献 12
致谢 13
引言
随着互联网的发展，各行各业都感受到网络的号召，电商也随之衍生。护肤品以品牌形式被大众认知，获取以及购买途径也大多是以实体店为主。但是实体店地点固定，价格昂贵，并且产品不全，购买选择全靠店员的推荐。不能够满足如今大时代下女性对于护肤品的购买需求，所以一个品牌、服务、商品齐全的护肤品购物网站是新时代女性所喜爱和乐于接受的。而网购的好处就在于能够提供货品齐全、品牌多样、服务优良的完美购物享受。贴一贴面膜，浏览制作精美的网站，购买喜爱的产品，学习变美的知识，我想每个女生都不会拒绝的。网站为客户提供快捷便利的方式选择合适的产品，并 *好棒文|www.hbsrm.com +Q: ^351916072*
保证优质的服务，让美丽成为每个女人的专利。
一、网站总体规划
本次设计和制作的婷婷护肤网站主要是以女士护肤为研究对象，主要有护肤品购买、护肤百科介绍、护肤品评测、产品试用，为人们提供了一个集护肤经验和购买一条龙服务的购物网站，方便顾客比较及购买。
（一）网站结构
网站结构采用树形目录结构，频道分为首页、护肤购、护肤百科、护肤测评和试用中心等五个栏目，见图1所示。
图1婷婷护肤网站内容
（二）网页整体风格的构思和素材搜集
1、网站主题
婷婷护肤网站是以护肤为主题的购物型网站。主要的消费人群是女性。
2、资料收集与整理
第一步，围绕主题搜索百度护肤相关信息，浏览相关网页、图片、文字信息，并对采集的数据进行整理，利用PS软件作为图像处理的搭配站点，随时准备建立网站的素材存储；第二步，将搜集的资料进行归类，建立文件夹“婷婷护肤”作为根目录文件夹，将图片信息储存于文件夹images，以此类推，将所有建立的信息有条理的储存于各文件夹下，以便于快速找到需要的文件。
（三）网站开发工具
网站建设是在dreamweaver上完成的，dreamwerver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件。具体使用步骤如下：打开Dreamweaver 8,点击菜单栏的“站点”新建站点，站点名称设置为“婷婷护肤”。接下来选择站点本地根文件夹C:婷婷护肤。设置默认图像文件夹为C:婷婷护肤images。设置完毕后，可以在右侧面板中找到所有的图片、文字、动画等信息。
（四）功能分配
1．登陆及注册
点击注册按钮可以注册成为网站会员，已有账号可以点击登陆，可以享受更优质的服务。
2．搜索
用户可以通过商品搜索来搜索喜爱的宝贝，并可以通过选择产品不同功效、品牌、价位来明确购物方向，缩小选择范围，节约时间。
3．购物车
购物车是以存储的形式展示你意愿购买的产品，方便收藏购买，打开购物车，你可以看到加入购物车的商品信息，或者活动信息，简单包括商品的品牌、商品图片、商品名称、单价、数量和金额等。如果觉得需要购买，点击结算可以跳转付款页面，完成交易。
4．上下翻页按钮
右键点击页面上下按钮设置页面，可以自由选择浏览页面，并设置尾页与首页两个按钮，可以方便用户快速返回需要的页面寻找想要浏览的信息，以节约时间，提高效率。
5．意见反馈
用户可以对于网站管理或者产品购买方面提供宝贵意见，提升用户对于网站的认可度并让我们提供更好的服务。
6．商品评价
用户可以看到该商品的评价如何，更贴心的按年龄分类，让用户更细致的找到适合自己的产品，设置选择好评、中评、差评，让需要购买的人可以参考购买过产品的人的意见。留言簿里面填写评价内容和意见。我们将根据客户的评价内容和反映的问题做出相应的改进对策。
7．友情链接
友情链接放置在页面底部的一些和网页主题相似的一些网站链接，可以让用户进行比对选择，以为了让客户更好的选择产品，也可以展示出网站的关联性，同时寻求共赢发展。
8．浏览器加载弹出活动信息
点击标签选中整个操作界面的内容，在右侧标签下选择行为面板，添加弹出信息，输入“春日大促~优惠多多等你来!”单击确定，设置事件为“onload”，网页运行在浏览器上，就会有活动弹窗出现。
二、详细设计说明
（一）网站整体风格的设计
首页的设计形式是图片展示为主，文字表述以辅，通过图片直观表现出产品以及活动特色，同时制作具有浓浓促销活动信息的图片，也带来春天的气息以及调动了浏览者购买欲。
内页采取风格统一的色调和布局来进行排版，但是没有并非全部利用模板建设，保持不同的格局，创造不同的灵感。
（二）网站的形象设计
1．标志
本网站的Logo是用网站的名称“婷婷护肤网”和紫色蝴蝶以及主体语“为你的美丽而存在”组合设计而成，色彩绚丽俏皮，又显示了我们网站对于服务的用心以及对于美丽的渴望。如下图2所示：
图2标志 Logo
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jmgl/dzsw/380.html
