中职网站建设课程教学改革实践

谢小莲

摘 要：在中职计算机网络技术专业的课程体系中，网站建设是该专业的专业核心课程之一，该课程具有很强的操作性和实用性。本文针对网站建设课程在中职学校计算机网络技术专业的实际教学中存在的问题进行了分析和探讨，并结合实际教学对该课程进行了课程教学改革的尝试和实践。

关键词：网站建设；课程改革；教学组织

在“互联网+”的大环境下，各大、中、小型网站的创建和应用已然像雨后春笋般遍地生长。新闻网、购物网、企业网等类型的网站成为现代人每一天都会关注和浏览的网站。各类网站已成为人们获取最新信息和资讯的主要来源，同时越来越多的公司或个人都喜欢通过网站来推广和宣传自己。因此，各个领域越来越需要大量的人员进行网站的开发建设和维护，所以网站建设便成为计算机网络技术专业学生的专业技能方向的核心课程之一。

目前，很多中职学校都开设网站建设方面的相关课程，但大部分的课程设置是把这门课程分割开成多门课程独立开设，如分解为网页制作（静态）、图形图像处理、二维动画制作、动态网页制作等，学校又分别安排不同的教师来负责授课，最后的结果便是这些本该为网站建设这个大课程服务的各子课程之间相互独立，没有密切关联，并未真正达到为网站建设服务的目的。而学生在学习了这些课程后，仍然无法独立完成一个中小型网站的设计与开发建设。

针对计算机网络技术专业，开设图形图像处理和二维动画制作是为网站建设这一课程服务的，所以在该专业的课程设置和教学组织上我校进行了如下改革实践与探索。

一、教学内容的组织

我校将计算机网络技术专业的网站建设课程以模块教学的方式进行，将其分为网站建设静态部分、网站建设动态部分两大模块进行教学，这两大模块教学由同一个教师授课。

在教学内容上重新做了组织，不按照传统教材的章节来组织教学，而是根据教学需要对多本传统教材进行了重新组织和整合。

在网站建设静态部分模块的教学中，最重要的改变是将三门独立的课程——静态网页制作、图形图像处理、二维动画制作整合为一门课程，即网站建设静态部分。该部分的教学内容进行了重新组织和安排，使之完全为网站建设服务。网站建设动态部分模块的教学则以典型案例为教学项目进行教学。整个网站建设课程大体分解为以下四大项目。

1.项目一：静态网页制作

静态网页制作包括网页制作必备知识，应用DIV+CSS进行网页布局设计，网页的框架与模板，jquery、JavaScript脚本、行为面板及插件的应用。

2.项目二：网页美工

网页美工包括应用CSS美化网页、网页图像制作和处理、网页动画设计与制作。

3.项目三：网站设计典型案例开发

网站设计典型案例开发包括新闻资讯网站开发，博客网站开发，企业网站开发，网上购物网站开发，网站测试、维护及发布和宣传推广。

4.项目四：网站综合课程实训，信息共享平台网站建设

（1）网站建设静态部分模块的教学

本模块教学工作由同一个教师进行授课，教师在上课过程中可以很好地将三门课的知识点有机地结合起来，为网页制作服务，而不再是孤立的三门课。学生在学习的过程中，更好地了解如何进行团队协作，更好地发挥自己的长处，能有自己的倾向性，再深入学习静态网页制作、图形图像处理和二维动画制作的任何一门学科。

基于完成一个网站的建设需要掌握的知识点，在教学组织上，根据教学案例的需要，将项目一静态网页制作和项目二网页美工的知识讲解并行进行，而不是串行进行，在做一个静态页面时，需要处理什么图或制作什么样的动画，教师在需要时进行相关知识的讲授和实践操作，真正让学生达到“学以致用”的目的。

在该模块的教学过程中，教学目的为：让学生学会静态页面的布局设计与制作；使学生具备与网页相关的图形制作及图像处理的能力；使学生能够进行常见的网页动画的设计与制作；使学生熟悉并学会使用jquery、JavaScript脚本实现网页特效制作。

通过这一模块课程的学习，教师要使学生明确网页美工为网页制作服务的目的，独立完成美观大方的静态网页的设计与制作。

（2）网站建设动态部分模块的教学

在网站建设动态部分模块的课程中，教师主要按项目进行教学，包括新闻资讯网、企业网、购物网及博客网等典型网站的系统教学。教师在教学组织上也进行了改变，鉴于中职生英语水平普遍较差的特点，教师在讲授ASP编程实现用户注册、登录、投票、留言等功能页面的设计与制作时，不再采用传统的纯代码编程方式的讲授，而是采用一种“所见即所得”的功能集成化的代码块，教会学生有关动态网页方面的知识，如数据库的连接、记录集的定义、重复区域的设置、显示区域的设定、数据分页显示等程序代码段的使用方法。

