《网页制作》课程的教学改革实践浅谈

周达甜

中国互联网络信息中心在2017年1月22日发布第39次《中国互联网络发展状况现状报告》显示，截至2016年12月，中国网民规模达7.31亿，互联网普及率达到53.2%，手机网民占比达95.1%。我国域名总数为4228万个，年增长36.3%，网站总数为482万个，年增长14.1%，网页数量为2360亿个，年增长11.2%，其中静态占总量的74.6%，动态占总量的25.4%。

由此可见，网站建设的需求和增长的潜力都是相当大，并且四分之三的网站还是静态网站，这些网站未来将有部分网站需要升级到动态网站，也显现着网站建设的市场相当庞大，而为满足手机网民的各类需求，开发移动互联网功能的网站也是一块诱人并且巨大的蛋糕。报告中数据也为从事网页制作的人员薪酬水平普遍较高的原因提供有效的解说词。

一、传统《网页制作》课程的困局

随着互联网的井喷式发展，各大学、中高职学校在十多年前已开设《网页制作》或相关课程，以满足社会发展的需求，计算机专业把《网页制作》作为专业的必修课。学生期待在.com疯狂的年代能做出一个具有高商业价值的网站，从而能有机会分享互联网发展的红利。然而，笔者多年的教学经验得出的结论是这种期望往往事与愿违，不少学生在课程还没有结束时，就已放弃了自己的愿望，因为传统的课程无法培养学生做出一个可以期待的商业网站，这也反映出传统的《网页制作》课程教学效果并不理想。其主要体现在如下三个方面：

1.教材内容滞后于网络技术的发展。网络技术日新月异，建站技术的新技术、新理念层出不穷，而不少《网页制作》的教材没有跟上技术的发展，教材明显落后于技术的发展，因此培养的学生也未能跟上网络技术的发展需求。

2.大部分学生的编程能力有限。特别是中职学生，受限于本身的编程能力，在短短一年的《网页制作》学习中，学生很难通过传统编程写网页的方式来搭建商业网站，大部分学生甚至无法对现有网站代码进行修改与维修。

3.课程缺乏完整的解决方案。大部分《网页制作》课程教材，都是讲述网页制作的基础知识，缺乏商业网站建设的知识体系，对于完整的网站解决方案也鲜有表述。

二、《网页制作》课程教学实践之路

为了切实有效地提高《网页制作》课程的教学效果，实现学生在一年的学习期间能做出具有商业属性网站的目标，笔者与计算机科组的同事进行多年的专题研究，对课程进行调查论证，深入研究新型网站建设技术，开发校本《网页制作》课程，并在教学实践中进行验证，不断完善与改进。教学实践表明，我们的课程教学改革取得了较明显的成效，学生能结合企业需求开发出完整的网站，教学成绩显著。下面是我们开发的课程体系和操作方法：

1.网站商业思维与模式课程的开发。通过大量的实际案例，向学生说明真正的商业网站是服务于精准定位的客户群体，解决客户群体的疑虑，为客户提供解决方案，向现有和潜在客户传达企业的品牌、形象、文化、理念，扩大企业在客户群体中的影响力，提升网站产品的流量与转化率，提升企业的经营效率，从而实现企业网站的商业价值。重点把建站的商业目的、商业思维与商业运营理念有效地传输给学生，并在以后的教学和学习中以此为指引，避免学生学习的盲目性，减少学生只做个性张扬而无商业属性网站的情况。

2.真实的建站过程。教学过程中，要求学生真实购买域名，考虑学生的经济水平，一般要求购买低价域名，例如今年的课程要求学生购买仅需4元的.top域名。而对于虚拟主机方面，则购买一个不用备案的香港VPS供全班学生使用，让学生学会对服务器配置的操作、网站的安装与维护。同时，结合网易免费企业邮箱，教会学生掌握免费建立一个企业邮局，并关联到QQ邮箱，从而有效地将商业与便利结合在一起。整个教学实践过程，脱离传统课程只理论而无法实践的呆板，让学生在实践当中把域名、虚拟主机、DNS解析、A记录、MX等概念全部了解清楚，并在这个过程中，对于网站建设的各类软件，例如filezilla、phpstudy、upupw、MYSQL、建站助手、xampp等都学会操作。

