伊梦水晶网站设计与制作报告
珠宝饰品是我们生活中不可缺少的一部分，不论是佩戴装饰还是摆设，而水晶就是其中的一个重要材质类别。每一种水晶都有它们自己独特的意义与作用。他们有的可以招桃花，有的可以辟邪保平安，有的可以促进身体血液循环，有的可以促进财运事业，甚至还有的可以美容养颜等，它们的作用神奇，在市场上一直深受人们的追捧。而我的家乡世界水晶之都东海就是一个天然水晶原料集散地，所以我设计和制作了一个关于水晶饰品宣传与销售的网站，也为以后开设淘宝店铺打下基础。本次设计和制作的伊梦水晶网站制作主要是以不同种类的水晶饰品作为研究对象。主要有天然水晶挂坠、手链、纯手工车挂、包挂、戒指、发晶饰品几个种类，而且每一产品都有单独的详情页面，为消费者提供一个品种齐全的水晶购物网站。
目录
一、伊梦水晶网站概述 1
（一）网站概述 1
（二）设计工具的选用及介绍 1
（三）网站结构 2
（四）功能分配 4
二、伊梦水晶网站建设规划 5
（一）确定主题 5
（二）搜集资料 5
（三）资料整理 6
（四）站点建立 6
（五）编辑CSS样式表 6
三、伊梦水晶网站风格与形象设计 6
（一）网站整体风格的设计 6
（二）网站的形象设计 7
（三）网站的制作过程 8
四、伊梦水晶网站的版面规划 8
（一）表格排版布局网页 8
（二）主页面 8
（三）次级页面 8
（四）页眉 9
（五）页脚 9
五、伊梦水晶网站详细操作说明 10
（一）网站首页 10
（二）手工车挂 10
（三）天然水晶挂坠 10
（四）发晶饰品 11
（五）水晶戒指 11
（六）绿幽灵 11
（七）鸡年专区 11
六、网站的推广与维护 11
（一）网站推广 11
（二）网站维护 12
结束语 12
参考文献 13
致谢 14
附录 15
*好棒文|www.hbsrm.com +Q: ^351916072^
一、伊梦水晶网站概述
（一）网站概述
随着互联网+时代到来电子商务发展的更为迅速，网购已成为当今我们生活中必不可少的一部分，为了更好地满足消费者的需求并了解水晶，所以设计与制作了一个关于水晶饰品宣传与销售的网站。
本次设计与制作的伊梦水晶网站主要是以不同种类与形式的水晶饰品作为研究对象。主要有天然水晶挂坠、纯手工车挂、包挂、发晶饰品、戒指、绿幽灵及鸡年专区这几个分类，其中以手工车挂、天然水晶挂坠、发晶饰品三种为重点研究对象，为消费者提供一个品种齐全的专业水晶宣传与购物网站,以便消费者的挑选与购买。
（二）设计工具的选用及介绍
伊梦水晶网站计主要采用了Dreamweaver、Photoshop及Flash三种软件进行设计的。
1、Dreamweaver
Dreamweaver是创建、制作与管理网站的专业化可视编辑器，不仅是我们学习制作网站所用的软件更是目前网站设计、开发、制作的必备与首选工具。可视化的操作、灵活的编写方式和跨浏览器的特性更便于制作网站，可以让我们在设计的同时看到在浏览器中现实的效果，进而更好地更正与优化。
2、Photoshop
Photoshop是图像处理软件简称ps，它具有强大的图片处理功能。在制作网站中，ps软件是必不可少的，网页上所有的图片都要进行编辑使其风格、格式统一。它不仅可以修改图片，还可以制作图片，网页上的图片并不是都能在网上搜到的，当我们搜索不到想要的图片时，就可以自己手动制作自己需要的图片，在伊梦水晶这个网站中的logo以及不同种类标题图片（如图1所示）的设计与制作都是运用ps来完成的，既美观又独特。
图1: 标题图片
3、Flash
Fash是一个制作动画的工具。在制作动态网站中动画当然是必不可少的一部分，它可以使网页看起来既生动又有趣，在此次网站设计中也是大量用到的。动画可以将信息图文并茂的展示出来，在伊梦水晶网站中的首页就有运用到。
（三）网站结构
1.网站结构
图2：网站结构
2.首页：伊梦水晶各个分类的热销产品集合，包括手工车挂、天然水晶挂坠、发晶饰品与鸡年专区。
3.子网页：
（1）手工车挂：各种款式手工编织车挂图片、名称、细节与首个商品的购买详情页面；
（2）天然水晶挂坠：各类挂坠图片、名称、细节与首个商品的购买详情页面；
（3）发晶饰品：各类发晶饰品图片、名称、细节与首个商品的购买详情页面；
（4）天然水晶戒指：各类戒指图片、名称、细节与首个商品的购买详情页面；
（5）绿幽灵：各种款式绿幽灵饰品图片、名称、细节与首个商品的购买详情页面；
（6）鸡年专区：各种款式本命年的饰品图片、名称、细节与首个商品的购买详情页面。
打开伊梦水晶网站的首页，如下图3所示:
图3：伊梦水晶网站首页
作用：展示了我们企业网站的形象与整体风格,吸引消费者。
功能：通过首页上部分的logo和Fiash动画软件制作的banner以及各个分类中热销产品的图片集合，来充分展现出我们网站的风格、理念及珠宝首饰的魅力所在。
（四）功能分配
1.所有商品分类
网站的所有商品有两种分配方式：一是以水晶饰品的质地划分，其中包括发晶饰品、绿幽灵两部分；二是以水晶饰品的表现形式种类划分，其中包括手工车挂、天然水晶挂坠、鸡年专区三部分。用户可以根据自己的喜好与需求来浏览、购买商品。
2.用户登录
网站还配有用户登录页面，点击每一网页页眉上的“亲 请登录！”（如图4所示）链接，方可进入登录页面（如图5所示），登录账号更方便用户了解和购买商品，增加用户体验。如没有在网站中申请过账号也可以在登录页面点击右下角“免费注册”进入注册页面进行免费注册。
图4：“亲 请登录！”
图5：用户登录
2.搜索
图6：商品搜索
3.购买商品
网站的每一次级网页的首个宝贝都配有购买及详情页面，在购买栏可选择购买的商品颜色款式、数量及配送地点，上方会显示所选取商品的单价，设计一目了然，能让用户快速的；理解与运用。
图7：购买栏
4.品质保障与服务
我们网站的各项服务（如图8所示）为用户提供了良好的购物环境，使消费者更放心的购买商品。
目录
一、伊梦水晶网站概述 1
（一）网站概述 1
（二）设计工具的选用及介绍 1
（三）网站结构 2
（四）功能分配 4
二、伊梦水晶网站建设规划 5
（一）确定主题 5
（二）搜集资料 5
（三）资料整理 6
（四）站点建立 6
（五）编辑CSS样式表 6
三、伊梦水晶网站风格与形象设计 6
（一）网站整体风格的设计 6
（二）网站的形象设计 7
（三）网站的制作过程 8
四、伊梦水晶网站的版面规划 8
（一）表格排版布局网页 8
（二）主页面 8
（三）次级页面 8
（四）页眉 9
（五）页脚 9
五、伊梦水晶网站详细操作说明 10
（一）网站首页 10
（二）手工车挂 10
（三）天然水晶挂坠 10
（四）发晶饰品 11
（五）水晶戒指 11
（六）绿幽灵 11
（七）鸡年专区 11
六、网站的推广与维护 11
（一）网站推广 11
（二）网站维护 12
结束语 12
参考文献 13
致谢 14
附录 15
*好棒文|www.hbsrm.com +Q: ^351916072^
一、伊梦水晶网站概述
（一）网站概述
随着互联网+时代到来电子商务发展的更为迅速，网购已成为当今我们生活中必不可少的一部分，为了更好地满足消费者的需求并了解水晶，所以设计与制作了一个关于水晶饰品宣传与销售的网站。
本次设计与制作的伊梦水晶网站主要是以不同种类与形式的水晶饰品作为研究对象。主要有天然水晶挂坠、纯手工车挂、包挂、发晶饰品、戒指、绿幽灵及鸡年专区这几个分类，其中以手工车挂、天然水晶挂坠、发晶饰品三种为重点研究对象，为消费者提供一个品种齐全的专业水晶宣传与购物网站,以便消费者的挑选与购买。
（二）设计工具的选用及介绍
伊梦水晶网站计主要采用了Dreamweaver、Photoshop及Flash三种软件进行设计的。
1、Dreamweaver
Dreamweaver是创建、制作与管理网站的专业化可视编辑器，不仅是我们学习制作网站所用的软件更是目前网站设计、开发、制作的必备与首选工具。可视化的操作、灵活的编写方式和跨浏览器的特性更便于制作网站，可以让我们在设计的同时看到在浏览器中现实的效果，进而更好地更正与优化。
2、Photoshop
Photoshop是图像处理软件简称ps，它具有强大的图片处理功能。在制作网站中，ps软件是必不可少的，网页上所有的图片都要进行编辑使其风格、格式统一。它不仅可以修改图片，还可以制作图片，网页上的图片并不是都能在网上搜到的，当我们搜索不到想要的图片时，就可以自己手动制作自己需要的图片，在伊梦水晶这个网站中的logo以及不同种类标题图片（如图1所示）的设计与制作都是运用ps来完成的，既美观又独特。
图1: 标题图片
3、Flash
Fash是一个制作动画的工具。在制作动态网站中动画当然是必不可少的一部分，它可以使网页看起来既生动又有趣，在此次网站设计中也是大量用到的。动画可以将信息图文并茂的展示出来，在伊梦水晶网站中的首页就有运用到。
（三）网站结构
1.网站结构
图2：网站结构
2.首页：伊梦水晶各个分类的热销产品集合，包括手工车挂、天然水晶挂坠、发晶饰品与鸡年专区。
3.子网页：
（1）手工车挂：各种款式手工编织车挂图片、名称、细节与首个商品的购买详情页面；
（2）天然水晶挂坠：各类挂坠图片、名称、细节与首个商品的购买详情页面；
（3）发晶饰品：各类发晶饰品图片、名称、细节与首个商品的购买详情页面；
（4）天然水晶戒指：各类戒指图片、名称、细节与首个商品的购买详情页面；
（5）绿幽灵：各种款式绿幽灵饰品图片、名称、细节与首个商品的购买详情页面；
（6）鸡年专区：各种款式本命年的饰品图片、名称、细节与首个商品的购买详情页面。
打开伊梦水晶网站的首页，如下图3所示:
图3：伊梦水晶网站首页
作用：展示了我们企业网站的形象与整体风格,吸引消费者。
功能：通过首页上部分的logo和Fiash动画软件制作的banner以及各个分类中热销产品的图片集合，来充分展现出我们网站的风格、理念及珠宝首饰的魅力所在。
（四）功能分配
1.所有商品分类
网站的所有商品有两种分配方式：一是以水晶饰品的质地划分，其中包括发晶饰品、绿幽灵两部分；二是以水晶饰品的表现形式种类划分，其中包括手工车挂、天然水晶挂坠、鸡年专区三部分。用户可以根据自己的喜好与需求来浏览、购买商品。
2.用户登录
网站还配有用户登录页面，点击每一网页页眉上的“亲 请登录！”（如图4所示）链接，方可进入登录页面（如图5所示），登录账号更方便用户了解和购买商品，增加用户体验。如没有在网站中申请过账号也可以在登录页面点击右下角“免费注册”进入注册页面进行免费注册。
图4：“亲 请登录！”
图5：用户登录
2.搜索
图6：商品搜索
3.购买商品
网站的每一次级网页的首个宝贝都配有购买及详情页面，在购买栏可选择购买的商品颜色款式、数量及配送地点，上方会显示所选取商品的单价，设计一目了然，能让用户快速的；理解与运用。
图7：购买栏
4.品质保障与服务
我们网站的各项服务（如图8所示）为用户提供了良好的购物环境，使消费者更放心的购买商品。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jmgl/dzsw/396.html
