校园网站设计.docx
- 文档编号:29809321
- 上传时间:2023-07-27
- 格式:DOCX
- 页数:14
- 大小:26.90KB
校园网站设计.docx
《校园网站设计.docx》由会员分享,可在线阅读,更多相关《校园网站设计.docx(14页珍藏版)》请在冰豆网上搜索。
校园网站设计
目录
诸论-1-
1.综述-1-
1.1设计思想-1-
1.2开发工具的选用及介绍-2-
2.网站总体分析与设计-4-
2.1网站系统分析-4-
2.2校园消费网设计的主要原则-4-
2.3主页设计-7-
2.4数据库设计-8-
3.系统的使用说明与安装-9-
3.1运行环境要求-9-
3.2安装设置-9-
致谢
参考文献
附录1
附录2
诸论
当今世界经济正以势不可挡的趋势朝着全球市场一体化、企业生存数字化、商业竞争国际化的方向发展,以互联网、知识经济、高新技术为代表,以满足消费者的需求为核心的新经济得到迅速发展。
与此同时,传统工业文明时代的营销规则已无法适应新经济的发展,游戏规则也随之改变。
从营销的角度来看,互联网在改变人类思维方式上由如下表现:
从以前的线性思维到现在的网状思维;从以前的被引导到现今的自我发现,从单极传播到双向互动、多向互动交流;从实体到虚拟等。
因此,这也预示着新经济时代企业营销模式将发生巨大的变化。
调查显示,我国经常上网的用户年龄主要分布在21-35岁之间,占整个用户总数的78.5%,说明年轻人是英特网使用的主体,这与年轻人对新事物反应灵敏、接受较快有关;上网用户中,以计算机业为最高,其次是学生和教育、科研部门。
广大学生,特别是大学生处于时尚消费的前沿。
如今的网上消费已经成了大学生们的消费新理念,大学生们不再满足于单一枯燥的购物形式,网上消费的实惠、方便、快捷被越来越多的人所认可!
目前市场上,从事网上营销的电子商务网站种类繁多(比如阿里巴巴、易趣网、当当网),但其共同的特点是服务范围太大,没有对目标市场进行细分。
虽然各大消费网层出不穷,但是真正适合我们东华理工学生的却没有一个。
为了把校园里漫天飞的宣传单、横幅广告和喷绘等赋予新的生命,改善一下我们的校园环境,我们几个在校的大学生决定靠我们的知识与能力,打造一个属于我们大家的“东华理工学院校园消费网”!
1.综述
1.1设计思想
校园消费网是服务于学生生活的综合性时尚型商业信息的发布平台。
旨在引导学生理性消费、比较购物,是科学、时尚的消费购物指南。
网站以“轻松选择、明智购物”为宗旨,为消费者提供各类商场及消费场所的综合特价及打折促销信息,以快捷的方式为消费者提供最准确的消费资讯,让大家足不出户将商场一次逛个够。
校园消费网是由大学生自己创办、大学生自己管理、专门为在校大学生服务的电子商务频道。
她也是目前唯一一家针对大学校园的电子商务,信息平台网站。
Mp3、U盘、数码相机,手机卡等各种数码产品应有尽有,IT产品、名牌化妆品、鲜花礼品、体育用品等贴近大学生生活的各种产品琳琅满目。
产品全部来源于厂家或是其他正规渠道,绝对保证品质。
这是一个立足大学校园的网上信息平台以及网上商城,这里是一个大学生互益的平台,这里是一个服务到位、体贴入微的购物天堂、这里是每个大学生都要经常逛逛的开心乐园!
1.1.1我们的宗旨
轻松选择、明智购物!
1.1.2我们的理念
专业化:
以专业化精神,发展专业化信息资讯,以专业化技术,开展专业化服务;
规范化:
规范化经营,规范化管理;规模化市场,规范化发展;
规模化:
以专业来开拓市场,以规范化来创造市场,以规模化来赢得市场!
1.1.3我们的定位
专门为东华理工学院在校大学生和老师提供信息咨讯,以及网络服务性网站。
我们有专业工作人员、专业的定位、专业的发展方向,我们提供专业化的服务,我们发展专业的网络服务!
1.1.4我们的优势
校园消费网主要面向我院在校大学生和老师的一个集时尚资讯、网络服务为一体的信息资讯网站。
校园社区广告的受众是最年轻、最具活力、受教育程度最高、购买力最强的群体,网络广告可以帮助商家直接命中最有可能的潜在用户。
1.1.5我们的服务项目
1.1.5.1为商家设计符合自身形象的网页,突出其品牌形象;
1.1.5.2为商家构建网上商务平台和功能强大的自助式信息发布平台;
1.1.5.3对商家的品牌及其产品做如实、快速、灵活的在线综合表现;
1.1.5.4除互联网以外,更通过声讯台、手机短信等发布特价商品和打折促销信息;
1.1.6广告形式和广告报价
规格尺寸(Pixels)
消费频道首页
栏目首页
备注
顶部Banner486×60[25K]
RMB150元/周
RMB80元/周
1.所有互联网广告均免费制作
2.广告形式有特别要求,设计费另计
3.季度或年度广告发布均有较大幅度优惠
中间Banner760×80[15K]
RMB100元/周
RMB60元/周
底部Banner760×100[15K]
RMB50元/周
RMB30元/周
首屏悬浮Banner100×300[8k]
RMB100元/周
RMB60元/周
按扭式(Button)140×60[5K]
RMB40元/周
RMB20元/周
文字链接(不超过10字)
RMB40元/周
套红RMB60元/周
RMB20元/周
套红RMB40元/周
悬浮LOGO88×88[5K]
RMB60元/周
RMB30元/周
飘浮LOGO88×88[5K]
RMB60元/周
RMB30元/周
弹出窗口300×300[25K]
RMB100元/周
RMB60元/周
首页今日市场动态信息
30元/条/周
首页分类信息
10元/条/周
套红RMB20元/周
热点推荐
15元/条/周
套红RMB25元/周
1.1.7适用客户
各类数码厂商数码商城电脑厂家培训机构书店出版社教育机构教育软件商留学机构学生用品商服饰店超市等。
1.1.8我们的目标
全力打造一个年轻人的信息资讯品牌。
我们要立足校园,面向抚州,打造一个地区化的知名品牌。
1.2开发工具的选用及介绍
1.2.1ASP的优势
ActiveServerPages:
“动态服务器网页”,一般简称为“ASP”。
ASP之所以能受到大家的重视与使用的原因,主要在于所产生的执行结果都是标准的HTML格式,而且这些程序是在网络服务端中执行,使用一般的浏览器(如IE或Netscape)都可以正确地获得ASP的“执行”结果,并且将这ASP执行的结果直接在浏览器中“浏览”,不像VBScript或JavaScript是在客户端(Client)的浏览器上执行,若使用VBScript来设计程序,客户端(Client)在IE浏览器中可以显示程序执行的结果,可是,客户端(Client)若使用Netscape浏览器就无法显示VBScript的执行结果。
1.2.2ASP的特点
1.2.2.1任何开发工具皆可发展ASP
只要使用一般的文书编辑程序,如Windows记事本,就可以编辑。
当然,其他网页发展工具,例如,FrontPageExpress、FrontPage等也都可以;不过还是建议你用记事本来写,既省钱又方便,若是使用那些所见即所得的网页编辑来写ASP,可能会发生一些意想不到的离奇状态。
通吃各家浏览由于ASP程序是在网络服务器端中执行,执行结果所产生的HTML文件适用于不同的浏览器。
1.2.2.2语言相容性高
ASP与所有的ActiveXScript语言都相容,除了可结合HTML,VBScript、JavaScript、ActiveX服务器组件来设计外,并可经由“plug-In(外挂组件模组)的方式,使用其他厂商(ThirdParty)所提供的语言。
1.2.2.3隐密安全性高
如果我们在浏览器中直接查看网页的原始代码,就只能看到HTML文件,原始的ASP程序代码是看不到的!
这是因杰ASP程序先于网站服务(WebServer)端执行后,将结果转换成标准HTML文件,再传送到客户端(Client)的浏览器上,因此,我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。
1.2.2.4易于操控数据库
ASP可以轻易地通过ODBC(OpenDatabaseConnectivity)驱动程序连接各种不同的数据库,例如:
Acess、Foxpro、dBase、Oracle等等,另外,ASP亦可将“文本文件”或是“Excel”文件当成数据库用。
1.2.2.5面向对象学习容易
ASP具备有面向对象(Object-Oriented)功能,学习容易,ASP提供了五种方便能力强大的内建对象:
Request、Response、Sever、Application以及Session,同时,若使用ASP内建的“Application”对象或“Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。
1.2.3ASP的六大内部对象
对象名称功能描述
RequestResponseServerSessionApplicationObjectContext从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息,该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息,可以用来配合MicrosoftTransaction服务器进行分布式事务处理。
基于以上种种原因,所以我选择了ASP结合Frontpage架构东华理工学院校园消费网。
2.网站总体分析与设计
2.1网站系统分析
根据前面的设计思想进行分析,按照系统开发的基本观点对网站进行分解,从内容上可对网站作如下划分:
2.1.1我院网站链接:
包括学院首页、学院公告、成绩查询、协会组织等。
2.1.2今日市场动态:
提供最新、最快的市场资讯。
2.1.3热点推荐:
全力推荐最新加盟的商家。
2.1.4基本资讯:
包括数码城、手机市场、书籍音像、眼镜行业、精品屋、运动休闲、美容美发、餐饮美食、鲜花蛋糕等版面。
2.1.5网上订购:
为学生们提供最快捷、最安全的购物服务。
2.1.6二手交易:
开辟一个校园二手交易的快乐天堂。
2.1.7热点话题:
关注时事、关注校园动态、关注你我他。
2.1.8校园论坛:
为学生提供一个畅所欲言的场所。
2.1.9网上调查:
调查我们网站的知名度与美誉度,综合学生们的意见,改进网站。
2.1.10信息查询:
包括天气查询、火车时刻查询和抚州交通查询等。
2.1.11友情链接:
给学生推荐一些好的网站。
2.1.12网站基本信息:
包括关于我们、联系我们、诚邀加盟、网上营销、广告服务和客户反馈等。
2.2校园消费网设计的主要原则
校园消费网是一个向我院老师和学生提供信息(包括产品和服务)的一个门户,是抚州市的企业在我院通过校园消费网的“校园服务组”开展电子商务的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。
在网站的文字和图像背后是为销售而设计的基本经营策略。
优秀的网站通过娱乐和交互式的方式提供信息所以网站设计显得极为重要,下面是我们在设计这个校园消费网时所注意的原则。
2.2.1明确所向用户提供的信息
Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径,因此必须明确设计站点的目的和用户需求,从而做出切实可行的设计计划。
企业的发布版面应该包括如下信息:
2.2.1.1企业名称。
2.2.1.2企业标志。
2.2.1.3使命表述。
解释厂商的业务和所服务的市场。
2.2.1.4厂商网站上信息和产品的标题。
2.2.1.5特别事件。
诱使人们访问厂商的商店、浏览信息。
2.2.1.6销售状况。
简要的告诉人们,本周哪些产品最热销。
2.2.1.7新内容。
告诉人们,哪些信息是新增加的,哪些信息已经改变。
2.2.1.8总经理信息。
它能够表现厂商的真正特征,使厂商具有人性化的感觉。
2.2.1.9销售资料。
提供产品和服务的广泛和深层的资料。
2.2.1.10产品目录。
展示厂商商店中的所有产品,内容应该包括产品的描述、价格、订单表格以及交易条件
2.2.1.11注册表格。
请求人们提供他们的个人信息,使厂商能够与他们建立联系。
表格应该只包括几项信息,如姓名、地址(宿舍号)、电子邮件地址,宿舍电话(手机号)。
提的问题越多,得到的回答越少。
2.2.1.12招聘信息。
厂商所需要的工作岗位的描述。
2.2.1.13电子函件回应表格。
人们可以直接与厂商联系,建立长期的个别关系。
2.2.1.14连接的其他网站。
与本网站链接的顾客有兴趣的其他网站的名单。
2.2.1.15赠券、折扣和他们销售条件。
2.2.1.16娱乐。
2.2.1.17联系信息。
船上的地址、电话和传真号。
2.2.1.18地图。
显示厂商在城市中的地理位置和方向信息。
2.2.1.19最新更新日期。
使人们可以了解上次访问以来是否有新的变化。
2.2.1.20版权信息。
保护厂商的权利。
2.2.2总体设计方案主题鲜明
在目标明确的基础上,完成网站的构思创意即总体设计方案。
对网站的整体风格和特色做出定位,规划网站的组织结构。
Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。
好的Web站点把图形表现手法和有效的组织与通信结合起来。
要做到主题鲜明突出,要点明确,以简单明确的语言和画面体现站点的主题。
调动一切手段充分表现网站点的个性和情趣,办出网站的特点。
Web站点主页应具备的基本成分包括:
1、页头:
准确无误地标识你的站点和企业标志;2、 Email地址:
用来接收用户垂询; 联系信息:
3、如普通邮件地址或电话; 4、版权信息:
声明版权所有者等。
注意重复利用已有信息。
如客户手册.公共关系文档.技术手册和数据库等可以轻而易举地用到企业的Web站点中。
2.2.3网站的版式设计
网页设计作为一种视觉语言,要讲究编排和布局,虽然主页的设计不等同于平面设计但它们有许多相近之处,应充分加以利用和借鉴。
版式设计通过文字图形的空间组合,表达出和谐与美。
一个优秀的网页设计者也应该知道哪一段文字图形该落于何处,才能使整个网页生辉。
多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要处理好页面之间和页面内的秩序与内容的关系。
为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验。
2.2.4色彩在网页设计中的作用
色彩是艺术表现的要素之一。
在网页设计中,根据和谐、均衡和重点突出的原则,将不同的色彩进行组合。
搭配来构成美丽的页面。
根据色彩对人们心理的影响,合理地加以运用。
按照色彩的记忆性原则,一般暖色较冷色的记忆性强;色彩还具有联想与象征的物质,如红色象征血、太阳;蓝色象征大海、天空和水面等。
所以设计校园消费网的虚拟店面,应使用淡雅而沉静的颜色,使人心理上感觉凉爽一些。
网页的颜色应用并没有数量的限制,但不能毫无节制地运用多种颜色,一般情况下,先根据总体风格的要求定出一至二种主色调,有CIS(企业形象识别系统)的更应该按照其中的VI进行色彩运用。
在色彩的运用过程中,还应注意的一个问题是:
由于国家和种族.宗教和信仰的不同, 以及生活的地理位置.文化修养的差异等,不同的人群对色彩的喜恶程度有着很大的差异。
如:
儿童喜欢对比强烈.个性鲜明的纯颜色;生活在草原上的人喜欢红色;生活在闹市中的人喜欢淡雅的颜色;生活在“沙漠”中的人喜欢绿色。
在设计中要考虑主要浏览群的背景和构成。
2.2.5网页形式与内容相统一
要将丰富的意义和多样的形式组织成统一的页面结构,形式语言必须符合页面的内容,体现内容的丰富含义。
运用对比与调和、对称与平衡、节奏与韵律以及留白等手段,通过空间、文字、图形之间的相互关系建立整体的均衡状态,产生和谐的美感。
如对称原则在页面设计中, 它的均衡有时会使页面显得呆板,但如果加入一些富有动感的文字、图案,或采用夸张的手法来表现内容往往会达到比较好的效果。
点、线、面作为视觉语言中的基本元素,要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。
网页设计中点、线、面的运用并不是孤立的,很多时候都需要将它们结合起来,表达完美的设计意境。
2.2.6三维空间的构成和虚拟现实
网络上的三维空间是一个假想空间,这种空间关系需借助动静变化.图像的比例关系等空间因素表现出来。
在页面中,图片、文字位置前后叠压,或页面位置变化所产生的视觉效果都各不相同。
图片、文字前后叠压所构成的空间层次目前还不多见,网上更多的是一些设计比较规范、简明的页面,这种叠压排列能产生强节奏的空间层次,视觉效果强烈。
网页上常见的是页面上、下、左、右、中位置所产生的空间关系,以及疏密的位置关系所产生的空间层次,这两种位置关系使产生的空间层次富有弹性,同时也让人产生轻松或紧迫的心理感受。
现在,人们已不满足于HTML语言编制的二维Web页面,三维世界的诱惑开始吸引更多的人,虚拟现实要在Web网上展示其迷人的风采,于是VRML语言出现了。
VRML是一种面向对象的语言,它类似Web超级链接所使用的HTML语言,也是一种基于文本的语言,并可以运行在多种平台之上,只不过能够更多地为虚拟现实环境服务。
2.2.7多媒体功能的利用
网络资源的优势之一是多媒体功能。
要吸引浏览者注意力,页面的内容可以用三维动画、FLASH等来表现。
但要注意,由于网络带宽的限制,在使用多媒体的形式表现网页的内容时应考虑客户端的传输速度
2.2.8网站测试和改进
测试实际上是模拟用户询问网站的过程,用以发现问题并改进设计。
要注意让用户参与网站测试。
2.2.9内容更新与沟通
企业Web站点建立后,要不断更新内容。
站点信息的不断更新,让浏览者了解企业的发展动态和网上职务等,同时也会帮助企业建立良好的好象。
在企业的Web站点上,要认真回复用户的电子邮件和传统的联系方式如信件.电话垂 询和传真,做到有问必答。
最好将用户的用意进行分类,如售前一般了解.售后服务等,由相关部门处理,使用站访问者感受到企业的真实存在并由此产生信任感。
注意不要许诺你实现不了的东西,在你真正有能力处理回复之前,不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。
如果要求访问者自愿提供其个人信息,应公布并认真履行个人隐私保承诺。
2.2.10合理运用新技术
新的网页制作技术几乎每天都会出现,一定要合理地运用网页制作的新技术,切忌将网站变为一个制作网页的技术展台,永远记住用户方便快捷地得到所需要的信息是最重要的。
对于网站设计者来说,必须学习跟踪掌握网页设计的新技术如Java、DHTML、XML等,根据网站的内容和形式的需要合理地应用到设计中。
2.3主页设计
网站主页采用静、动相结合的方式,即静态的主画面和动态的图片相结合,体现学校的勃勃生气。
设计首页最主要的是设计版面的布局。
就像传统的报刊杂志编辑一样,我们将网页看作一张报纸,一本杂志来进行排版布局。
虽然动态网页技术的发展使得我们开始趋向于学习场景编剧,但是固定的网页版面设计基础依然是必须学习和掌握的。
版面指的是浏览器看到的完整的一个页面(可以包含框架和层)。
因为每个人的显示器分辨率不同,所以同一个页面的大小可能出现640*480像素,800*600像素,1024*768像素等不同尺寸。
布局,就是以最适合浏览的方式将图片和文字排放在页面的不同位置。
版面布局也是一个创意的问题,但要比站点整体的创意容易,有规律的多。
让我们先来了解一下版面布局的步骤:
2.3.1草案
新建页面就像一张白纸,没有任何表格,框架和约定俗成的东西。
这属于创造阶段,不讲究细腻工整,不必考虑细节功能,我只是尽我最大的可能,以粗陋的线条勾画出创意的轮廓。
我共画了七张,最后在此之中选定一个我比较满意的作为继续创作的脚本。
2.3.2粗略布局
在草案的基础上,我将确定需要放置的功能模块安排到页面上。
(注:
功能模块主要包含网站标志,主菜单,新闻,搜索,友情链接,广告条,邮件列表,计数器,版权信息等)。
注意,这里我们必须遵循突出重点、平衡谐调的原则,将网站标志,主菜单等最重要的模块放在最显眼,最突出的位置,然后在考虑次要模块的排放。
2.3.3定案
将粗略布局精细化,具体化。
布局过程中,我们可以遵循的原则有:
正常平衡——亦称"匀称"。
多指左右、上下对照形式,主要强调秩序,能达到安定诚实、信赖的效果。
异常平衡——即非对照形式,但也要平衡和韵律,当然都是不均整的,此种布局能达到强调性、不安性、高注目性的效果。
对比——所谓对比,不仅利用色彩、色调等技巧来做表现,在内容上也可涉及古与今、新与旧、贫与富等对比。
凝视——所谓凝视是利用页面中人物视线,使浏览者仿照跟随的心理,以达到注视页面的效果,一般多用明星凝视状。
空白——空白有两种作用,一方面对其他网站表示突出卓越,另一方面也表示网页品位的优越感,这种表现方法对体现网页的格调十分有效。
尽量用图片解说——此法对不能用语言说服、或用语言无法表达的情感,特别有效。
我根据以上的设计原则,并活用到页面布局里,首页的效果如附图1所示。
2.4数据库设计
采用的数据库是MicrosoftAccess,拟建立order.mdb库文件,包含如下几个表文件:
allmessage留言信息表
stud学生信息表
ordermessage订购信息表
3.系统的使用说明与安装
3.1运行环境要求
Windows98
PersonalWebServer3.0(PWS)
Microsoft?
Access2000(9.0.2812)
3.2安装设置
A.将本网站拷贝到硬盘上的某一目录下,如:
拷贝至c:
\y1下。
B.运行PWS,将默认的Web站点主目录设置为该目录,如上例应为c:
\y1;
具体步骤:
a.选择“高级”项;
b.单击“编辑属性”按钮,在出现的“编辑属性”对话框中的“目录”项中填入“c:
\y1”,其他不变,确定;
c设置启动默认文档为:
yy.asp
致谢
通过这次毕业设计,使我感到高科技、新知识的力量。
这次毕业设计过程中,得到了长沙市工商职业中专学校的大力支持,给我提供了舒适的工作学习环境,也得到了科大老师、教授的精心指导,在此表示衷心的感谢!
参考文献
[1] 李世杰.ActiveServerPages(ASP)3.0网页设计手册.北京:
清华大学出版社.1999
[2] 前沿电脑图像工作室巧学巧用Dreamweaver、Fireworks、Flash制作网页北京:
人民邮电出版社
[3] ASP入门与实例演练薄小志编著中国青年出版社
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 校园 网站 设计