另外，动态网页的后台必须有数据库的支持，数据库的应用可选择Access、SQL等作为教学内容，在此笔者选择的是Access，它是数据库中最简单的、最易操作的，非常适合英语水平差的中职学生。

在课后，笔者推荐学生课余学习网上陶益老师的“使用Dreamweaver8开发ASP网站VIP视频教程”进行自我学习和提高。该视频教程从动态网站开发入门到进阶再到整站开发，每一个教学视频时长都不长，基本在15分钟以内，类似微课视频，对于专注力无法长时间集中的中职学生来说，是非常适合进行分段知识的学习的。该套教学视频有配套的教学资料包，方便学生在课后进行知识点的巩固和提高。

在学有余力的情况下，我校教师积极鼓励学生课后自学有关PHP网站开发的相关知识，这也是目前主流的动态网站开发技术，在“网易云课堂”等网上在线教学平台上都有很多在线教学视频，學生有了一定的动态网站开发经验之后完全可以根据在线教学视频独立进行自主学习和提高，为自己的网站开发能力进一步提升而不断努力。

二、教学方法的运用

在两大模块课程的教学过程中，静态部分的知识讲授相对有趣些、容易些，而动态部分的知识实用，但难度相对较大。针对这两大模块课程的特点，在本课程的教学中，我们主要使用的是案例教学法与项目教学法。

1.案例教学法

在网站建设静态部分模块课程的教学中，主要采用的是案例教学法。教师搜集整理网上众多的现有网页模板，通过对精美的网页模板进行分析、分解，引导学生学会参照模板页面进行模仿创作。教师通过案例教学教会学生利用图像处理软件Photoshop先绘制出页面的布局结构和主色调及网页插画等元素，并学会用切片工具对绘制好的页面进行分块切片，输出页面所需的各组成小图片；然后再教会学生使用Dreamweaver软件，采用DIV+CSS进行html静态网页的重新排版组合和美化；最后再根据页面美工需要使用Flash软件制作相关的页面动画或广告条动画，并利用jquery、JavaScript脚本插入一些页面特效，制作出比参考的模板页面更具有视觉冲击力的网页作品。

通过让学生学习模仿各种美观大方有水平的模板网页典型案例，使学生在图像处理、网页制作、动画制作、特效添加四个方面的能力都得到提高，并培养了学生欣赏“专业级与非专业级”网页的鉴赏能力，同时也对自己的静态网页制作能力提出了更高的要求，有利于学生对自我学习能力与制作水平的认知，知道自己存在的不足而更加努力多学习实践和提高。

2.项目教学法

有了静态网页的开发制作经验后，教师在进行网站建设动态部分模块课程的教学中，更多的则是采用项目教学法，以开发新闻系统、购物系统、博客系统等完成有关网站的基本功能和特定功能的设计与实现，如用户登录、注册、忘记密码通过密保资料取回密码、用户资料修改、验证码使用、相关系统后台管理（增、删、改）及系统查询等功能模块的设计与开发。在这些项目的系统学习与制作训练之后，学生有了更多动态网站项目开发的经验。

三、考核方法的改变

为了整体反映一个学生对本课程的综合学习能力，我们采用的是过程性评价与结果性评价相结合的评价方式，该评价方式能更加客观地考核一个学生在网站建设课程中的学习情况。

该考核评价方式侧重的是学习过程的评价，细微到对学生每次课的考核（每次课即每2学时以5分制进行评价考核），通过对学生的出勤情况、学习态度、课堂表现、作业情况、阶段测验以及综合案例作品完成情况等进行打分，最后再进行期末综合评定，以此来评价每个学生该课程的学习情况，这种考核方式也使得学生重视每次课的学习表现，珍惜每一个“5分”，也体现了任课教师评价的公平性和客观性。

四、结束语

通过对网站建设课程进行模块化教学改革的实践和探索，我们发现，原有的传统课程设置更偏向于软件的入门学习，而通过案例教学和项目教学在模块化课程中的运用，有助于培养学生的大项目开发与制作经验，让学生具有从“顶层设计”到“底层开发”的创作理念，而不只是停留于软件学习方面。

通过近五年的教学改革实践，学生的网站开发与创作能力较之往届学生有明显提高，这也证明了该课程的教学改革实践是成功的。但教学之路漫漫，如何把网站建設课程开设并讲授得更好，让中职学生能够学习到更前沿、更先进的网站建设开发技术是授课教师需要继续努力和探索实践的。

参考文献：

[1]邵雪.项目教学法在ASP.NET网站建设教学中的应用[J].产业与科技论坛，2015（23）：135-138.

[2]陆宁.中职学校《网站建设》教学改革探索[J].江苏科技信息，2015（18）：36-38.

[3]周晓燕.任务驱动教学法在网站建设教学中的实践[J].职业技术，2014（6）：64.

注：本文系福建省教育科学规划“十二五”规划2015年度课题“中职动漫专业校企合作长效机制研究”，项目编号FJJK15-594。