3.采用Wordpress作为搭建网站的平台。Wordpress（以下简称WP）自2003年面世至今，发展至今已成为全球最大和最著名的个人博客服务提供商，具备免费、开源、功能强大、操作简单的特征，深受全球站长的欢迎，全球约有26%的网站由WP驱动。而搭建WP网站相对简单，不需要任何代码编程与调试，可选择WP提供的数百个免费主题或数以万计的商业主题，进行简单的配置就能快速完成一个高大上、具有国际范的动态商业网站。并且，WP网站能自适应各类PC、智能手机、IPAD，界面互动良好友善，相对传统网站有着明显优胜之处。基于以上特点，把WP建站技术作为课程的主要内容，引发了学生学习WP的强烈兴趣，也对课程寄予较高的期待，学习动力足。为了持续调动学生的积极性，建立班级的学生、家长微信群，同时建有班级网站，网站中有每一个学生的网站链接，可浏览学生网站建设的情况。在每一节课程后，教师都要求学生将建站的成效截图至群，供大家点评。部分学生为了网站内容更充实，在课外时间使用电脑或手机对网站博客进行更新，家长对于学生的建站成果甚为惊喜。

4.结合全球最新技术应用于教学。在教学中，我们把全球著名的WP主题网themeforest.net中较为欢迎的多个主题作为教学案例，教会学生利用这些WP主题来搭建商业网站，并对全球较为著名的一些企业网站进行仿站建设。同时，针对不同行业进行分析，引导学生编制行业网站的建设方案，选取适合行业的WP主题来建设具备行业特色、功能的商业网站。为快速提升网站外观的设计，在教学中，加入网站Logo和Banner设计课程，利用全球著名的在线Logo设计网站logaster.com，快速设计一个具有自主版权且具有一定创意的Logo，让学生在canva.com网站快速设计一张中心意旨，形象鲜明、表达情感的Banner，通过短短几节课，学生掌握设计技能，网站效果美观得体。这个教学的改革与设计，事实证明是相当成功有效的，不少毕业生应用教学中的商业方案与定势思维到工作中，效果很好，很快就赢得了用人单位和建站企业的好评。

5.实践经验提升学生技能。为提升和检验学生的技能，我们与校企合作单位开展免费建网站的服务，具体做法是学生以5人一组为单位，为一家企业搭建网站，由企业提出网站的建设需求，并提供建站的素材，例如企业简介、标志、产品图片及参数等，再由学生进行搭建。这个过程能够有效提升学生综合能力与促进团队的合作精神，因为建设的各类素材例如企业图片、文案、产品拍摄、页面布局等均在由学生与企业沟通并按要求制作完成，团队发挥着共同解决困难与任务协同作用。而采用WP技术建设的网站一般都优胜于国内现时流行的ASP或静态网站，所以企业对于学生创建的网站很满意，对于学生的努力表示肯定。免费做网站的做法，不仅有效地提升学生的网站建设实践能力及沟通能力，也为学校带来美誉度，学生毕业后求职时，这个实习案例为学生增加不少好评，也深受用人单位的欢迎。

三、结语

Wordpress的技术正推动全球的网站建设的发展，其影响力也将推动《网页制作》课程的改革与发展，我们将享受技术变革带来的建站的快捷与快乐。我们始终相信科技以人为本，有生命力的技术具备人性化，建立一个具备商业特征的网站是应该简单快捷。我们相信随着WP在国内的推广普及，我国将会涌现更多采用WP驱动的网站，中国优秀动态网站将越来越多。我们更相信在未来，有更多的老师和学生在《网页制作》课程上走出更舒适、更广阔的教改之路。

責任编辑何丽华endprint