网站设计范例6篇

网站设计

网站设计范文1

2、及时更新信息。及时更新才能吸引浏览者。

3、完善检索能力。

4、网站信息交互能力。交互是网站最大特点。

5、方便客户访问购买。制造强烈印象,减少干扰信息,避免冗长说明,提供可视化线索,显示产品,激发欲望,提供方便购物车。

前台涉及主要工作流程:

1、收集关键信息。

2、概念开发。根据收集构思,草图网站结构。

3、内容综合。制作初始图样,配文字说明。

4、编制页面优化图形。

5、整合内部流程。

6、测试。全面测试页面和页面间的链接。

7、交付。

深入研究访问者:

用户使用什么浏览器?

用户需要什么?

用户希望什么效果?

用户使用什么样的网络连接?

用户要花多少时间在企业的网站上?

用户对因特网的熟悉程度如何?

用户的文化背景如何?

网站设计要解决的基本问题:

网站结构。

与原有系统保持一致的措施。

信息的组织管理。

信息存储方法

文档的版本控制。

结构的完整性和一致性的维护方法。

网站纤细设计和基本模块:

网站的详细设计包括:画面的布局,系统内部结构,实现功能,维护方法等。

网站基本模块:

站点结构图。导航条。联系方式页面。反馈表。引人入胜的内容。

常见问题解答(FAQ)。合适的图片。搜索工具。新闻页面。相关站点链接。

网站设计常用技术:

网页设计技术。数据库技术。表单回收技术。邮件列表技术。

全文检索技术。搜索引擎技术。电子商务技术。

首页设计:

1、首页设计应遵循快速、简洁、吸引人、信息概括能力强、易于导航的原则。

2、首页是全站内容的目录和索引。

首页内容:站名,主菜单,最新信息,电子邮件,联络信息,版权信息,其他功能。

3、版面设计:勾勒理想草图,用搭积木的方法拼搭,再用网页制作软件实现。

4、避免“封面”。需要快速、有价值的信息。

内容和功能设计:

企业基本背景介绍。详细产品资料或服务介绍。技术支持资料。

企业营销网络。财务报告(特别是上市企业)。收集客户反馈信息。

其他针对企业经营特点的内容。

页面可视化设计:

1、页面组织效果。运用对比与调和,对称与平衡,节奏与韵律以及留白手段,在页面中建立均衡,结合点线面的运用达到完美效果。

2、页面色调效果。合理组合搭配,注意不同读者对颜色的喜恶差异习惯。

3、页面版式设计。注重版面布局的视觉效果。

4、页面美术设计。注意与其他媒体的区别和浏览器可识别的图像格式问题

页面色调效果:

根据和谐、均衡和重点突出原则,进行合理搭配,用最简单的色彩表达最丰富的含义。注意:色彩的记忆效果是黑白的3.5倍。

鲜明性:容易引人注目。

独特性:使用户印象深刻。

合适性:色彩要和内容、气氛相适应。

联想性:色彩要和网页内容相关联。

页面的版面布局:

1、通过文字图像的空间组合达到协调状态。

2、经过草图制作,完成粗略布局,最后定案。

3、版面布局形式:“T”性布局,“口”型布局,“三”型布局,对称布局,海报型的“POP”布局。

4、布局设计原则:“均称”有序,平衡和谐,利用色彩、色调加强效果,注意凝视效果,注意空白的利用,对语言无法表达的是用图片解说的方法。

页面的风格设计:

1、整体风格是对网站整体形象的综合感受。包括Ci设计、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义等。

2、树立网站风格的步骤:

确信风格建立在价值内容之上。

搞清楚网站将给浏览者产生的印象。

努力建立和加强确立了的印象。

3、设计装饰风格:组织性风格,功能性风格,可视性风格。没有完美的网站装饰风格。

栏目和版面设计:

1、栏目是网站的大纲索引,要明确显示网站的主题,便于浏览查询。

2、板块比栏目概念大,每个板块都有栏目。

3、如果要设立板块,要考虑相对独立,相互关联,内容要围绕主题。

4、栏目安排要紧扣主题,可以考虑设立“最近更新”的指南栏目,设立可双向交流的栏目,设立一个下载或常见问题回答栏目。

