《网页制作与网站建设》课程教学设计与实践

摘要:《网页制作与网站建设》集知识和技能于一体，实践性很强。在这门课的教学中，我们以学习任务为主线贯穿整个学习活动，精心设计教学内容和与之配套的能力训练项目，依托真实项目的开发，采取教学做一体化和综合能力迁移训练的教学模式，即锻炼了学生解决实际问题的能力，又培养学生自主学习和协作学习的能力。

关键词：网页制作网站建设课程设计

在国家教育部、信息产业部等部委制定的“计算机专业领域技能型紧缺人才培养指导方案”中明确指出计算机专业的职业岗位能力中包括 “静、动态网页制作能力”，在笔者所在学校计算机应用技术专业的课程体系中也将《网页制作与网站建设》课程确定为培养和训练网站建设与管理维护能力的专业课，该课程是一门包含一定的理论知识而实践性、技能性相当强的课程，无论对培养学生的创新思维、合作精神、正确的设计理念和方法、信息处理能力、解决问题能力、自我学习能力，还是对培养网页制作的实践操作技能、满足职业岗位需求，都具有十分重要的作用。笔者结合本人的教学实践，将《网页制作与网站建设》这门课程进行整体设计。

一、课程设计理念

树立基于职业岗位工作过程，以培养职业能力和职业素质为本位的课程观，贯彻我校“教精、学实、够用、适用、能用、会用”的教学原则，以能力培养为主线，推进工学结合的课程开发指导思想

（1）实施基于职业岗位工作过程的项目化课程教学；设置课堂训练项目和技能强化项目；

（2）按照综合能力迁移训练模式设计能力训练过程；采用理论与实践相融合的教、学、做一体化模式；

（3）采用小组协作的学习方式；

（4）彻底改革教学方法和考核方法，将考核重点放在对学生学习过程和作品的考核上；

二、课程教学目标：

总体目标

通过真实网站开发项目的教学，使学生掌握网站开发的过程及网页的设计制作方法，能开发出以静态功能为主、包含部分动态功能的中小型网站，通过多个网站的分级开发实施，不断强化学生的网页设计与制作技能，积累网页设计与制作经验，激发学生学习兴趣并形成持久的学习动力，提升学生自主学习能力，满足职业岗位需求。

能力目标

会规划网站，设计页面；会使用 Dreamweaver 制作各种布局排版的静态网页；会使用 HTML语言；会使用 CSS规则处理网页；会处理图像；会安装、配置使用 IIS，并能创建 ACCESS数据库表和数据库连接；会使用服务器行为实现注册、登录、信息添加及显示功能；会架设并应用后台管理系统；会测试、发布、推广、维护、管理网站；能处理网站开发过程中所遇到的常见问题；能跟踪网页制作领域新技术的发展并能阅读HTML语言中的专业词汇。

知识目标

了解网站开发的过程以及网站规划，页面设计要求；理解网页的各种布局概念和 Web 标准；了解常见的网页元素并理解其HTML代码；掌握 CSS规则的常用属性；掌握超链接的类型和各种路径的概念；理解常见图像格式；了解ASP技术和IIS；理解ACCESS数据库、表、数据库连接、记录集、服务器行为的概念；理解网站测试与推广。

三、课程内容设计：

通过调研与本课程相关的职业岗位，确定本课程职业岗位主要指向是：网页设计与制作员、网站管理员、网页编辑员。经分析，这些岗位所需的知识技能涉及七个方面：（1）熟练掌握一种优秀的网页制作工具；（2）了解网站规划和网页设计的基本原则和方法；（3）熟悉 Web 标准、vbScript 语言并掌握HTML语言、CSS规则；（4）掌握网页布局和页面内容编排方法；（5）学会处理网页图像制作动画；（6）熟悉动态页面的设计制作和网站内容更新；（7）熟悉网站测试、管理与维护。其中制作动画、制作处理图像分别由先行课程《图像处理》、《动画制作》完成。

根据我校计算机应用技术专业学生基础知识薄弱，理论知识接收能力差的实际情况，我将教材内容进行适度整合，以静态网页设计为基础创建动态网站。在网页制作工具的选取上，选用优秀流行的网页制作工具Dreamweaver。

