基于任务驱动的网页编程教学方法探究.pdf

"基于任务驱动的网页编程教学方法探究" 本文探讨了基于任务驱动的网页编程教学方法，旨在探究如何提高网页编程教学的效果。文章首先介绍了网页编程的基础知识，包括HTML、CSS和JavaScript，然后对任务驱动教学法进行了阐述，强调其在网页编程教学中的应用。 HTML语言是网页编程的基础，内容非常多，可以分成三个任务案例来讲解，每一个任务都是一个精彩的网页。任务一主要讲述HTML的基本构成，网页中可以添加的基本元素以及表单等，理论知识主要通过任务案例直观理解。任务二主要讲述表格以及如何使用表格布局页面，任务三主要讲述框架布局。在讲述每一部分内容时，都是以实践为主导，把任务案例发给学生，让他们完成剩余的部分，这样可以激发学生的学习兴趣，并且做到有的放矢。 CSS样式的属性很多，不容易掌握，同样以一个任务案例的形式展示一个网页，用加了样式的网页和没有加样式的网页进行一下比较，学生就会感受到加了样式的网页更加的精美，从而激发了学生的学习兴趣。如果以Dreamweaver为编写软件的话，软件有自动提示功能，所以学生编写代码部分就不会那么费力了。CSS的属性比较多，可以讲解比较常用的部分，例如背景的属性、字体的属性、边框的属性、滤镜特效等，在讲解每一个属性的时候都采用案例的形式进行。 JavaScript语言是一种脚本语言，主要是基于客户端运行的，用户点击带有JavaScript的网页，网页里的JavaScript就传到浏览器，由浏览器对此作处理，HTML、CSS要复杂。下拉菜单、验证表单有效性等大量互动性功能，都是在客户端完成的，不需要和Web Server发生任何数据交换，因此，不会增HWeb Server的负担。在这部分中主要讲解一些成熟的代码，以三个任务的形式把JavaScript常见的应用运用到网页中，这三个任务分别是： 1. 使用JavaScript实现网页的交互性功能，例如下拉菜单、验证表单等。 2. 使用JavaScript实现网页的动画效果，例如滚动条、动画等。 3. 使用JavaScript实现网页的游戏功能，例如棋牌游戏、射击游戏等。 本文探讨了基于任务驱动的网页编程教学方法，旨在提高网页编程教学的效果。通过任务驱动教学法，可以激发学生的学习兴趣，提高学生的实践能力和解决问题的能力。