《移动互联网站运营与管理》课程网页推广之head标签单元教学设计

常莹+王婧+张燕宁

摘要：本文以实际动手操作完成任务为手段，体现了职业教育学生为“主体”，老师为“主导”的学习特点，主动学习的同时进行理论知识的学习。学生在课堂上完成任务，自主创新设计，突出锻炼了学生综合知识与综合能力。

关键词：任务驱动法；自主学习；创新设计

中图分类号：G712 文献标志码：A 文章编号：1674-9324（2016）46-0185-02

一、课程的背景

《移动互联网站运营与管理》课程是一门理论与实践一体化的课程。在学习本课程前，需要学生掌握一门网站开发语言和软件工程的一些基本知识，通过一个完整的网站运行项目培养学生能够从事网站推广、可用性分析、评价、维护、数据分析和管理等的职业技能。同时注重培养学生自学及与他人沟通、团队合作的能力，通过学习引导学生思考问题、分析问题、提出问题和解决问题，培养学生的网站建设能力和文档编写能力，培养学生有计划地完成任务的能力，为其将来从事网站运营工作打下一定的基础。

二、网站运营与管理的工作流程

本课程通过一个网站设计，把网站的运营与管理知识、技能穿插在课程中，让学生通过课程的学习，掌握网站从开始的设计、开发到最后的推广等知识和技能，同时注重学生的沟通、团队合作能力、文档撰写能力、规范意识等职业素养的培养，有利于学生的可持续发展。网站运营与管理工作流程如图所示。

三、任务教学活动课的教学活动设计

在网站设计这个大背景下，教师需要设计不同的任务，完成教学目标。本次课程设计就是针对head标签展开的。

1.分组教学。组织学生课前进行自学，老师也可以根据学生特点适当调整分组情况。为的是培养学生的表达、聆听与沟通能力。

2.教学任务设计。在《网站主页运营与推广技术（head标签设计）》这个单元课程中，整体教学思路设计围绕一明一暗两条主线展开：即教师教学为明线、学生活动为暗线。具体的教学任务有6项：

任务1：发现问题，引出知识。在百度上输入一个关键字，查看至少两个网站主页的head标签，说出为什么这些网页能够被搜索出来。

任务2：通过总结，学习知识。学习head标签中，title和meta标签格式及设计。

任务3：引发思考，进一步学习。通过网站排名（查看排在百度第1页和排在第10页的网站主页title标签和meta标签），学习关键字的设计技巧。

任务4：小组讨论，确定head标签（主要是title和meta标签）。写出自己的title标签和meta标签设计，两人一组进行讨论，确定最终的设计。

任务5：完成网站主页title和meta标签设计。把最终确定的内容写进主页title和meta标签里。

任务6：拓展学习。通过观察和网上资料的学习，让学生说出还能进行哪些设计，帮助网站推广。

四、具体的教学实施

任务1：发现问题，引出知识

教学方法：引导学生实际操作，尽量找到答案，同学积极主动回答问题。

教师活动1：通过文档给出任务：在搜索引擎上输入一个关键字，要求学生在5分钟内下载两个网站主页，存成html格式，并分析文档标签，找出能搜索到这些网站的原因。

学生活动1：上网搜索网站并下载，查看标签，分析哪些标签里出现了自己输入的关键字，展开讨论并总结。

理想结果是：学生自己得出结论：head标签中的title和meta标签中含有输入的关键字。

任务2：通过总结，学习知识。

教学方法：引导学生观看课件，同时注意思考标签格式。

教师活动1：引出SEO概念，以及站内SEO对网站推广、运营的重要性，播放课件让学生观看，系统学习知识，引导学生注意观察标签格式。

学生活动1：观看课件，思考title标签和meta标签的书写格式。

教师活动2：讲授title标签（网站标题）的设计，老师采取举例法和观察法，诱导学生说出正确的网站标题设计。

学生活动2：修改自己网站的title设计；这里需要埋下一个伏笔——现在的设计还不是最终课程目标的设计。

教师活动3：讲授meta标签对SEO比较重的keywords参数和description参数，讲授keywords的设计，讲授网页的描述的设计description。

学生活动3：修改和添加自己网站的meta标签设计。

引导学生思考：description参数内容会出现在搜索引擎的什么位置？（以百度为例）

任务3：引发思考，进一步学习

教学方法：学生分组讨论，找出老师问题答案，巩固所学知识。

教师活动1：通过网站排名第1页和第10页的网站主页title标签和meta标签分析，学习关键字的设计技巧；关键字应该怎样设计？设计几个？关键字多长合适……还要引出：热关键字、冷关键字、蓝海关键字……

学生活动1：学生学习相关知识要点，总结关键字的设计技巧。

学生活动2：思考刚才自己设计的title和meta是否合理，以小组为单位相互指出设计优点和缺陷。

任务4：小组讨论，确定head标签

学生学习能力：能正确阐述自己观点，善于听取他人建议。

教师活动1：聆听几组学生讨论，指出学生设计中的不足。

学生活动1：查看小组同学的标签设计，通过讨论找出区别，根据讨论确定小组标签设计方案。

任务5：完成网站主页title和meta标签设计

学生能力：学生编写、设计标签能力的培养。

教师活动：巡视学生实际操作过程，对常见错误进行纠正，相关问题进行解答。

学生活动：独立完成标签修改和编写。到目前为止，设计内容已经达到本课程要求。

任务6：拓展学习

教学方法：老师给出课件、自学网址，巡视回答学生问题。

教师活动：简单讲授meta标签name属性和http-equiv属性的其他参数设计，掌握这些参数对设计对网站推广的益处。

学生活动：完成自学任务，根据自己网站设计内容进行meta标签再设计，与同组同学讨论参数设计内容，听取他人意见，做最后的补充、修改。

课后记：

本次课程依托上次完成的网站设计内容为背景，从排名靠前网站head标签中发现问题，寻求提高自己网站排名的方案，获取相关知识和技能，最后对网站相关标签进行修正和完善。学生对自己设计的网站主页非常熟悉，这种任务的层次引入的方式更容易让学生进行知识的迭代学习，理解各个知识技能点之间的关联和区别。学生完成情况良好。

授课过程中采用了以现场网站下载观看head标签的形式展开，一步步引导学生；以学生为“主体”，老师为“主导”，双主的教学模式。增加了大量的学生讨论以及自主学习的时间。这种授课方式课前需要做大量的资料准备工作，包括自学网站地址、任务单等都要齐全，增加了备课的时间，同时最大的难度在于课堂的组织，由于学生自主学习能力参差不齐，如何调动多数学生参与学习，在实际操作中还要进一步研究和尝试。

五、结束语

自主设计网站主页的head（主要是title和meta）标签，通过真实网站标签查询开展教学，教学效果应该会适合学生发展。学生的学习有个体差异，老师只要精心设计教学，就能通过活动让每个学生有收获，进而逐步提升学习自信心，从而为以后学习打下基础。

参考文献：

[1]吴泽欣.SEO教程[M].北京：人民邮电出版社，2009.

[2]赵守香.网站运营与管理[M].北京：清华大学出版社，2011.

[3]李岩.基于手机平台的移动学习研究[J].出国与就业：就业版，2011，（21）：87.