其他功能设计:

客户留言设计。搜索引擎设计。聊天室设计。邮件功能设计。虚拟社区设计。

网站设计成功要素:

整体布局结构清晰。提供有价值的信息。快速的访问速度。良好的版面设计。

很强的文字可读性。良好的标题设计。导航明确导向清晰。加强客户关系。

网站设计范文2

1.具体的能力目标

能根据用户需求,确定网站类型与网站内容,编写网站需求分析报告;能根据实际情况设计出适合的网站页面风格和布局;能编辑网页;能运用JSP相关代码按要求协作完成网站功能;能根据用户需求设计并协作完成后台数据库的开发;能针对网站制订网站测试计划并进行功能测试;能申请域名和IP,成功将网站上传;能及时更新网站,合理优化网站。

2.具体的知识目标

掌握域名与IP地址等基本概念;熟练掌握网站设计原则、网站建设基本流程;了解网站运行的硬件与软件环境;掌握Div+CSS技术;熟练掌握网页编辑软件Dreamweaver的使用;掌握数据库逻辑结构设计方法及数据库的创建、管理与维护;掌握JSP程序设计语言的语法知识;了解网站更新、故障排除及网站推广的方法;掌握网站测试的内容、方法和技巧;掌握网站的与管理方法。

3.具体的素质目标

培养学生开发网站的团队协作、交流合作能力;培养学生良好的网站开发岗位人员的职业道德;培养学生与客户沟通的能力;培养学生的网络安全意识;提升沟通协调、共同开发网站的综合能力;培养学生具有较好的分析和解决实际网站开发问题的能力。

二、教学内容的组织与安排

课程组根据网站开发项目实施过程,进行了课程教学内容的开发,充分体现职业性、实践性和开放性的要求,在内容组织上彻底打破学科知识体系的禁锢,教学摆脱了传统的以教材为主线的逻辑教学结构方式。对实现案例的模块功能所需的技能和必备知识进行了全新的组织。

三、课程特色与创新

针对“高职教育背景下,如何提高学生的工程能力、创新意识和协作能力,培养社会需要的计算机人才”这一主题,按照“学研学工融合、突出专业特色、培养应用型人才”的改革思路,结合专业和学科建设,将网站设计与开发课程教学改革作为一个整体展开全方位的研究与实践。

1.“大案例、一案到底”教学

根据专业建设思路,结合本课程的特点,推行“大案例,一案到底”案例式教学,课程将真实完整的案例——“网上商城网站的设计与开发”贯穿到整个教学过程中,教学组织上将网站设计与开发根据工作流程,分解成10个相对独立的模块,每个模块完成数据库开发流程的一个过程,充分体现职业训练的高职教学特征。

2.创新构建了立足基础、体现特色、面向需求的数据库开发与应用教学体系

首先,体现特色:围绕数据库技术的基本能力、应用能力、创新能力培养,体现应用型人才培养特色。其次,面向需求:以社会和企业需求为导向,构建实践教学体系。

3.实践总结了一套与新教学体系相适应的教学手段和教学方法

用信息技术、多媒体技术改造教学手段,更新教学内容,使网站设计与开发教学更加符合现代社会信息量大、知识更新快的特点。应用任务驱动教学法、案例教学法、一体化教学方法,改革课程教学模式,从“给出概念基础理论知识应用提高”的传统课程教学模式向“工程实际问题引出概念及所需基础探索解决方法与理论应用提高”的探究式课程教学模式转变,激发了学生的学习兴趣,培养了学生研究式、探索式的学习习惯和自主学习能力。

4.研究形成了以课堂教学为基础,网络教学平台为补充的立体教学模式

网站设计范文3

1.信息设计意识教育的作用

信息设计意识是针对人的信息获取行为提出的。人对外界空间、形态、大小、图文、颜色、静动等的感知,都是一种信息传递。有效的信息传递设计是设计师不能回避的问题,当设计作品不能有效地组织各种元素传递信息,作品的功能性受损,纯视觉效果设计的价值便随之消减。

2.教学内容中涉及网站信息组织设计的教学内容现状

网站中,对信息的组织和设计是站在信息传递效能的角度开展的。信息的设计囊括了视觉的范畴,而设计教育中,在面对网页设计这种信息高密集度的设计专业课程时,如果将视觉传达设计的知识体系简单定位于网页的视觉效果设计,是对网页设计课程教学的扭曲。因为:一方面,人体通过视、听、触、嗅、味五种途径从外界获得各种信息,而视觉只是其中一种形式;另一方面,由于惯性思维,如果学生一想到网页设计就将其限定于对视觉效果的设计,再高一层面也只是强调了创意等信息传递方式的设计,而人获取和认知信息有着自身的一套规律和方法,对这些规律运用的缺失最终会反映在网页设计作品上。信息如果架构不合理,会使用户从中获取目标信息的难度增大,体验质量降低,造成设计行为的价值流失,有违网站设计定位的初衷。

二、网站信息组织系统在网页设计中的重要性

1.从信息结构层面保障用户能在网站信息中快速寻找到目标信息

网页设计的结构性与易读性是非常重要的,而结构的合理性是网页信息符号易读的必要保证。用户对网站信息之间的关联的认知有一定的规律,网站的本质是网络平台与用户互动并传递信息的信息集合体。保障网站信息的易读性,有效地向用户传递信息是网页设计的目标。用户在各种层次的目标驱动下访问网站,需要在不同页面发生交互行为,完成访问目的,因此在设计中必须保证用户能流畅地在不同页面获取不同阶段具有目标价值的信息。

2.从功能层面明确网页的设计目标和开展方式

网页的设计与传统视觉传达设计有很大的不同,它很大程度上不仅仅是静态视觉效果的设计,更多的是在动态操作过程的策划设计中,对这些交互功能的视觉补充和效果层次控制。换言之,功能决定形式,目标决定过程,传统的视觉传达设计关于视觉流程的应用原理在网页设计中只在部分情况下适用。

三、网站信息组织设计的教学探索

1.选择合适的项目案例导入与目标任务明确化

(1)挑选具体网站设计案例为课程练习任务蓝本

在授课准备阶段,教师挑选难度合适的网站设计项目,尤其是自己负责过的且有代表性的网站设计项目,将各个环节的任务按照不同难度分解为不同的分支任务,在不同的教学环节中使用,以任务驱动学生参与目标的实现。当课程中有一个具体任务被布置并且得到学生履行时,课堂实际上就产生了教学效果。任务驱动教学法最显著的特点是以任务为主线、教师为主导、学生为主体,改变了固有教学法中教师讲、学生听的被动教学模式,创造了学生主动参与、协同合作、探索创新的新型教学模式。

(2)项目案例导入实践教学环节需要注意的问题

网页设计项目导入课题教学,在课程中的难题主要在于教学的进度难以控制。项目案例引导应用于教学,实际上就是一种课堂知识和方法的任务实践具体化过程,关键在于对案例内容难度的挑选。内容太多,涉及网站信息组织设计的任务就会占用太多实践,增加教学实践环节授课时间的控制难度;内容理解难度大,会导致学生在进行信息分类时额外的认知和实践工作量增大,模拟卡片分类法的过程会出现一些意外状况;项目涉及的信息组织设计的预期理想结果过于单一,可能会造成学生因在任务组中获得的结果趋于一致而相互抄袭,不能获得预期的教学效果。

(3)明确案例项目中的任务目标群完成的衡量标准

教师在教学实践中,应明确每个教学知识点的合格标准,这样学生也会有明确的课堂目标,尽管这种目标的完成不一定建立在学生自己的兴趣基础之上,但是对于教学效果而言具有实际价值。其一,网页设计课程中案例项目的信息组织设计的教学完成,过程中有很多环节需要控制,所以教师必须围绕总目标确定次一级的任务目标群,使学生对完成总任务目标需要完成的几个模块子任务的内容有清晰的认知;其二,任务目标群的体系构成还包括各个任务目标之间的流程关联,教师要使学生理解每个次一级任务目标安排组织的缘由;其三,明确衡量要求,使学生明确认知需要达到的合格标准。

2.情境模式模拟用户访问网站的过程

(1)网站的目标用户群分析

