几米奶茶网站建设说明书
目 录
引言 1
一、几米奶茶网站概述 1
（一）几米奶茶网站的简介 1
（二）几米奶茶网站的功能 1
二、 网站开发技术及工具简介 2
（一）网站工具的种类 2
（二）Dreamweaver网页编辑 2
（三）Photoshop处理软件 2
三、网站的设计与实现 2
（一）网站设计原则 2
（二）网站前端主要栏目及架构 3
（三）后台功能模块 7
（四） 数据库设计概述 8
四、网站页面的设计与实现 9
（一）首页设计 9
（二）相关产品 9
（三）奶茶产地 10
（四）奶茶做法 11
（五）与我联系 11
五、网站维护与更新 12
（一）网站的发布 12
（二）网站的维护 12
（三）网站的更新 12
结束语 12
致 谢 13
参考文献 13
附录 14
几米奶茶网站建设说明书
引言
随着互联网技术的发展，网站已经是一个单位或者是个人必不可少的展示工具。各种站点已经数不胜数，新建的网站很难在众多网站里引起关注，所以一个网站的成功与否，直接的表现就是能不能引起人们的视觉冲击力。尤其是如今各种类型网站泛滥的今天，很多人更愿意接受干净简洁，富有新意的网站。所以笔者通过调查和浏览诸多文献，设计了一个基于视觉效果的网站，浏览者欣赏网站的时候，带给他们心灵上、精神上的享受，而不是各种广告漫天的杂乱不堪。
那么，一个网站的设计，首 *好棒文|www.hbsrm.com +Q: ￥3^5`1^9`1^6^0`7^2$
先必须分析网站的目标客户是谁，给谁看的，以及这个网站的目标是什么？这点是非常重要的。对于介绍一款产品的网站来说，他的网站的目标受众是广大产品的爱好者和相关客户。对消费者来说，他们主要想通过网站来了解产品的信息，希望从这个网站中获取自已所需的信息，使其为决策提供帮助。
构思网站的主体设计是制作网站必不可少的过程，必须要对网站的主题、形式、色彩、结构等内容进行预先设计，以便将网站造型的内容、形式体现出来。笔者以简单、大气的网站风格，设计了一个介绍奶茶的网站。
一、几米奶茶网站概述
（一）几米奶茶网站的简介
网站是一种沟通工具，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。
（二）几米奶茶网站的功能
网站的功能是网站的核心内容，也是网站运行的重要环节，充分利用互联网的方便快捷的优势，建立网站。基于电子商务网站的基础上，一般要具备的几点功能如下：
1．商品信息的传播。商品信息展示是电子商务网站中的基本功能，也是必须具备的功能。当消费者进入网站，能够看到各式各样的商品信息，从而对整个网站有详细的了解。
2．商品的展示。这是电子商务网站的必备功能。顾客浏览网站时会因商品的种类繁多，而迷失方向，这时分类清晰的商品就显得尤为重要。
3．沟通交流。顾客可以通过此项服务联系到我们。通过此项服务给我们提供建议，也可以指出我们的不足，以便我们加以改进，如果有什么想和我们交流的也可以通过此项服务找到我们。
二、网站开发技术及工具简介
（一）网站工具的种类
随着网络技术的发展，网站制作也变得比较简单容易，越来越多的人可以通过自己的学习来制作网站。DreamWeaver是人们最常用来制作网站的工具，因为它最普遍，相对来说也简单易学。本次几米奶茶网站制作主要就是用了Dreamweaver来完成的。
（二）Dreamweaver网页编辑
本系统是跨越平台限制和跨越浏览器限制的充满动感的网页。构建动漫网站所用的网页编辑器为Dreamweaver，Dreamweaver是美国MA- CROMEDIA公司开发的集网页制作和网站管理于一身的所见即所得网页编辑器，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
Dreamweaver是专业网页设计、网站管理、网页可视化编辑的软件。用它可以制作出非常好的站点，可以快速提升网页制作效率。
（三）Photoshop处理软件
Photoshop，简称“PS”，它是由Adobe Systems开发的一款修图软件，易于操作并且能够提高图片的质量。它处理的对象主要是像素不高以及不清晰的图像。在网站制作过程中都可以使用这些的修图工具，使网站变得更加美观，提高图片的质量。所以是网站制作过程中一款必不可少的软件。
三、网站的设计与实现
（一）网站设计原则
网站制作流程很简单，它能不能发挥应有的作用这是关键问题。网站的主要作用是为人们传递信息，获得便利。所以在设计制作网站时应该遵循以下几项原则：
1．明确主题
设计网站的时候，首先网站的主题一定要明确，使消费者进入网站的时候对网站有基本的了解，也就是通常说的对网站的第一印象。网站要有自己独有的风格，网站的设计要有视觉冲击力，吸引人们的眼球，这就促使设计者对网站有一个明确的定位。通过鲜明的主题设计让消费者能记住这个网站，从而达成之后的合作，所以网站的主题一定要明确。
2．网站整体性
整个网站主要是内容和形式的完整性。在传统网站中，消费者主要是关注一些比较细节的东西，而我们在设计这个网站时往往会忽视这一些小细节，因此整个网站的整体性显得比较重要。网站制作完成后，进入网站的第一眼就将会对网站整体性进行评估，那么网站的整体性就是制作网站的一个关键因素。
3．内容的丰富与统一
一个网站能否吸引消费者最重要的是网站的内容。传统的网站是文字介绍偏多，给人的感觉很枯燥乏味，所以网站的内容一定要丰富多彩，要以图片和文字相结合的形式呈现。网站的整体设计要具有一致性，排版要美观大方，不要看起来比较乱，影响网站的整体形象。
（二）网站前端主要栏目及架构
网站是由多个网页组成，几米奶茶网站主要由“首页”、“相关产品”、“奶茶产地”、“奶茶做法”、“与我联系”等模块组成。
1.首页：此次制作的网站是关于奶茶的，首页主要是奶茶的起源介绍，banner是一个奶茶的动画，下方是几张图片反复切换。如图1所示：
图1 网站首页
2.相关产品：产品主要分为新疆奶茶、丝袜奶茶、蒙古奶茶、玫瑰奶茶、坚果奶茶、香蕉奶茶。另外还介绍了这些奶茶的做法，如图2所示：
引言 1
一、几米奶茶网站概述 1
（一）几米奶茶网站的简介 1
（二）几米奶茶网站的功能 1
二、 网站开发技术及工具简介 2
（一）网站工具的种类 2
（二）Dreamweaver网页编辑 2
（三）Photoshop处理软件 2
三、网站的设计与实现 2
（一）网站设计原则 2
（二）网站前端主要栏目及架构 3
（三）后台功能模块 7
（四） 数据库设计概述 8
四、网站页面的设计与实现 9
（一）首页设计 9
（二）相关产品 9
（三）奶茶产地 10
（四）奶茶做法 11
（五）与我联系 11
五、网站维护与更新 12
（一）网站的发布 12
（二）网站的维护 12
（三）网站的更新 12
结束语 12
致 谢 13
参考文献 13
附录 14
几米奶茶网站建设说明书
引言
随着互联网技术的发展，网站已经是一个单位或者是个人必不可少的展示工具。各种站点已经数不胜数，新建的网站很难在众多网站里引起关注，所以一个网站的成功与否，直接的表现就是能不能引起人们的视觉冲击力。尤其是如今各种类型网站泛滥的今天，很多人更愿意接受干净简洁，富有新意的网站。所以笔者通过调查和浏览诸多文献，设计了一个基于视觉效果的网站，浏览者欣赏网站的时候，带给他们心灵上、精神上的享受，而不是各种广告漫天的杂乱不堪。
那么，一个网站的设计，首 *好棒文|www.hbsrm.com +Q: ￥3^5`1^9`1^6^0`7^2$
先必须分析网站的目标客户是谁，给谁看的，以及这个网站的目标是什么？这点是非常重要的。对于介绍一款产品的网站来说，他的网站的目标受众是广大产品的爱好者和相关客户。对消费者来说，他们主要想通过网站来了解产品的信息，希望从这个网站中获取自已所需的信息，使其为决策提供帮助。
构思网站的主体设计是制作网站必不可少的过程，必须要对网站的主题、形式、色彩、结构等内容进行预先设计，以便将网站造型的内容、形式体现出来。笔者以简单、大气的网站风格，设计了一个介绍奶茶的网站。
一、几米奶茶网站概述
（一）几米奶茶网站的简介
网站是一种沟通工具，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。
（二）几米奶茶网站的功能
网站的功能是网站的核心内容，也是网站运行的重要环节，充分利用互联网的方便快捷的优势，建立网站。基于电子商务网站的基础上，一般要具备的几点功能如下：
1．商品信息的传播。商品信息展示是电子商务网站中的基本功能，也是必须具备的功能。当消费者进入网站，能够看到各式各样的商品信息，从而对整个网站有详细的了解。
2．商品的展示。这是电子商务网站的必备功能。顾客浏览网站时会因商品的种类繁多，而迷失方向，这时分类清晰的商品就显得尤为重要。
3．沟通交流。顾客可以通过此项服务联系到我们。通过此项服务给我们提供建议，也可以指出我们的不足，以便我们加以改进，如果有什么想和我们交流的也可以通过此项服务找到我们。
二、网站开发技术及工具简介
（一）网站工具的种类
随着网络技术的发展，网站制作也变得比较简单容易，越来越多的人可以通过自己的学习来制作网站。DreamWeaver是人们最常用来制作网站的工具，因为它最普遍，相对来说也简单易学。本次几米奶茶网站制作主要就是用了Dreamweaver来完成的。
（二）Dreamweaver网页编辑
本系统是跨越平台限制和跨越浏览器限制的充满动感的网页。构建动漫网站所用的网页编辑器为Dreamweaver，Dreamweaver是美国MA- CROMEDIA公司开发的集网页制作和网站管理于一身的所见即所得网页编辑器，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
Dreamweaver是专业网页设计、网站管理、网页可视化编辑的软件。用它可以制作出非常好的站点，可以快速提升网页制作效率。
（三）Photoshop处理软件
Photoshop，简称“PS”，它是由Adobe Systems开发的一款修图软件，易于操作并且能够提高图片的质量。它处理的对象主要是像素不高以及不清晰的图像。在网站制作过程中都可以使用这些的修图工具，使网站变得更加美观，提高图片的质量。所以是网站制作过程中一款必不可少的软件。
三、网站的设计与实现
（一）网站设计原则
网站制作流程很简单，它能不能发挥应有的作用这是关键问题。网站的主要作用是为人们传递信息，获得便利。所以在设计制作网站时应该遵循以下几项原则：
1．明确主题
设计网站的时候，首先网站的主题一定要明确，使消费者进入网站的时候对网站有基本的了解，也就是通常说的对网站的第一印象。网站要有自己独有的风格，网站的设计要有视觉冲击力，吸引人们的眼球，这就促使设计者对网站有一个明确的定位。通过鲜明的主题设计让消费者能记住这个网站，从而达成之后的合作，所以网站的主题一定要明确。
2．网站整体性
整个网站主要是内容和形式的完整性。在传统网站中，消费者主要是关注一些比较细节的东西，而我们在设计这个网站时往往会忽视这一些小细节，因此整个网站的整体性显得比较重要。网站制作完成后，进入网站的第一眼就将会对网站整体性进行评估，那么网站的整体性就是制作网站的一个关键因素。
3．内容的丰富与统一
一个网站能否吸引消费者最重要的是网站的内容。传统的网站是文字介绍偏多，给人的感觉很枯燥乏味，所以网站的内容一定要丰富多彩，要以图片和文字相结合的形式呈现。网站的整体设计要具有一致性，排版要美观大方，不要看起来比较乱，影响网站的整体形象。
（二）网站前端主要栏目及架构
网站是由多个网页组成，几米奶茶网站主要由“首页”、“相关产品”、“奶茶产地”、“奶茶做法”、“与我联系”等模块组成。
1.首页：此次制作的网站是关于奶茶的，首页主要是奶茶的起源介绍，banner是一个奶茶的动画，下方是几张图片反复切换。如图1所示：
图1 网站首页
2.相关产品：产品主要分为新疆奶茶、丝袜奶茶、蒙古奶茶、玫瑰奶茶、坚果奶茶、香蕉奶茶。另外还介绍了这些奶茶的做法，如图2所示：
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jmgl/scyx/1926.html
