网页设计在计算机教课中的成效范文

本站小编为你精心准备了网页设计在计算机教课中的成效参考范文，愿这些范文能点燃您思维的火花，激发您的写作灵感。欢迎深入阅读并收藏。

1知识点构成的顺序

任何课程的学习，都要讲究学习的先后顺序。《网页设计》课程的教学也是如此，然而，由于该课程涉及面较广，很少有一本教科书能统一所有知识点，所以应有所侧重，根据不同的专业教授的内容应有所区分。比如，美术专业的学生应着重在页面构成，色彩搭配等方面，而计算机专业的学生应着重的是功能的编写，后台数据库操作等。在这个前提下，笔者通过积极的探索和总结经验，认为网页设计中涉及的知识点构成顺序应是：

（1）网站及网页的若干基本概念和页面元素。首先对于初接触网页设计的学生而言，掌握基本的网站和网页相关概念，区分开应用和开发的身份，是学习更深入内容的前提，在打好这个基础的条件下，才能把思维定位在设计者的位置上，同时能兼顾应用者的习惯和偏好，从而在以后的开发过程中更好地为制作网页服务；

（2）网页代码的学习，让学生尝试用代码方式制作页面元素。很多人都认为有了Dreamweaver、Frontpage等网页制作软件，初学者就可以脱离原始代码的学习。但是笔者坚信这是非常错误的想法。首先，利用软件开发网页虽然在一定阶段之后可以很好地提高效率，但是所产生的臃肿代码实在让人头痛；其次，完全脱离代码的软件式开发不利于很多功能模块的开发，在很大程度上受到了制约。

（3）ASP、数据库的学习及应用；在学习了相关的网页源代码的书写方法之后，应该乘势加强数据库、ASP或其他编程环境的相关内容学习，这在一定程度上可以让学生在学习过程中更好地理解网站的运作情况，并通过简单的例如HELLOWORLD实例制作来引导学生。

（4）就是软件的学习，包括dreamweaver、photoshop、flash等；之所以把软件应用放在第四步学习，笔者认为软件就是为了提高效率的产物，但是提高效率的同时也会让学生一开始就滋生懒性，以后再学习代码的编写就会让学生认为这是在走回头路，在做无用功，从而不利于学习和教学。

（5）CSS、DIV知识点；为了提高网页开发和维护的效率，轻松的控制页面结构和布局，很多网页都采用结构和内容分离的方法，CSS应运而生，CSS技术在网页技术中是不可不提的内容，随着技术的发展和趋势，应该在掌握相关的基础之后学习利用CSS的方法来制作网页，而不是依靠表格布局。

（6）各国家及地区网站的页面布局、色彩搭配及不同用途、不同网站的功能构成；在掌握了上面所阐述的知识点之后，接着就应该对网页做整体的了解，包括布局、搭配和功能，但各个国家和地区的网页页面习惯是不相同的，面向的客户群也是千差万别，如夕阳红的旅游网站和儿童网站，所面向的客户群年龄差别较大，在审美和习惯上肯定也存在很多差异，那么在建立实际网页的过程中应该让学生了解不同地区、不同客户的需求，从中体现出的页面布局、色彩搭配的差异，同时针对不同类型的网站，应该有侧重点地开发相对应的特色功能，从而更好地设计出迎合客户要求的网站。

（7）网站的建立流程及管理。

2任务驱动式教学

任务驱动的教学方式，能为学生提供体验实践和感悟问题的情境，围绕所设置的任务展开学习，以任务的完成结果检验学习成果，从而改变学生的学习状态，使学生主动建构探究、实践、思考、运用、解决的学习体系。在强烈的问题动机的驱动下，通过对学习资源的积极主动应用，进行自主探索的学习，并在完成既定任务的同时，引导学生产生一种学习实践活动。在这个过程中，更重要的是，学生还会不断地获得成就感，可以更大地激发他们的求知欲望，逐步形成一个良性循环，培养出独立探索、勇于开拓进取的自学能力。在该课程的学习过程中，通过案例讲解，分析知识点的应用，融入新知识的讲解，并设定任务，在学习中寻找解决完成任务的方法。比如，在讲解ASP、数据库操作方面的知识点时，设定完成任务是制作一个投票系统，接着让学生对案例中的注册和登录功能实际操作，解释网页和数据库之间的联系及对数据库进行操作的原理，同时讲解所用到的命令和Dreamweaver界面操作，在完成注册及登录功能的讲解之后要求学生根据已学知识，拓展思维，完成搜索功能的制作，通过这一系列的学习，可以很好的加深印象，并能拓展学生的思维，提高自主解决问题的能力。

3想方设法激发学生学习兴趣

（1）借助网络技术实现教学互动，达到随机进入式教学的目的。在实际教学中，不可能所有的学生在课堂上都能及时掌握教师所讲的内容，需要在课下对课堂内容进一步复习巩固。为了让学生能够更好地复习，笔者将课件及相应的学习资料放到笔者设计的网站上，学生可以随时访问下载并进行学习探讨。另外，在网站上开设相应的学习论坛，学生可以在上面与老师或同学相互讨论，解决问题。此外学习论坛还有利于学生之间的资源共享。

（2）适时评析学生网页，提高学生设计能力。在教学的不同阶段，选择典型的学生作业进行评析，对学生在网页设计中的共性问题进行纠正，对网页设计中的优点进行表扬，不断规范学生的网页设计。让学生更好的参与到教学中，提高学生的学习积极性。

4总结实验，锻炼学生的解决问题能力

为了掌握学生学习该课程的效果，应该设立一个较完整统一的检验标准。网页制作是一门实践性很强的课程，因此学生必须掌握相应的网页制作技术。实践考查学生的动手能力，以便学生学完本课程后能有一技之长，真正做到学有所用。

（1）综合案例分析。通过一个完整的网站讲解，分析其页面构成、色彩搭配、建站目的、浏览人群、建站技术、功能模块等，对学生学习该课程做全方位的复习；

（2）分组实践。把学生分成若干人一个小组，通过分组讨论，确定一个建站方向，设定一个建站目标，团结协作，完成网站开发。

（3全面评价。本课程的教学目标是：学生能够掌握网站设计的全过程，能够利用Dreamweaver设计各种网页，开发一定规模的网站。对分组制作的网站详细分析，全面评价，取长补短，提高动手能力。

5结束语

《网页设计》是一门较特殊的学科，因其涉及美术、计算机等多个范畴的知识，在教学过程中应注重理论联系实际，针对不同专业的学生特点区别教学手段，使学生易学易用，才能真正提高教学成效。

作者：洪惠杰单位：潮州市高级技工学校