网站设计方法探讨(精选).doc

网站设计方法探讨 2009-03-03 ? 网络媒体被称为“第四媒体”，在近几年来日益成为眼球关注的焦点，并成为企业、学校、个人传播信息的重要窗口，设计一个好的网站无论对信息的传播者和信息的受众多非常重要，特别是近几年来远程教育不断兴起，如何建立一个教育效果好，低成本管理的教育网站就显得及其重要。本文根据若干年的设计经验就网站设计方法作一些探讨。 当计划开展一个网站项目时，多花一些时间做详细的规划书是重要的。规划书的成败往往也就决定了这个网站设计的成功与否。实践证明，一份系统完整详细的规划书将给你在开发网站过程中带来一系列的好处： 2??????? 对目标和任务以及客户需求给予明确的书面定义； 2??????? 能够控制项目开发中的细节； 2??????? 能够保证控制整个项目的时间进度； 2??????? 能够保证各个部门人员的任务分配和协调执行； 2??????? 能够预期项目开发中发生的困难和潜在问题； 2??????? 能够保证项目各个模块之间的顺利对接； 2??????? 能够保证资金的利用率，控制开发成本； 假设一个网站设计项目的时间长度等于10份的话，一般科学的做法是，一个项目的规划部分占到整个项目时间长度的7份，开发时间占2份，测试时间占1份。当然这个数字不是定律，具体情况具体对待。 ??? 网站设计第一阶段的任务制定网站规划书。以下提供了一个粗略的设计模型，仅作为设计人员的参考。 n???????? 目标和任务 1.?????? 用户需求调查 确定网站的目标是哪类层次的用户，如大学生和高中生、小学生，其知识结构，操作行为等均表现不同。从伦理学、技术、心理学等角度进行用户调查。一般需要了解用户的使用习惯、用户的浏览器使用环境和操作平台、需要了解技术对用户的影响和作用等等，这对于设计一个优秀的网站至关重要。 2.?????? 视觉效果设计 网站是教育机构的电子化形象门户，需要在网络中树立自己的易识别性，该项任务主要负责网页交互界面的风格处理，向用户传达一种鲜明的讯息，促使用户能够迅速地辨认、理解和记忆。 3.?????? 界面设计 界面设计的任务是完成交互界面要素设计。例如图形，文字，色彩，字体，交互方式、导航系统以及众多设计要素的布局等等。 4.?????? 交互设计 该项任务在于定义用户以什么样的方式使用网站功能，开发便于用户完成任务的程序。例如，下拉菜单式、弹出菜单式、滑动式、滚动式、键盘控制式、鼠标点击式、屏幕触摸式等等方式。 5.?????? 功能详细说明书 开发项目计划书时，需要根据用户的要求详细描述网站的功能，这工作将直接影响到程序开发人员对未来项目的展开和功能的对接。 n???????? 信息表现形式 1.?????? 信息设计 确定网站的内容，强调文本、图片、色彩、动画、声音等信息元素的设计处理、布局和表达方式。信息设计的任务在于优化设计，便于用户理解信息。例如采用文字，动态文字，口头陈述、图表、图像、声音、照片、动画、录像、电视、电影等多种模式。 2.?????? 导航设计 一个良好的导航设计便于用户明确在网站结构中的位置，用户不至于在网络中迷失方向。 3.?????? 信息结构 信息结构往往容易被设计师所遗忘，设计信息结构的任务在于便于用户访问网站内容的信息空间关系，这种空间关系处理恰当，有利于用户快速查找信息。例如，可以为用户提供多种不同得信息有哪些信誉好的足球投注网站索引。 　　另外，计划书还必须分析项目开发人力、开发周期、工程预算、信息更新、维护费用、以及在开发过程中可能遇到的技术问题或者其他困难。 　　网站设计第二阶段的任务执行规划书。 　　这一阶段需要将设计与技术实现相结合，将视觉设计和HTML（Hypertext Markup Language）语言、ASP（Active server page）等程序代码相结合，将采用文字、图表、图像、声音、照片、动画等排版到版面中。 　　网站技术在客户端和服务端经历了若干阶段。在客户端经历了三个发展阶段。第一代表现为静态的HTML，包括文字、图像等；第二代表现为CSS（cascading style sheet）、Java Applets、ActiveX等；第三代技术表现为DHTML、XML等。在服务端也同时经历了三个发展阶段。第一代表现为静态的HTML，包括文字、图像等；第二代表现为此CGI(common gateway interface)、服务器端脚本等；第三代技术表现为ASP、COM(Componet object model)、DCOM等。一般在网站设计项目，界面设计人员完成前台的设计工作，即客户端的视觉设计和一般程序设计；后台，即服务端应用程序和数据库由各自的专业人员来处理，最后实现前台和后台的顺利对接。 　　网站设计第三阶段的任务测试。