行业资讯 分类
中国茶网前台设计方案

  中国茶网前台设计方案本网站定位于计算机网络基础课程网,暂时考虑单机环境下的实现;操作系统选择目前常用的Windows xp和Windows server2003。系统性质管理信息系统。

  本网站前台功能包含首页、茶与文化、茶新闻、茶的种类、茶的美食、茶与健康、茶具。整个网站网页设计简单,是一个能够给网民提供茶消息的网站。

  网站个给人的第一印象是来自视觉的冲击,确定网站的色彩搭配是相当重要的一部,本网在式以灰色、黑等有古典艺术感颜色色彩搭配使用的,在网页中也使用了一些色彩图片使得整个网站看上去不会显的很呆板,又不会失去网站的风格,让人的视觉达到最舒适的效果。

  这个网站是两个人合作完成的,所以完成这个网站也强调了整体合作的重要性,要做一个双方都满意的网站是有一定的困难,但是,在整个制作过程中,我们会讨论,争取做到双方都满意,双方分工合作,做自己擅长的事情,这为我们以后的工作打下了一个良好的基础。

  总的来说,这次课程设计使我获益匪浅,不仅仅学习到了知识,;也使我体会到团对合作的重要性,这对于我是一个很好的锻炼机会。

  因为本网站是茶文化的网站,所以这个网站中采用了大量的具有中国文化元素的素材如在制作Logo时选用的素材有中国风格的人物画,棋盘,茶壶,灯笼等,这些素材的运用突出了网站的主题。从整体上来看,这个网站各个页面的分工明确,页面美观、大方、简洁、易懂。标准、具有一定的兼容性。

  随着网络的发展,网络已经越来越贴近人民的生活,越来越多的人通过网络来获得他们所需要的信息,所以,通过网络来推广茶文化是一个趋势,也势在必行。随着经济的发展,人们的在物质生活得到满足的同时,人们还希望得到精神生活上的满足。茶不仅是一种饮品,更是一种文化,可以满足人们在物质和精神上的满足,所以,茶在将来还是有很好的发展前途。本网站提供了将茶的文化和茶的一些实时消息,帮助网民以最快的速度获得他们想要的信息。

  制作过程以及使用的技术:这个页面的框架,长度,宽度,以及调用的模块内容跟新闻页面差不多,这里就不过多的说明了,该页面主要是介绍介绍茶的总类以及推荐一些茶茶的产品给网民,所以我把茶的种类细分,做成左右两部分上面的部分介绍茶的总类,下面推荐一些厂商的产品以及做广告。厂商产品推荐做成横向的滚动条以便多推荐一些厂商的产品。效果图如图2.4所示:

  制作过程以及使用的技术:这个网页的制作方法和调用的模块内容跟茶新闻的制作方法差不多,这个网页主要是以介绍和欣赏茶美食为主,该网页的内容有美食排行榜,美食的保健,推荐美食以及美食的制作方法的一些相关信息,效果图如图2.5所示:

  制作过程以及使用的技术:这个网页的制作方法和调用的模块内容跟茶新闻的制作方法差不多,这个网页主要是告诉网民应该如何健康饮茶,网页的内容包括饮茶禁忌,茶叶茶疗,科学饮茶,效果图如图2.6所示:

  本网站主要是用来进行茶叶信息的介绍以及其消息的发布,作为一个网站,应该有一些相关及其相对独立的模块耦合而成。本网站系统主要包括以下几个主要页面及几个大的模块,每个页面包含丰富的内容,每个大的模块下又细分为几个的功能模块。

  本网站主要用来进行教学信息的发布与显示。作为一个网站,应该由一些相关及相对独立的模块耦合而成。本网站系统主要包括以下几个主要页面及几个大的模块,每个页面包含丰富的内容,每个大的模块下又细分为几个的功能模块。

  制作前台页面模块,包括主页及各个子页面,建立各个页面与数据库中相关数据链接,实现前台通过调用数据库把后台数据在前台显示和更新。整体网站遵循精品课程网站设计思路,拥有完善的功能,风格要求简洁大方不单调。各个子页面都可正常返回主页以及正确连接到各个子页面。功能要求使用简单全面,容易操作。数据要求前台正确显示后台要求的数据的更新,及错误处理,能够通过对后台页面的操作修改数据库。

  网站主要包括:茶与文化,茶新闻,茶的种类,茶的美食,茶与健康,茶具七个子页面。制作过程如下:

  网站制作过程:首先利用fireworks制作了网站的首页效果图,大小问900 *1000,其中网站的整个内容包括网站的LOGO,正文江南体育官网,网站的版权,然后再把网站制作所需要的图片通过切片切出图片,再用flash制作工具制作flash做出透明的LOGO这样就很直观,形象简单的吧网站所要表现的主题给表达出来。在制作网页的过程中首先是在dreameaver中用布局画出整个网站的大体布局格式,主要是分了三栏,各个栏目有可以分多个小栏目,并且通过css样式来调表格以及图片,文字的位子。主页包括的内容主要有:网站网站的域名,导航条,LOGO,版权。导ຫໍສະໝຸດ Baidu条又包含茶与文化,茶新闻,茶的种类,茶的美食,茶与健康,茶具。用asp制作了head.asp,index.asp,tail.asp三个模块。模块内容,如图2.1所示:

  制作过程以及使用的技术:这个网页的制作方法和调用的模块内容跟茶新闻的制作方法差不多,这个网页主要是以介绍和欣赏茶具为主,该网页的内容有茶具历史文化,茶具知识,茶具鉴赏,茶具典故,网页右边的模块做了一个中国印象的flash展示了一些具有文化气息的图片,效果图如图2.7图所示:

  制作过程以及使用的技术:首先是吧这个网页的框架用布局画出来,页面的框架构成跟主页的大体上是一样地,这里就不详细的介绍了,页面的长度不做限定,宽度为900像素,网站头调用了dead,asp模块,尾调用了tail.asp模块。在正文部分插入可怜一个介绍中国茶文化的视频,可以让网民以看故事的方式快速了解茶在中国的发展历程。正文中还插入了一幅茶马古道的地图,是一幅茶的线路地图,最下面还用一个flsah来介绍了其沿途风光。激发人们对了解茶的历史的、效果图如图2.2所示:

  通过网站的系统测试,网站各个页面之间连接都没有发生错误,页面能够调用数据库的的数据,说明该网站能够成功发布,其基本功能以实现。

  通过制作这个网站我学到了很多的东西,这个网站的制作时对我们专业知识的考察,在制作网站的过程中不仅仅复习了以前所学,还学会了一些新的东西。从开始构思要做什么网站,要做什么风格的网站,在到网站效果图的制作,材料的查找,一直到网站基本完成,在整个过程中总是反复的修改,整个制作过程花费了很多的时间和精力。

  网站做好后,接下来的工作就是进行测试与发布,这是很关键的一个步骤。下面就介绍了如何测试网站做了简单介绍。

  测试的主要目的是保证各个页面之见的连接没有错误,网页中没有乱码,图片,flash能够正常显示.

  我用的测试方法是:把网站所有内容放在本地磁盘,建立一个文件把内容放进去,设置文件夹的权限为everyone,不然浏览的时候因为没有相关权限而不能正确显示。接着打开Internet信息服务其IIS,在默认网站属性里,打开网站的主目录,设置为网站所在的文件夹,接着设置权限为脚本资源访问,读取,目录浏览,记录访问,索引资源等等,执行权限为脚本和可执行文件,如图3.2.1

  该网站是针对那些对茶和中国历史文化有兴趣的网民,随着中国不断的发展,越来越多的人对中国的文化有兴趣,并且学习中国的文化。茶不仅对中国有重要的影响对世界的文化业有着重要的,茶曾踏上丝绸之路风光过,在中国史上有着不可替代的作用和举足轻重的历史地位,学习茶文化,可以帮助中国文化的学习,本网站就是以推广中国的茶文化为本,帮助网民查找有关茶的信息,并且为网民提供一个可供交流的平台,供喜欢茶以及中国历史文化的网民相互交流和学习。网络的发展速度越来越快,所以这个网站还是很有发展前途的。

  制作过程以及使用的技术:首先把这个页面的框架画出来,网页的框架以及页面长度和宽度的设置跟茶与文化大体上时一样的,新闻页是为了给网民提供茶信息,所以我把新闻新闻分成热点关注,茶叶会展,茶业咨询,最新动态,和行情商机,一边网民快速的了解他们需要的信息。为了提高新闻浏览的速度,我把最新新闻的用flash形式显示出来,还做了一个一个网站公告的滚动条,方便网站发布最新信息。这个页面调用了head.asp和tail.asp的模块的内容,效果图如图2.3所示: