《Web技术应用与开发》课程设计报告

江南大学教育学院课程设计报告

课程名称Web技术与开发

课题名称中国旅游论坛

专业教育技术系

班级教育技术06级 02 班

学号1701060221

姓名李志红

指导教师倪玉兴老师

2009年6月6日

一．课程设计目的

课程设计是一项重要的实践性教学环节，在教师的指导下，以学生为中心，充分调动学生的积极性和能动性，重视学生自学能力的培养。

《Web技术应用与开发》是为教育技术学本科专业开设的专业选修课程，课程的主要目标是要求学生掌握基本的Web应用程序开发和设计的流程及相关的技术技能。本课程在讲解相关理论知识的基础上，按照一定的组织原则和现有实验条件安排了一定数量的实验，通过这些实验使学生初步掌握开发和设计Web应用程序的基本方法和基本技能。然而由于这些实验是分时分批按一定的技术种类和实验目的实施的，固然可以有目的地训练和培养学生某个方面技能，但明显的不连续性使学生不能从整体上把握如何系统地开发和设计一个完整Web应用程序。通过本课程设计可以较好地解决这个问题。

通过本课程设计可以使学生充分认识开发和设计Web应用程序的的重要性和复

杂性，充分了解Web应用程序的设计和开发的基本过程，掌握常用的Web开发技术，充分把握各项技术的特点和应用领域以及各项技术之间的相互关系，进一步体会各项技术在Web应用程序中地位和作用从而对各种技术有比较清醒的认识，在此基础上习得Web开发技术平台的选择能力。

二．课程设计内容与目标

课题名称：用户注册界面设计

设计目标：利用HTML\CSS\ JavaScript技术制作简洁及交互功能比较强的页面

设计方法：网页制作工具配合相关技术（如HTML、CSS、JavaScript等）

设计要求：利用Web应用程序的客户端开发技术（包括HTML、CSS、JavaScript、BOM、DHTML、XML等）设计一个符合要求的Web应用程序界面，并在此界面的基

础上实现用户交互功能的设计，达到Web应用程序可用性和易用性目标。三．系统分析与设计：

1.总体分析：系统要实现的功能是有效性判断以及相关对象之间的关联关系，涉及到程序的算法，Web技术中的对象的认识；

（1）整体风格

（2）系统所要实现的功能：用户交互功能

（3）控间间的逻辑关系

（4）程序算法

（5）客户端开发技术中对象的认识

2．设计：本课程设计时间为2周，实际有效天数为10天。具体时间安排如下：

①.第1天：收集资料、准备开发平台和技术、酝酿表单的功能和有关控件的数据

②.第2天：表单控件设计

③.第3天：表单外观设计

④.第4~6天：表单用户交互功能逻辑设计

⑤.第7天：Web表单应用程序的调试、修整、完善与定稿

模块划分、内容结构如何组织的方法，对一个Web程序设计的影响是很大的，有效的规划可以为Web程序设计增加美感。其它的模块则有一定的联系性，以下是我Web 程序设计的组织框架。

但是所有的模板其并非是层级关系——即一层一层的点下去，他们可以通过导航栏上的链接转到其它WEB程序设计上，由此可形成一个具有Web程序设计的模式，因此这些模块之间可以实现无顺序关系，却仍能感受到该Web程序设计是一个很条理。

3.界面设计：

有效性和交互性设计：

数字输入框的数字有效性；

特定内容的文本框输入的有效性；

四．模块的实现与调试

1．模块的实现：

模块系统可以直接深入到站点及其Web程序设计的所有内容，将Web程序设计中的有效数据采集出来（而不仅是Web程序设计或链接），并保持数据之间的逻辑关系。例如对一个外部西湘旅游息站点，采集系统可以将其每个教育信息的标题、正文、作者、日期等信息单独采集出来，分别作为字段存储在系统中，并无缝组合形成自身的Web程序设计信息。Web程序设计具有强大的批量设置功能，可以显示文章标题、文章作者、文章来源、内容分页方式、配色风格、版面设计模板等信息。

Web程序设计是计算机综合处理图形图像、文字、音频和视频等多种信息及其存储与传输的技术，可以分为Web程序设计硬件技术和Web程序设计技术两大部分。Web程序设计素材的收集与制作，即对文本、图像、动画、声音以及视频影像等各种类型的Web程序设计素材的收集准备与制作，就可以自己构建一个对制作本科教学课件方便而有效的素材库。

另外，在一些电子出版物中有很多优秀的Web程序设计素材，平时应注意收集和整理，这也是提高制作速度与Web程序设计素材库质量的有效途径。以上我们所说的都是素材的采集，接下来我们就要整理素材和进行素材编辑，这样在制作课件时将这些素材输出，就能又快又好地制作出精美的课件。

2．模块的调试：

对所设计的作品进行调试是十分重要的，在制作Web程序设计的过程中可以通过调试的方法查找模块存在的不足，以便更正。我刚开始做Web程序设计的时候没有要合理使用层和表格，也或许是为图方便曾经大量使用层，当做好Web程序设计进行调试时，发现所有的层都走了样，整个Web程序设计几乎残破不堪，后来我重新使用表格才得到了我想要的结果，也是那时候我才发现表格用起来也不是那么麻烦。

3．模块代码：

五．心得与体会

刚拿到web课程设计时，我的心里充满了不安，因为我似乎对于这类程序语言的科目天生有一种不灵敏感，再者以前上课时我的web学的并不是特别好，再加上过了一个暑假，我好像把原来仅剩的一点知识也都还给老师了。为此我特意到图书馆借了几本有关web的书。

这次课程设计给我最深的体会是办事之前应当做一个系统的计划，才能实现时间的合理利用。办事态度不认真对我是最大的教训，我再做图片处理的时候就常因为对图片大几厘米或小几厘米不太在意，以为相差不了多少，结果把它放在Dreamweaver里面时才发现那么一点小差距会使整个Web程序设计显得很难看。其实不光在图片处理上，办所有的事，我都应该保持一颗严谨的心，才能最大限度的节约时间。

Web程序设计作为一门综合的跨学科的交叉技术,它的研究涉及到计算机硬件，Web程序设计和计算机体系结构，图象处理，语音处理，数字信号处理，通信技术等多方面技术.Web 程序设计是教育技术学专业一门必修课程。一些基础知识也在向其他专业渗透，逐渐成为各专业大学生需要了解和掌握的一门知识.Web程序设计课程的设置和发展随着Web程序设计的日新月异和互联网的发展其内容正在不断的充实和完善.本课程纲要在教学实践中，根据计算机软硬件的配置不同或知识的更新可做一些部分变动,但基本内容可保持不变；本课程的内容比较多，学生需要掌握的知识也比较多，但本课程的课时太少，因此我觉得学校应该开设更多的Web程序设计课程尤其是实践方面的课。

六．参考文献

1.吉根林、崔海源《web程序设计》（第二版）电子工业出版社2005.8

2.