对开放性的网站而言,被访问时用户需求能满足的,且与网站的建站目标相符的,即为网站的目标用户。网页设计目标用户与产品设计目标用户的不同在于:网站先天具有自我宣传和推广的功能,即向所有访问用户传播自身存在状态的信息,若网站以宣传为主要目标,那么其目标用户群的范围可能非常宽广;其次才是以向特定群体提供特定产品和服务为目标的网站,其目标用户的定义范围较为狭窄和具体。所以,对网站目标用户群体的分析必须联系网站的建站目的展开。

(2)确定目标用户群访问网站的目标信息

网站信息成分越复杂,功能越多,网站中具有目标用户群的目标信息价值的信息就越多、越分散,此时网站的建设对信息架构设计的需求就越急迫。换言之,即确认目标用户访问该网站时对哪些信息存在需求,必须在具体设计展开前进行分析。

3.卡片分类法引导学生对案例项目中网站信息组织分类

(1)关于卡片分类法

卡片分类法是一种定性和定量相结合的方法,调查者预先给予测试者一系列标有名称或内容的卡片,让测试者根据自身认知将这些卡片进行归类,并对卡片名称及类别名称进行确认。卡片分类法是网站信息架构的一种常用方法,用来比对网站设计者和网站访问者对网站信息分类的普遍性认知差异,以此作为设计师调整信息架构的设计依据。结合项目案例网站,将整站的众多多寡不一、主次各异的信息和功能模块,提炼出概括性的条目、文字、词汇和小分类等,并书写在准备好的卡片上进行信息特征的归类。使用卡片分类法对网站信息进行分类和组织的目的在于让设计者从用户的角度理解网站的信息,以求更好地为用户提供容易理解的网站信息组织方式。

(2)教学中卡片分类方法的具体实施过程探索总结

首先,在教学过程中,教师要求学生准备便签之类的卡片,对作为案例项目的网站中涉及的信息内容进行梳理,将对应一级和二级网站导航架构的信息内容一级分类模块和二级分类模块,以及无法确定分类的独立信息模块,用一句话或者一个词组提炼出来,写在不同的卡片上,并注意用词的准确性。如果暂时无法寻找到合适词汇提炼概括一个模块的信息内容,可用小一点的文字注释在该卡片上,以帮助参与实验的用户理解。其次,参与卡片分类测试的样本用户的选择。如果选择的项目案例是一般性的网站,如一般的公司网站、主题网站,则样本用户可以限定在同年级或者同校的学生范围之内进行选择。作为课程的一种练习,这样有一定的便利性,但是作为实际的实践环节,则有一定的局限性,如年龄和文化教育层次的局限性,所以案例项目的选择很重要。在卡片分类教学实施过程中,由于教学进度和课时的限制,建议选择的被测试对象直接在班级中产生,另外,为防止参与测试的不同用户分类时相互干扰,可以让单个用户先后独立完成卡片分类,小组成员记录分类结果以及用户对卡片进行分类的理由。再次,展示时建议水平铺开便签,让用户重新梳理和陈述自己的分类,及时发现分类存在疑问的地方。在以往的教学中,粘贴式便签便于在展示板上展示,但是一旦贴上,在修改和调整时容易被撕坏。最后,用户测试过程的研究。按照观察法对用户分类过程进行观察和记录,是为了更准确地把握用户的分类动机。观察法是有目的、有计划地通过对被测试言语和行为的观察、记录而判断其心理特点的心理学基本研究方法之一。这里所说的观察对象一般是访问网站的用户。同时,对测试结果进行用户访谈,主要目的是确认用户在分类过程中的判断依据,当设计者对用户分类结果的认知与用户的认知有不同之处时,必须通过用户访谈进行了解。

4.研究结果分析

E-R关系图能比较明确地描述出卡片上的网站信息模块之间的关系结构与关系特征,应用于网页设计课程中的网站信息组织设计,具有较强的实用性。将用户的测试结果用E-R关系图描述出来,一方面可以锻炼学生对逻辑关系的理解能力,另一方面可以培养学生在设计中注重资料信息的条理性的良好习惯。在课程安排中,教师可以安排一定的课时由每组学生上台讲解自己的研究结果,强化学生在课程中的参与感。课堂上的卡片分类测试可以让学生从用户的角度,看到用户对网站信息的理解模型,这对网站信息的架构设计有很好的引导和参考作用。