根据网上商城网站开发过程，《网页制作与网站建设》课程的教学内容划分为5个模块16个教学单元，每个学习单元又有相对应的能力训练项目

能力训练项目设计

模块	教学任务单元	课时	能力训练项目
模块一：网站规划与网页设计	1．网站规划	2	规划网上商城网站
	2．网页版面设计及内容编排	2	设计网上商城首页版面
	3．环境配置与站点创建	2	IIS服务器的安装与配置创建网上商城站点创建网上商城站点文件夹结构
模块二：静态网页制作模块	4．创建布局表格	4	创建网上商城首页布局表格
	5．添加图像	2	添加网上商城首页图像并设置图像属性
	6．添加文本	2	为网上商城首页添加文本
	7．使用表单	2	在网上商城首页中插入表单元素
	8．添加多媒体信息	2	为网上商城首页添加FLASH动画
	9．设置超链接	2	创建网上商城文本、图像链接
	10．添加滚动字幕	2	网上商城首页页面内添加滚动文本
模块三：网站数据管理	11．创建数据库与表	4	创建网上商城数据库及数据库中所有表
模块四：动态网页制作	12．脚本语言VBScript	16	截取网上商城新闻标题长度
	13．ASP内置对象	8	使用Request对象获取用户注册信息使用Response对象显示商品分类信息使用Server对象获取数据库路径使用Session对象存储用户信息
	14．ASP操作数据库	8	通过OLE DB连接网上商城数据库添加网上商城站内新闻显示网上商城商品信息
	15．后台管理系统架设与应用	8	网上商城后台分析网上商城商品管理、用户管理、分类管理、信息管理功能的实现
模块五：网站测试	16．网站测试、发布与推广	2	申请域名和网站空间使用Dreamweaver上传与取回网上商城网站

四、教学模式设计

我依托网上商城网站开发这个项目，采用教、学、做一体化教学模式，并以综合能力迁移训练方式开展教学，培养学生的职业素质和职业技能并掌握所需的知识。

教、学、做一体化教学模式

本课程在实训室实施教学，以真实项目为载体，将知识点、技能点和技术要点穿插到项目的实施过程中分析讲解，操作示范，使学生通过项目的开发顺利掌握相应的知识和技能，在学习和制作时，小组中同学之间开展相互讨论，也可以向老师提问。

综合能力迁移训练教学模式

为了让学生系统地掌握网页设计与制作技能，课程采用双线教学，以 2个真实项目为载体贯穿网页制作知识和技能的讲解：A项目是实施课堂训练项目，以网上商城网站开发为例，它是一个综合的贯穿项目，按照真实网站开发的过程又分成多个子项目，主要培养和训练学生对网页设计与制作基本知识和技能的掌握；B项目是实施技能训练项目，以精品课网站开发为例，由学生小组开发项目，学生以小组形式讨论制作技能，与网上商城开发过程同步，每个组员都要完成整个项目，未完成的任务在课后完成。该项目的实施可采用综合能力迁移训练模式，将在A项目完成过程中掌握的知识和迁移过来，它是为了巩固和检验所学知识和技能，进一步培养和训练学生的网页设计与制作技能及职业素质。

五、考核方案设计

本课程采用多元评价方式进行考核，能够更加客观、公正、科学地评价学生知识和技能的掌握情况。考核过程中将课程考核与职业技能鉴定相结合，现场操作、制作作品相结合，教师、学生、专家评价相结合，形成性评价与终结性评价相结合。课程考核成绩包含平时考核成绩和技能强化训练项目考核成绩两部分。

六、教学反思

通过一个阶段的教学实践，学生积极参与到网页制作与网站建设课程中来，综合能力得到了很大提高，在职业技能比赛中也取得了较好成绩，但在教学中的很多问题仍有待思考：

如何更好解决学习内容多而授课时数少的矛盾；

如何能在遵循网页制作规范设计理念基础上熏陶学生的审美观；

能否将基于工作过程的项目、任务设计成更利于学生接受的学习情境；

如何避免出现学生完成的网站效果千篇一律的现象。

教学改革是一个动态的过程，要根据情况变化不断调整、完善，以期取得更好的教学效果，不断提高人才培养质量。