以“班级网站”建设为例，践行《动态网页制作》项目教学

沈晓

《动态网页制作》是中职计算机网络专业的专业主干课程。该课程综合性较强，教师和学生在教与学上比较吃力。针对以往教学中存在的问题，结合自身教学实践，围绕“班级网站”建设，从开发工具的选择，内容结构的调整，知识结构的重组对《动态网页制作》课程教学作一探讨。

动态网页制作ASP Dreamweaver内容结构知识结构动态网页制作是我校中职计算机网络专业的专业主干课程，其主要任务是：使学生掌握动态网页制作的知识和技能，熟悉动态网站开发的基本过程，能够实现典型的动态模块。

动态网页的制作非常复杂，需用到ASP、PHP、JSP等动态网页设计语言。其中，ASP具有操作简便、易学易用的优点。因此，我们选用了相对简单的ASP作为制作动态网页的语言工具，而数据库则选择了前续课程中的ACCESS。

但以往的课堂经验表明，中职学生逻辑思维能力较差，编程能力较弱，静态网页制作还能基本掌握，动态开发就显得尤为困难；教师和学生在教与学上中都比较吃力。下面围绕“班级网站”项目建设，结合自身教学实践，对《动态网页制作》课程教学作一探讨。

一、引入Dreamweaver开发工具，结合ASP开发制作动态网页，降低学生开发难度

ASP是当今流行的动态网站开发技术之一。通过其可创建以HTML网页为用户界面，并能够对数据库进行访问的Web应用程序，生成ASP动态页面。但以往的ASP教学以讲授手写代码为主，这无疑增加了中职学生的学习困难，同时教学内容也无法适应企业应用的实际需求。为了能尽量做到少写代码，同时方便学生实现站点的编辑和管理。在本课程项目“班级网站”建设教学中，我们引入Dreamweaver这一开发工具，用于辅助学生对网站、网页、和Web应用程序进行设计、编码。

Dreamweaver 对ASP 良好的支持，能够让学生快速进行Web应用程序的开发，生成专业的动态网页。在项目开始阶段：

模块一：搭建ASP动态网站运行环境中，我们引导学生利用Dreamweaver搭建班级网站框架，并快速建立数据库连接，从而避开了手写代码进行数据库访问的繁琐过程。

模块二：注册登录模块中，运用Dreamweaver提供的“用户身份验证”服务器行为（登录用户、限制对页的访问、注销用户、检查新用户名），结合服务器行为中强大的“命令”（插入、更新、删除），在利用纯菜单，结合少许简单代码的形式下，学生比较理想的实现了用户注册、登录验证、信息修改、退出登录等功能。

通过Dreamweaver可视化、免写代码的设计环境，学生发现即使语言基础较差，也能制作出自己的动态网站。学生初次享受了动态网页的设计乐趣，消除了畏难情绪，部分学生渐渐进入学习的状态。

二、调整内容结构，以典型项目贯穿教学始末，帮助学生建立清晰的动态网站制作实现的过程

在以往动态网页设计课程中，我们会面面俱到地介绍ASP的常用对象，SQL语句的语法结构，最后引导学生与具体的项目联系。但是实践表明，我们的学生明明学了相关的课程但却无法胜任相应岗位工作。

为了体现“学以致用”，切实做到“学中做，做中学”。我们抛弃了先“部分”，后“整体”组装的传统安排，尝试从“整体”到“部分”展开教学。在以工作过程为导向的项目化教学思想的指引下，我们选取了“班级网站”这一典型的功能较齐全的通用型动态网站建设项目。配合网站开发相应岗位的职业要求和工作流程，对项目内容结构做如下设计：

（1）整个项目分成8个模块进行；

（2）模块一：搭建ASP动态网站运行环境，指导学生搭建班级首页网站框架，形成清晰的网站目录结构；

（3）在网页上预留动态功能区域，将动态网页制作中的常见模块：注册登录模块、新闻发布模块、搜索查询模块、投票调查模块，留言板模块，网络通讯录模块，及每一模块的后台管理整合到班级网站的建设中去，形成本项目的模块二——模块八。

在教师的引导下，学生在搭建班级网站运行环境和框架的基础上，逐一完成网站中的动态功能模块。在模块的完成中，学生体验了一个清晰、完整的动态网站制作实现的过程，体会了网站规划建设的过程，建立起全局建站的意识。

同时，为了达到巩固提升的目的，网站中还预留了“班级简介”“班级管理”“班级风采”“学习园地”空白页面。学生可以结合前面的模块，模仿、设计。

结合真实的工作任务，配合岗位操作的规范，学习的过程由抽象变的具体，由枯燥增添了乐趣。

三、重组知识结构，力求理论知识与实践知识有机融合，实现“理论够用，应用具体”

ASP动态网页设计是一门综合性较强的课程。在“理论够用”的指导下，本课程的知识内容主要包括以下模块：前台页面设计与素材制作、ASP基础知识、脚本语言基础、内置对象应用、数据库访问技术、组件应用与开发、安全設置。为体现“教、学、做”一体，在教学中我们将知识模块中的重点理论知识和项目“班级网站”各任务模块进行有机结合，做到边学边做，理论内容与实践内容有机结合，力求“理论够用，应用具体”。

教学中，我们重点选取了“新闻发布模块”这一典型任务模块，将ASP的常用知识和编写技术、数据库访问技术等常用理论内容融入其中，具体应用，具体介绍。教学中做了以下设计：（1）通过制作新闻列表页面、新闻详细内容页面，巩固前台页面设计与素材制作的技能；（2）利用服务器的安装，运行环境的配置，介绍ASP基础知识，逐步掌握ASP页面的调试和排错方法，为后续学习打下基础；（3）在本任务中重点利用Do While循环语句实现动态读取新闻列表，达到逐步掌握常用脚本语言的语法结构及其应用；（4）结合动态详细读取新闻内容，实现点那儿，读哪儿，介绍Web页参数的传递的基本方法和Request对象的具体应；（5）以任务中的新闻列表内容的读取，具体介绍数据库访问技术、数据库操作的基本方法；（6）在新闻后台管理任务中，介绍系统的安全设置，如访问权限设置等。这样，理论教学和实践操作同步进行，理论知识的应用变得具体、形象。同时，任务模块完成后，学生都有一个完整的作品，消除了学习的盲目性、被动性，增强了学习的兴趣。

实践表明，《动态网页设计》实施以工作过程为导向的项目化教学，从本质上改变了教学目的。这种改变缩短了学生与岗位之问的距离，使学生能够承担相应的工作，大大提高了学习的针对性。同时，活动中，学生团队协作能力、分析解决问题等能力也得到了相应锻炼和提高。

参考文献：

＼[1＼]刘贵国.DreamweaverCS3动态网页设计ASP篇.清华大学出版社，2008.

＼[2＼]刘益新.高职高专《ASP动态网页制作》教学方法研究.职业教育研究，2012，（3）.

＼[3＼]翁泽鹏.中职ASP动态网页制作课堂教学实践探索.科技信息，2012，（06）.