四、结语

网站设计范文4

合理的页面版面设计

在设计网站首页,一定要注意整体页面的布局要合理,不要杂乱。

一个合理的版面设计,简单明了的网页能够给人带来舒服的感受,并且会让人愿意花更多的时间去了解。

一定要重视版面设计,避免版面冗杂,从页面布局到搭配,要注重协调,呈现出清新的网页,给人眼前一亮的感觉。

让你舒适的色彩搭配

不管是什么行业的网站,在设计过程中都不能一味追求视觉刺激,做出的颜色搭配奇特。

网页设计过程中,设计师必须注意页面色彩的搭配,多采用暖色调,配合搭配冷色调,只要颜色够协调、舒缓,才能让人有持续停留的念头。

网站设计上的颜色有几百种可供选择,网站设计的原则,网站蕞多只能选三个色调为主色,要根据企业定位和网站观众来选择,一般环保企业选择鲜绿与蓝色,像餐饮网站选择橙色或红色进行搭配。

别出心裁的网页内容

网站的文字内容,如同人的学识与见识一样不可或缺,代表着这个人的品位。

设计一个网页,一定要以宣传企业文化、产品、服务、优势、实力为出发点,网页中的内容是不可或缺的,要想用内容来吸引用户的光临,就必须有独特的内容,要注重原创性,具有特点。

网站设计要有自己特色

特色是一种别人没有的,是唯一的,可以让人一下子记住你的网站,这就是特色,更简单的解释就是个性化。

在设计网站页面进一定要简洁、美观、大气、高端、上档次,总之就是一定要有冲击力,如果设计过于太简单,没有自己的特色,就不会引起用户的注意。

网站设计范文5

关键词:网站职能;网站设计;WEB2.0

中图分类号:TP393文献标识码:A文章编号:1009-3044(2008)32-1084-02

1 引言

教育信息化作为国家信息化的重要组成部分,对于转变教育思想观念, 深化教育改革,提高教育质量,培养创新人才具有深远意义,是实现教育跨越式发展的必然选择。随着网络技术和WEB技术的发展,各大高等院校依托校园网的建设、运行,在其之上开展的各项应用服务得到了长足的发展,其中高校网站的建设和发展在推动我国素质教育和教育信息化进程中发挥了至关重要的作用。

2 高校网站的基本职能

高校网站是高校基于WEB技术建立起来的学校对校内外的资源共享与信息交流的平台。从教育信息化的角度来看,高校网站应具有以下几个基本职能:对外宣传、教学教辅功能、资源共享、交流互动平台。总之,网站建设的最终目的是“服务”,高校网站建设的根本目的是服务师生,服务校园建设。学校网站的规划与设计不应偏离这个最终目的。

3 高校网站的设计

网站设计是一项系统的工程,必须遵循前期规划、后期制作与维护这样一个流程。网站设计的总体要求是:网站主题突出,层次清晰,界面美观,网站功能满足实际需要。

3.1 前期规划

建设一个网站,首先要求有明确的主题,并从整体上把握网站的结构,进行前期规划,然后搜集素材和资料,利用网页制作工具将各种资料、素材有序地、有机地结合起来。这里仅从网站的颜色搭配,功能和布局设置来谈谈网站设计的前期规划。

3.1.1 颜色搭配

色彩搭配是网站设计中最重要的一环,一个网站不可能运用单一的色彩,也不可能将所有的色彩运用进来,一般一个网页的颜色超过三种就可能产生混乱花哨的感觉。因此这就牵涉到一个色彩主基调的问题。抓住网站的主色调再配以其他不同的辅色,这样既突出了主色,又使整个网站美观自然、浑然一体。

高校网站主题色一般来源于自己学校的VI识别标准色,学校的标志(LOGO)是我们确定主题色的一个重要参考标准,一般网页设计的时候既要考虑到突出LOGO标志,又要和LOGO的颜色和谐统一,以LOGO为参照色,考虑到网站的主题表现需要,就可以确定好主色调。网页中各个组成部分色彩的搭配,即辅色的运用,要考虑到和主色的关系,整个网站的层次感以及高校的学科特色等因素。比如网页中导航菜单的颜色、图标的颜色,标题的颜色就应该用相对醒目的颜色呈现。值得注意的是,网页中适当的跳跃性色彩或线条的运用能让原本平淡无奇的网站立刻活跃起来,显得动感十足、美观大方。

