《网页制作》课程设计任务书.docVIP

《网页制作》课程设计任务书 课程设计目的 《Web技术应用与开发》是为教育技术学本科专业开设的专业选修课程，课程目标是要求学生掌握Web应用程序的设计与开发流程及相关的技术/技能。本课程在讲解相关理论知识的基础上，按照一定的组织原则和现有机房条件安排了一定数量的上机实验，通过这些实验使学生初步掌握开发和设计Web应用程序的基本方法和基本技能。由于这些实验是分时分批按一定的技术种类实施的，固然可以有目的地训练和培养学生某个方面技能，但明显的不连续性使学生不能从整体上把握如何系统地设计和开发一个完整的Web应用程序，通过本课程设计可以较好地解决这个问题。 通过本课程设计可以使学生充分认识开发和设计Web应用程序的重要性和复杂性，充分了解Web应用程序设计和开发的基本过程，掌握常用的Web开发技术，充分把握各项技术的特点和应用领域以及各项技术之间的相互关系，进一步体会各项技术在Web应用程序中地位和作用从而对各种技术有比较清醒的认识，在此基础上习得Web开发技术平台的选择能力。 课程设计内容和要求 课程设计总体要求 利用Web应用程序的客户端开发技术（包括HTML、CSS、JavaScript、BOM/DOM、DHTML、XML等）设计一个符合要求的Web应用程序界面，并在此界面的基础上实现用户交互功能的设计与开发，达到Web应用程序可用性和易用性等目标。 课程设计具体要求 Web应用程序界面控件设计 利用HTML等技术设计一个Web表单，具体内容和数据自行确定，要求该表单中至少包含如下的控件：（注：尽量不要使用可视化工具设计表单，建议直接采用HTML代码编写表单。根据你的程序需求可以任意增加所需的控件。） 两个单行文本框，第一个文本框用于输入文本，第二个用于输入数字； 两组单选按钮，每组单选按钮的数量至少6个，要求两组单选按钮的选择项之间存在某种相互影响关系，如在第一组中选择了某项后第二组中的某些项就不能选； 一组复选框，复选项目数至少6个，要求某些选择项不能同时选中； 一个图像控件，可以交替显示5个不同的图像，自行准备5个相同大小的同类型图像文件； 两组下拉列表框，每个下拉列表框中的选项至少3个，要求根据第一个下拉列表框的选择结果确定第二个下拉列表框的选项； 一个多行文本框； 一个提交按钮和一个复位按钮。 Web应用程序界面外观设计 利用CSS等技术对Web表单的外观进行设计，使用户能看到一个简洁、舒畅、色彩统一和谐的表单外观，要求使用外部样式表技术实现，基本要求如下： 表单位置和表单内部每个控件的位置、大小的布局控制； 表单中所有的文字风格统一，包括字体、字号、前景色、背景色等； 表单中所有的控件外观应在默认显示效果的基础上加上更合适的样式。 Web应用程序用户交互功能设计 利用JavaScript、BOM/DOM等技术实现以下用户交互功能的设计： 实现界面控件设计中提出的基本要求：两组单选按钮之间的相互影响关系逻辑设计、复选按钮中几个选项之间的相互影响关系逻辑设计、图像控件的5个图像交替显示、两组下拉列表框之间的相互影响关系逻辑设计。 用户在使用Web表单过程中，当鼠标指针移到每个控件上时，在某个固定位置显示关于这个控件的相关提示信息，如文本框该输入什么数据等。 当用户输入完文本框的数据后进行数据有效性校验，校验规则根据程序实情自行确定。当用户输入的数据不合法时在某个固定的地方输出相关信息提示用户应该怎样输入数据，并清除用户刚才输入的数据。 当用户点击提交按钮时检测用户是否对所有输入控件进行数据输入或选择，如果没有就提示用户再次进行输入或选择，如果全部输入或选择了就把用户已经输入或选择的结果数据以一种合适的方式集中展现在用户面前并要求用户确认，如果用户确认则提交表单，如果用户不确认则复位表单要求用户重新填写表单。 课程设计方式和时间安排 课程设计方式 本课程设计采取集中时间由学生个体独立完成的形式进行。在课程设计过程中允许学生自行决定采用的技术手段和程序开发模式和开发工具。 课程设计时间安排 本课程设计时间为2周，实际有效天数为10天。具体时间安排如下： 第1天：收集资料、准备开发平台和技术、酝酿表单的功能和有关控件的数据 第2天：表单控件设计 第3天：表单外观设计 第4~6天：表单用户交互功能逻辑设计 第7天：Web表单应用程序的调试、修整、完善与定稿 第8~10天：撰写课程设计报告 课程设计成果与考核办法 课程设计成果 本课程设计成果体现在两个方面：一是Web应用程序代码、二是课程设计报告。对于程序代码要求格式清晰，符合人们的阅读习惯，并在关键语句后加上必要的注释。对于课程设计报告要求按规定的格式撰写。 请把课程设计生成的所有文件放在一个文件夹中（文件夹命名为“学号-姓名”），把该文件夹压缩打包成一个文件，命名为“学号-