软件项目-化综合实训教学案例下载样例.docVIP

PAGE 6 PAGE 5 软件项目化综合实训教学案例下载-样例.doc 案例1：英语等级考试专题学习网站 虽然每个Web站点在内容、规模、功能等方面都各有不同，但是有一个基本设计流程可以遵循。从国内的大的门户站点如搜狐、新浪到一个微不足道的个人主页，都要以基本相同的步骤来完成。首先是网站前期策划与内容组织（需求分析、风格定位、内容组织），然后效果图设计，网页编辑，动画设计，接下来是技术实现，最后是站点的发布与维护。这几个阶段完整地结合在一起，直到完成整个站点的工作，如图1-1所示。 前期策划内容组织 前期策划内容组织包括（需求分析、风格定位、内容组织） 效果图设计 网页编辑与动画设计 动态编程或代码融合 发布测试（域名空间） 网站维护 图1-1网站的制作流程 下面我们结合企业网站的开发工作过程对本项目进行阶段分析与演示。 英语等级考试专题学习网站前期策划与内容组织 网站需求分析 要进行网站的整体设计，用户分析是第一步。众所周知，进行任务和用户分析，以及相关调研的必要性和重要性。用户是计算机资源、软件界面信息的使用者，由于目前计算机系统以及相关的信息技术应用范围很广，其用户范围也遍及各个领域。设计者必须了解各类用户的习惯、技能、知识和经验，以便预测不同类别的用户对网站界面有什么不同的需求与反映，为最终的设计提供依据和参考，使设计出的网站更适合于各类用户的使用。由于用户具有知识、视听能力、智能、记忆能力、可学习性、动机、受训练程度不同，以及又有些用户有易遗忘、易出错等特性，使得对用户的分类、分析和设计变得更加复杂化。另外，为了设计友好而又人性化的界面，也必须考虑各类不同类型用户的人文因素。许多人不愿花费时间来完成这个阶段，因为认为他们没有必要，但是必须把初始计划加入工作过程中，否则到最后当进行到已经无法再做计划的时候，就要遇到巨大的麻烦。在一开始就进行合适的计划和组织是建立一个有效的站点最重要的工作步骤。 英语等级考试专题学习网站旨在教学的改革创新、服务教学，利用网络平台构建开放式学习方式：所有教学资源可在网上浏览和下载，任何学生在任何时候、任何地方都能借助网络自主学习。 英语等级考试专题学习网站的功能示意图如图1-2所示。 公告与通知 公告与通知 考试动态 考试介绍与动态 听力训练 考试指南 模拟试题 经验交流 单项训练模块 友情链接 计数器 试题库 英语等级考试专题学习网站的功能 高分突破 精选汇总 成绩查询 考试咨询 考试论坛 考试词汇 网站辅助模块 图1-2英语等级考试专题学习网站的功能示意图 风格定位 首先要了解网站的类型，确定一个大致的风格走向，不同网站的风格肯定是不尽相同的，营造出各种类型的氛围，需要对各种行业有敏感的洞察力，如果设计者还不是很熟悉这个行业，不知什么样的风格是适合它的，大致该用什么样的色调和笔触，那么花一定时间先做一些调查和学习是必要的。这样可以保证在设计者的脑海里有一个较为确定的概念，并不一定会马上或明显地显露到工作中去，但是必然会对设计者的工作产生专业的影响。 英语等级考试专题学习网站是高校教育类网站，他的主要用户为青年学生，同时也是信息行业的网站，所以主色采用蓝色为主色调，因为蓝色具有清凉、自由的感觉，使人们容易联想到天空、海洋、科技，通过本站传达个使用的用户以轻松、愉快、舒适的感觉。 规划草图 对于一般的网站来说，一个项目往往从一个简单的界面开始，但要把所有的东西组织到一起并不是件容易的事情。首先，要先画一个站点的草图，勾画出所有客户想要看到的东西。然后，将它详细的描述交给美工人员，让他们知道在每一屏上都要显示那些内容。如图1-3所示的是本站的草图。 网站Logo标志 网站Logo标志 辅助导航模块 公告与通知 考试指南 模拟试题 版权信息 课程动画展示 考试介绍与动态 经验交流　 阅读训练 听力训练 完型、改错、翻译、简答 写作训练 图1-3英语等级考试专题学习网站的草图 规划站点结构 站点结构将决定如何去引导浏览者在站点中漫游。要结构清晰、易于导航。网站结构就像人的骨骼，构筑起网站的整体框架，虽然表现形式各异，但让人迷失终归不好，尤其是内容丰富的网站更应注意，如何合理地组织自己要发布的信息内容，以便浏览者能够快速、准确地检索到要找的内容，否则它就很难吸引浏览者。 而且，这一步骤还将决定将要使用的命名规则。导航图和命名规则都是建立项目的主干。以后所有的工作都要由此展开。网站的目录是指建立网站时创建的目录。目录的结构是一个容易忽略的问题，大多数设计者都是未经规划、随意创建子目录。目录结构的好坏对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护、内容未来的扩充和移植有着重要的影响。下面是建立目录结构的一些建议： 不要将所有文件都存放在根目录下 有人为了方便，将所有文件都放在根