3.1.2 功能和布局设置

高校网站具有宣传、教学教辅、资源共享等基本职能。因此网站设计中网站的功能设置应当充分满足实际需要。比如为了满足学校对外宣传的需要,在学校网站的主页上应当有学校简介、学校新闻,院系链接等。为了满足教学教辅需要,则在学校网站上应该有各职能部门、各网上教学,办公系统的链接入口。

网站的布局也是网页设计中一个十分重要的环节。网站的布局应该符合人们的视觉习惯,从上到下,从左至右。因此网页中比较重要的内容应该尽量往左上角靠。而目前我们的计算机显示器的分辨率一般是1024*768或者以上,但也有一部分是使用800*600的分辨率,因此网站的主体内容应该是集中在从网站的中央开始800*600像素的范围之内,这样才能主题突出。

3.2 网站的制作与维护

3.2.1 网站的制作

网页制作采用静、动相结合的方式,即静态的主画面和动态的图像,Flash相结合,目前较流行的网页制作工具有Dreamwaver、Fireworks、 Flash、 Photoshop等。

高校网站数据更新较快,数据量大,一般适合使用架构有数据库支持的动态网站。目前较流行的动态网站设计语言有ASP、JSP、PHP。三种语言背后都有强大的数据库支持,比如PHP语言使用MYSQL数据库,ASP语言则使用SQL2000数据库。动态网站设计语言与数据库的结合能实现网站数据的动态更新。网站的更新和维护只需在后台管理中进行,不需修改前台网页,极大的提高网站的工作效率。

3.2.2 网站的后期维护

网站的生命力在于网站的内容,后期维护的重心应该是丰富网站的内容,坚持及时更新数据。高校网站应该不断添加和完善网站内容(比如院系资料、其他部门子网站等),及时学校的校园新闻,科研动态等信息,不能让学校网站成为一个空架子,华而不实。

另外网站的后期维护还包括网站重构,美化网站界面,优化程序设计等。只有坚持推陈出新,网站才会有吸引力,才能体现网站真正的价值所在。

4 新形势下高校网站建设的思考

WEB2.0时代已经到来。快速的网页浏览和内容更新,易维护的网站管理成为了用户和网站设计者共同关注的焦点,符合WEB2.0标准的网页设计便应运而生。WEB2.0网页设计标准包括:结构标准语言(Xml、Xhtml)、表现标准语言(CSS)、行为标准。个人认为制作符合WEB2.0标准的网页可以从以下两个方面下手:

一是用语义标记语言写页面,和XML接轨。

语义标记,也就是精确描述页面每一部分作用的标记。最常用的标记语言HTML和XHTML一般用于显示目的,设计者可以通过对HTML标签应用CSS来改变页面风格,利用CSS和DIV来灵活的进行网页布局。

二是整合AJAX技术,提升用户体验。

AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。Ajax应用程序通过异步模式,优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用,从而提升了用户体验。

5 结束语

网站建设是一门复杂的技术,高等院校有科研创新的使命,在网站的建设上更应该走在技术的前沿,如何构建符合WEB2.0标准的网站,进行内容与样式分离,增强网站的交互性能,提高高校网站的服务能力,值得我们每一个网站设计者去深入研究。

参考文献:

[1] 邹丽英,孙小权. 浅谈高校网站的建设与维护[J].教育信息化,2006(2): 26-27.

[2] 陈敏.论高校网WEB页面色彩的定位与设置[J].当代经理人,2006(07):127-128.

网站设计范文6

关键词:电子计算机;网站;系统分析;系统设计;数据库;测试

校园网站不仅是在校园内信息的通道与环境,也是对外联系和宣传自己的良好途径。它的意义已不仅仅是计算机的普及与学习,而是计算机的运用,进而在校园中形成富有特色的校园信息文化。因此,校园网站的设立无论对于学校还是对于社会都是非常有利的。但是学校网站开发是一项很复杂的工作,下面,就按照学校网站从立项到制作完成的顺序来介绍。

