光阴故事咖啡店网站说明书
目录
引 言 1
一、光阴故事咖啡店网站概述 2
（一）光阴故事咖啡店网站的简介 2
（二）光阴故事咖啡店网站的功能 2
二、网站开发技术及工具简介 3
（一）网站工具的种类 3
（二）Dreamweaver网页编辑 3
（三）Photoshop处理软件 3
三、网站总体设计 4
（一）网站设计原则 4
（二）网站前端主要栏目及架构 5
（三）后台主要功能模块 6
（四）数据库设计概述 7
四、网站页面的设计与实现 7
（一）首页设计 7
（二）新闻中心 8
（三）产品中心 9
（四）人力资源 10
（五）联系我们 10
（六）留言板 11
五、网站维护与更新 12
（一）网站的发布 12
（二）网站的维护 12
（三）网站的更新 12
结束语 13
致 谢 13
参考文献 14
附 录 15
光阴故事咖啡店网站建设说明书
引 言
众所周知，电子商务正在改变人们的购物方式，由原来的拎着大包小包在商场购物，到现在的对着电脑网购，在家里拆快递。过去总说“货比三家”，可是人的体力总是有限的，现在大部分的上班族都是以节约时间为主，以选择最好的商品为前提来网上购物的，就说现在每个上班族加班必备用品——咖啡，咖啡行业在互联网上战争十分激烈，要怎么从这么激烈的战役中崭露头角呢？利用先进的技术，使消费者可以通过咖啡网站查询自己喜爱的咖啡，用咖啡网站上独 *好棒文|www.hbsrm.com +Q: 3 5 1 9 1 6 0 7 2
特的咖啡样式和品种来吸引用户的注意力，并且在第一时间为用户送达。所以我设计了一个关于咖啡的网站。
一、光阴故事咖啡店网站概述
（一）光阴故事咖啡店网站的简介
网站又称Website,原先是指按照网站的规定，运用HTML等一系列建造工具从而制作出有关内容网页的集合。现在，人们又把网站称作是一个交流对象，用户可以将自己想要发布的消息公布到网站上面，这样子就可以更好起到资源共享的作用。
（二）光阴故事咖啡店网站的功能
随着当今网络技术的发展，计算机活动是现在每个企业所要发展的方法之一，也是每个网站推广的必须要走的途径。光阴故事咖啡店网站的主要功能如下：
商品的展示。商品的展示是每个网站上必不可少的，这是消费者打开网页，最印象深刻的部分。
留言板讨论。是每个网站上最能积累资源的地方，每个消费者都会在此留下自己最宝贵的意见，从而使网站得到更好的改善。
行业资讯。是用户可以在第一时间得到相关行业新闻的模块，这个部分的两大特点就是：更新速度快，各地区的新闻针对各地区。
二、网站开发技术及工具简介
（一）网站工具的种类
建造网站最关键的就是选择好的制作工具，比如说PHOTOSHIOP和FIREWORKS这俩款软件是用来处理网站上面的图片的，DREAMWEAVER这个软件主要功能是建设网页文件，使做出来的文件兼容性能好，FLASH这款软件是可以将网页文件作出动画效果的。制作光阴故事咖啡店网站主要运用了Dreamweaver和Photoshop这两款软件。
（二）Dreamweaver网页编辑
Dreamweaver，简称“DW”，是美国MACROMEDIA公司开发的网页制作与管理一题的网页编辑器，并且具有HTML编辑功能，它兼容Mac和Windows系统。DREAMWEAVER这款网页建造软件非常好，可以将你在FIREWORKS和PHOTOSHOP软件中制作出来的图片直接在DREAMWEAVER中打开从而进行更进一步的修改。网站管理性能好，Dreamweaver会自动更新网页上面的所以链接。控制能力强，Dreamweaver可以在不同浏览器页面上执行和更改。Dreamweaver的缺点是效果一致性差和代码难以控制。
CSS也叫样式表，在Dreamweaver中CSS就是网页制作软件中的样式表，在DREAMWEAVER中是需要用代码来表示各个字体颜色，大小的，而在CSS样式中只要建立一个新的样式表,重而进行运用就设置成功了。最后应用各个属性就可以得到相应的代码，还可以根据自己所需要的样式在CSS中进行修改和更新，采用CSS样式表能够更快捷的进行网页编辑。
（三）Photoshop处理软件
PHOTOSHOP，简称“PS”，是处理网页图片的软件，这个主要是用在平面设计、广告摄影、后期修改等，这些方面是PHOTOSHOP的专长，图片处理就是将原来有的图片再进一步的进行加工处理，使比原先的图片更好好看，更吸引顾客的眼球。随着电子商务的成长，现在需要更多的人了解并熟练掌握PHOTOSHOP技术，因为这个在网页设计中是非常重要的软件之一。
三、网站总体设计
（一）网站设计原则
在网上要做到吸引用户的注意力第一原则就是网站设计，只有把网站页面设计好了，用户才会第一眼喜欢你的产品。所以，在设计网站的时候应该将自己想要表现产品的特征和产品的优点，还有产品是如何制作出来的过程做的比较详细，用户才会更加喜欢做出来的网站。那么，在设计网站中最需要保证几项主要原则如下：
1．吸引客户的注意力
想要做出好的网站，就必须将网站中特别吸引用户的模块放在最前面，这样子，用户才会花更多的时间浏览网站，然后，在合适的位置设置友情链接，最好是运用一些反差比较大的颜色来突出标明，从而吸引用户的注意力。
2．图像的运用
在网站设计中，图像的运用也是很重要的方面，比如：可以使用JPG或者GIF格式的图片，或者使用分辨率不是非常高的图片或者将大图在PHOTOSHOP中尺寸弄成小图，这样子就可以大大缩短网站的加载时间。
3．保证导航的流畅
想要用户用最快的速度在网站中找到自己想要的商品，就是保证导航栏的流畅性，因此导航的设计应该是简洁明了的，而且要做到在看一些很细小的模块仍然能够让用户很清楚的知道自己所看商品的信息。
在一个网站中字体与图片之间的排版也是很重要的，不同的字体放在不同的位置是是有表示着不同的意义的。一定要注意保持字体的一致性，能够让浏览者顺利的阅读你的网站。并且要注意大标题和小标题运用一定要突出，可以使用不同的字体或者颜色来代替。实际上网站的设计不仅是由色彩丰富而组成的，而是由不同的设计工具共同制作出来的。
图6 网站首页
（二）新闻中心
网页的新闻中心模块，主要是体现有关商品的最新消息模块。具体如下图（图7）：
引 言 1
一、光阴故事咖啡店网站概述 2
（一）光阴故事咖啡店网站的简介 2
（二）光阴故事咖啡店网站的功能 2
二、网站开发技术及工具简介 3
（一）网站工具的种类 3
（二）Dreamweaver网页编辑 3
（三）Photoshop处理软件 3
三、网站总体设计 4
（一）网站设计原则 4
（二）网站前端主要栏目及架构 5
（三）后台主要功能模块 6
（四）数据库设计概述 7
四、网站页面的设计与实现 7
（一）首页设计 7
（二）新闻中心 8
（三）产品中心 9
（四）人力资源 10
（五）联系我们 10
（六）留言板 11
五、网站维护与更新 12
（一）网站的发布 12
（二）网站的维护 12
（三）网站的更新 12
结束语 13
致 谢 13
参考文献 14
附 录 15
光阴故事咖啡店网站建设说明书
引 言
众所周知，电子商务正在改变人们的购物方式，由原来的拎着大包小包在商场购物，到现在的对着电脑网购，在家里拆快递。过去总说“货比三家”，可是人的体力总是有限的，现在大部分的上班族都是以节约时间为主，以选择最好的商品为前提来网上购物的，就说现在每个上班族加班必备用品——咖啡，咖啡行业在互联网上战争十分激烈，要怎么从这么激烈的战役中崭露头角呢？利用先进的技术，使消费者可以通过咖啡网站查询自己喜爱的咖啡，用咖啡网站上独 *好棒文|www.hbsrm.com +Q: 3 5 1 9 1 6 0 7 2
特的咖啡样式和品种来吸引用户的注意力，并且在第一时间为用户送达。所以我设计了一个关于咖啡的网站。
一、光阴故事咖啡店网站概述
（一）光阴故事咖啡店网站的简介
网站又称Website,原先是指按照网站的规定，运用HTML等一系列建造工具从而制作出有关内容网页的集合。现在，人们又把网站称作是一个交流对象，用户可以将自己想要发布的消息公布到网站上面，这样子就可以更好起到资源共享的作用。
（二）光阴故事咖啡店网站的功能
随着当今网络技术的发展，计算机活动是现在每个企业所要发展的方法之一，也是每个网站推广的必须要走的途径。光阴故事咖啡店网站的主要功能如下：
商品的展示。商品的展示是每个网站上必不可少的，这是消费者打开网页，最印象深刻的部分。
留言板讨论。是每个网站上最能积累资源的地方，每个消费者都会在此留下自己最宝贵的意见，从而使网站得到更好的改善。
行业资讯。是用户可以在第一时间得到相关行业新闻的模块，这个部分的两大特点就是：更新速度快，各地区的新闻针对各地区。
二、网站开发技术及工具简介
（一）网站工具的种类
建造网站最关键的就是选择好的制作工具，比如说PHOTOSHIOP和FIREWORKS这俩款软件是用来处理网站上面的图片的，DREAMWEAVER这个软件主要功能是建设网页文件，使做出来的文件兼容性能好，FLASH这款软件是可以将网页文件作出动画效果的。制作光阴故事咖啡店网站主要运用了Dreamweaver和Photoshop这两款软件。
（二）Dreamweaver网页编辑
Dreamweaver，简称“DW”，是美国MACROMEDIA公司开发的网页制作与管理一题的网页编辑器，并且具有HTML编辑功能，它兼容Mac和Windows系统。DREAMWEAVER这款网页建造软件非常好，可以将你在FIREWORKS和PHOTOSHOP软件中制作出来的图片直接在DREAMWEAVER中打开从而进行更进一步的修改。网站管理性能好，Dreamweaver会自动更新网页上面的所以链接。控制能力强，Dreamweaver可以在不同浏览器页面上执行和更改。Dreamweaver的缺点是效果一致性差和代码难以控制。
CSS也叫样式表，在Dreamweaver中CSS就是网页制作软件中的样式表，在DREAMWEAVER中是需要用代码来表示各个字体颜色，大小的，而在CSS样式中只要建立一个新的样式表,重而进行运用就设置成功了。最后应用各个属性就可以得到相应的代码，还可以根据自己所需要的样式在CSS中进行修改和更新，采用CSS样式表能够更快捷的进行网页编辑。
（三）Photoshop处理软件
PHOTOSHOP，简称“PS”，是处理网页图片的软件，这个主要是用在平面设计、广告摄影、后期修改等，这些方面是PHOTOSHOP的专长，图片处理就是将原来有的图片再进一步的进行加工处理，使比原先的图片更好好看，更吸引顾客的眼球。随着电子商务的成长，现在需要更多的人了解并熟练掌握PHOTOSHOP技术，因为这个在网页设计中是非常重要的软件之一。
三、网站总体设计
（一）网站设计原则
在网上要做到吸引用户的注意力第一原则就是网站设计，只有把网站页面设计好了，用户才会第一眼喜欢你的产品。所以，在设计网站的时候应该将自己想要表现产品的特征和产品的优点，还有产品是如何制作出来的过程做的比较详细，用户才会更加喜欢做出来的网站。那么，在设计网站中最需要保证几项主要原则如下：
1．吸引客户的注意力
想要做出好的网站，就必须将网站中特别吸引用户的模块放在最前面，这样子，用户才会花更多的时间浏览网站，然后，在合适的位置设置友情链接，最好是运用一些反差比较大的颜色来突出标明，从而吸引用户的注意力。
2．图像的运用
在网站设计中，图像的运用也是很重要的方面，比如：可以使用JPG或者GIF格式的图片，或者使用分辨率不是非常高的图片或者将大图在PHOTOSHOP中尺寸弄成小图，这样子就可以大大缩短网站的加载时间。
3．保证导航的流畅
想要用户用最快的速度在网站中找到自己想要的商品，就是保证导航栏的流畅性，因此导航的设计应该是简洁明了的，而且要做到在看一些很细小的模块仍然能够让用户很清楚的知道自己所看商品的信息。
在一个网站中字体与图片之间的排版也是很重要的，不同的字体放在不同的位置是是有表示着不同的意义的。一定要注意保持字体的一致性，能够让浏览者顺利的阅读你的网站。并且要注意大标题和小标题运用一定要突出，可以使用不同的字体或者颜色来代替。实际上网站的设计不仅是由色彩丰富而组成的，而是由不同的设计工具共同制作出来的。
图6 网站首页
（二）新闻中心
网页的新闻中心模块，主要是体现有关商品的最新消息模块。具体如下图（图7）：
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jmgl/scyx/1929.html