一、网站的立项

当我们需要进行校园网站建设时,就要对建立学校网站这个项目立项。较好的做法是成立一个专门的项目小组,小组成员包括:学校领导、各处室人员,学校网络管理员、网页设计人员、计算机教师等5—7人组成。具体细节应由网络管理员作为项目负责人负责对该项目进行统一的调度和安排。

二、网站开发流程

为了加快网站建设的速度和减少失误,应该采用一定的制作流程来策划、设计、制作和网站。通过使用制作流程确定制作步骤,以确保每一步顺利完成。好的制作流程能帮助设计者解决策划网站的繁琐性,减小项目失败的风险。制作流程的第一阶段是规划项目和采集信息,接着是网站规划和设计网页,最后是上传和维护网站阶段。步骤的实际数目和名称因人而异,但是总体制作流程如下图所示。

1 系统分析阶段

(1)校园网站功能的设置

要建设一个网站,首先要明确学校网站建设的意义和需求及校园网所能提供的功能和内容。可以采取下发问卷调查表或通过学校各部门上报所需功能的建议等方式了解学校领导和教师希望校园网提供的服务和内容,然后根据各方面的反馈意见进行认真的分析,编写一份详尽的需求说明书。把好这一关,可以杜绝很多因为需求不明或理解偏差造成的失误和网站建设失败。

(2)构建校园网的框图和资料收集

很多学校下属部门非常多,让每一个部门在网站上都占有一席之地,无疑会在我们的网站设计和资料的收集上增添困难。这时应在学校领导、各处室人员的配合下,在项目负责人带领下,研究确定网站的总体结构,并请求各部门配合,提供关于各部门的文字资料和电子资料,然后进行分门别类的整理。将文字资料整理成电子资料,将不符合要求的电子资料重新排版,以备后用。

2 网站策划和整体设计阶段

当我们在Internet这个信息的海洋中尽情遨游时,会发现许许多多内容丰富、创意新颖、设计独特的网站。我们现在具备了上网的条件后,在开始设计网站时,就应该注意网页制作时应考虑哪些方面的问题,包括网站功能以及访问者需要什么。整个设计都应该围绕这些方面来进行:①页面内容要新颖;②网页命名要简洁;③善用表格来布局;④多学习和使用HTML,尽量少用Java程序;⑤每个页面都要有导航按钮;⑥网页风格要统一,动画最多只用一个;⑦使网站具有交互功能和友好设计界面。

3 网站制作和设计实现

在确立了网站的功能、框图、资料收集后,就可以进行网站的编制工作了。进行网站的编制前应确立网页设计工具的选择。下面简单介绍几种工具。在网站的设计中,网站前台界面可以使用Dreamweaver网站设计软件,后台管理可以使用ASP语言中的VBScript语言编写,网站中的数据库采用SQL Server数据库,并在美化网页的软件上采用目前比较流行的Flash,Fireworks,Photoshop等工具。

(1)Dreamweaver是制作网页软件工具的佼佼者

具有简单、易学、无需记忆的特点,许多网页都可利用它来制作。Dreamweaver不但能用可视化的方式来编辑文字、图像、表单等,还可以直接在网页中插入控件,Java Applet等组件。Drea—mweaver不只是一个网页编辑器,就其整体来说,Dreamweaver应该算是一整套网站管理工具,同时Dreamweaver还提供Server测试环境,使我们在设计网站阶段,就可以身处于一个模拟网站的工作环境中,方便我们做测试工作。这样网页上传至Internet的Web服务器后,不易发生错误。

(2)前台界面和后台数据库连接起来,实现从网页访问数据库的方法

一种是Web服务器作为终结,把浏览器和数据库链接起来,在服务器端执行对数据库的操作;另一种是把应用程序和数据库下载到客户端执行对数据库的访问。我们可以使用第一种。这是一种完全的Web数据库访问解决方案,把ADO和ASP结合起来,建立提供数据库信息的网页内容,在网页中执行SQL命令,对数据库进行查询、插入、更新、删除等操作。ADO可以链接多种支持ODBC的数据库。但我们首先需要配置服务器以使用ADO对象。配置服务器的方法在很多书中都有相关的介绍,在这里就不一一介绍了。