《网页设计与制作》课堂中基于Specific学习方法的教学实践

摘要：《网页设计与制作》是计算机学科专业中的一门专业技术基础技能必修课，是中职网站建设与管理专业的平台课程。在计算机学科中，除去理论知识的讲解，大部分操作课程需要学生反复去实践操作、探索研究，才能更好地掌握知识点及技能，并在此在过程中掌握网站的建立和维护能力，同时提升自己的综合职业能力、创新精神和良好的职业道德。鉴于此，应当建构Specific特有的学习方法，综合各种信息化手段辅助教学，实现“做中学、做中教”的理实一体化的教学，构造五位一体的和谐课堂。

关键词：Specific学习方法；以生为本；理实一体化；和谐课堂

一、建构Specific学习方法，打造创意和谐Web课堂

新课改对当前教育提出了新的要求，要培养德智体美劳全面发展的社会主义建设者和接班人，既强调全面发展，又强调能为社会做贡献，这就要求教与学是一个求同存异的过程，既能尊重学生个性、创造力的发展，又能引导学生树立正确的人生观、价值观，追求和谐，促进发展。因此，要做到以生为本，帮助学生建构一套适合他们的学习方法，以满足新时代改革开放和社会主义现代化建设所提出的要求。

在教学过程中，建构Specific（Students-Practice-Exploration-Cooperation-Imagination fused in Class）学习方法，打造富有创意的个性化和谐课堂，以希沃白板、班级优化大师、蓝墨云班课、多媒体实训室、微课、MOOC平台等信息化手段辅助教学，实现“做中学、做中教”的理实一体化的教学，构造五位一体的、独具创意的、特有的和谐Web课堂。

二、Specific学习方法的内涵

S for Students，在以生为本的思想指导下，学生才是课堂的主体，一方面，良好的师生关系是创设宽松、和谐教学环境的关键；另一方面，在强调师生和谐的前提下，继续追求生生和谐。《网页设计与制作》课程中所有的教学活动都围绕学生开展，学习方法的建构也是从学生的角度出发，目的是培养学生的学习兴趣和习惯，使学生能够积极主动、生动活泼地学习和发展，并在此过程中逐步建立起学习的自信。

P for Practice，《网页设计与制作》课程具有实践性强的特点，学生必须通过重复的实践操作来巩固所学知识，这也是学生技能习得的必经之路。所以，为达成教学目标，突破教学的重点、难点，必须开展以实践为主的教学活动，通过项目教学、情境导入等方式，引导学生进行以实践操作为主的学习，反复练习，课外拓展，实现知识的迁移与应用，巩固对新课知识的理解，进一步强化对技能的掌握及应用，同时养成良好的行为习惯及操作意识。

E for Exploration，一切探究活动都是为了解决问题，学生有了疑惑，产生了问题，才会有兴趣做进一步的探究。教师可以选取时下热点，如“抗击疫情”及“垃圾分类”等话题创设问题情境，贴合学生实际生活，使学生产生兴趣，吸引学生注意，鼓励他们主动参与到课堂环节中来，从而充分发挥学生的主体作用，引起学生的探究心理，培养学生的探究性思维。

C for Cooperation，网站的开发与设计本就是一个团队型的项目，需要各个环节的通力协作，才能达成最终目的。小组合作可以面向全班学生，促进同学们在交流中互相学习、在实践中共同探讨，体现生生和谐的学习氛围。此外，小组合作的模式下，学生可以根据每个人的特长分配具体工作内容，由于学生的个性、审美均存在差异，项目完成的效果也有可能风格迥异，但是最终完成的作品要求符合网页设计与制作的规范，帮助学生与其所创作设计的作品相融合，鼓励学生尝试用作品说话，去表达和传递他们个人甚至是小组的思想理念，达成生作合一，实现生作和谐。

I for Imagination，现代化建设需要创造型人才，创造型人才最突出的特点是想象力丰富，网页设计与制作课程中，要想培养学生的创新意识，提升学生的创新能力，激发学生的想象力必不可少。教学过程中，通过头脑风暴、发起投票、多元点评、版面设计等环节的设置，灵活运用多种方法，充分释放学生的想象力，激发学生的创造潜能，激活学生的创新思维，鼓励学生以梦为马，让想象力乘风，尽可能发散思维，不受拘束。

fused in Class，“学生—实践—探究—合作—想象”元素和谐地“熔合”在课堂中，以项目为依托、以创新为核心、以探究为导向、以认同为根本，追求元素和谐、生作和谐、生生和谐、师生和谐，形成五位一体的学习方法，打造四维度的和谐课堂。

三、五位一体促发展，知行合一致良知

在Specific学习方法中，“学生”“实践”“探究”“合作”“想象”五个元素相互渗透，双向环环相扣，真正“熔合”在一起，为构造和諧Web课堂提供可能，同时五个元素形成良性闭环，促进学生全面发展，使其各方面能力均能有所升。

从学生的角度出发，顺时针以项目教学及情境导入等方式引起学生的学习兴趣，引导学生主动参与到实践中去，当过程中发现问题，会激发学生的探究欲望并尝试解决问题。如遇疑难杂症，学生本身会产生寻求合作的想法，因此可以采用小组合作，进行互助探究的模式，鼓励学生自主创作、通力协作。合作探究中，能够唤醒学生的创新意识，激发学生的想象力，小组讨论、头脑风暴、创意构思和相互点评能够不断激发学生的创造性，使学生能在轻松愉悦和谐的课堂氛围中不断开拓自己的创新思维，提升创新的能力。

逆时针方向上，学生作为个体存在，有发挥自己想象力的需求，同时他们的想象需要向人倾诉，被人认可，甚至有人支持，刺激他们寻找伙伴，合作创新，组内合作，组间竞争。小组合作同样激起了年轻人的竞争意识，例如项目中，每个小组形成了最终的作品，发布到网上发起网投及评价，启动小组间竞争机制，在激起学生竞争意识的同时，激发了学生学习的积极性，使其在创作过程中实现自我价值，并且竞争又再次激励学生积极主动地做更多的探究，探究过程需要反复实践、反复地尝试，从而有效提升学生的综合能力。

在使用Specific五位一体学习方法的教学实践过程中，五种元素双向构成闭环，课堂达成元素和谐、生作和谐、生生和谐与师生和谐的目的。

知行合一，始致良知，让学生在反复的实践操作过程当中逐步掌握了岗位设置所需求的能力。在教学中，可以用工作任务引领教学，让学生参照岗位需要和职业标准，以工作任务为中心；教师根据重难点设置划分任务模块，引导学生逐步完成网页项目；学生在完成工作任务的过程中学习知识、掌握技术、提高技能，获取一定的逻辑思维能力，培养良好的代码编写习惯，既能提升相应的能力，又可以养成必备的职业道德及人文素养，提前适应Web前端软件编码、软件测试、软件技术服务等工作的岗位需求，在和谐的课堂氛围中实现“做中学”与“做中教”。

四、课程实践能力培养的重点

《网页设计与制作》课程是专业技术课程，在计算机应用基础、计算机网络技术等课程之后进行开设，主要是由于学生已掌握计算机技术知识与操作技能能力，在了解网站设计的各种基础知识时会比较快捷，还可以利用学习到的理论知识制作富有特点的网页。因此，基于Specific学习方法的教学实践中，应当以能力为基础，强化素质教育，提高学生职业能力，使学生更好地服务于经济社会发展，促使学生在网页设计与制作课程中不断提高自身综合能力和综合素质，并掌握网页设计与制作的基本职业技能，进一步提升学生网站策划、设计和制作能力。

准备阶段：第一，确定网站主题。在网站主题确定背景下，应当结合学生学习兴趣特点进行设计，引导学生贴近生活，做有意义的事情。例如，以地方介绍为主题进行网站设计，让学生对地方进行深入了解，搜集相关的风光、历史、文化、美食等方面资料，确定所要设计的地方介绍主题网站栏目。第二，确定网站风格。针对网站设计与制作课程开展竞赛活动的特点，让学生在网站设计与制作的过程中，激发自身的网页美术设计灵感与热情，提高网站的美术设计效果，从而在网站设计的细节上塑造出地方介绍主题网站的风格。第三，确定使用技术和数据库。针对“做中学”“做中教”的理实一体化的教学，学生是否掌握网页设计与制作课程中的基础知识和技能，对于网页设计与制作的成品效果具有一定的影响。如学生对access数据库较为了解，可协助学生应用asp编程设计、PS软件的高级使用技术。

制作阶段：第一，要让学生通过PS等技术将网站页面的完整效果图创作出来，包含网站中的导航线、按钮图标、页眉和页脚等主要部分；要求学生根据当地展示的网页风格特点，对网站设计与内容运用进行整合，从而对地方介绍主题网页作出清晰定位。第二，网站上大量使用图片，主要是为了增加整体页面的动感，生动展示出地方介绍主题网页的内容，落实主次分明且主题明确的网页设计与制作。第三，应用内联框架布局，主要是利用css页面控制网页格式，以提升页面制作的整体效果，便于学生对网站后期的维护管理等工作。第四，教师指导学生注意设计中的细节处。当各个模块全部设计完毕后，老师应当对学生已完成的整个接口设计结果进行检查，引导学生找到影响网站设计效果的细节缺陷和问题，指导学生及时地对网站接口的设计功能进行调整，实现基于Specific学习方法的边实践边训练，提升理论与实践教学的有机结合效果。

五、项目式教学设计

在《网页设计与制作》课程教学中，由于教学主要涉及的职业岗位能力是网站界面设计与网页管理及维护，针对这两种职业岗位能力特点，通过选择适当的课程内容加以充实，创新优化教学方式，有利于培养学生职业岗位能力，提升学生职业岗位综合水平。如围绕欣赏网站、设计页面和维护网页进行，让学生观赏往届优秀学生的优秀作品和不同的页面风格，不但可以激起学生学习的积极性，还可以持续激发学生的激情，促使学生积极主动地投入到项目式教学活动中。一个完整的项目网页设计是由若干个部分网页所组成的，教师应当围绕课程教学难点进行简化设计，带领学生更加轻松地学习分页面设计知识并掌握技能。在网页设计好之后，定期地对网页实施维护，作为项目式课程设计中的重要实践环节，教师需要带领学生逐一掌握网站技术与维护技术。此外，部分网站设计还包括有如下两个层次：初级阶段与高级阶段。在初级阶段一般以采用表单形式的页面设计为主，而在高级则是以采用web方式的页面设计为基础。因此，教师可以针对学校的特点，选择恰当的工程实践作为项目教学法的案例，在项目选取中按照职业工作特点，选择相对应的工程课程，以帮助学生了解课程中的主要知识点，在具体分析案例、论证、实施工程工作的过程中，协助学生掌握课程所需要教学的基础知识点，并通过实践、探究、总结等项目实践环节，掌握网页制作的技巧。

六、以赛促教，以赛促学，以赛促改

在《网页设计与制作》课程教学实践中，基于Specific学习方法，开展“竞赛+实例”的教学活动，发挥出学生的比赛主体作用和课堂主导作用。特别是在比赛活动中，老师应当引导学生用实践与探究式学习的方法开展网站设计和创作，教師可以通过调整比赛的活动内容和要求，提高学生网页设计的界面审美意识和整合调度能力。为注重训练学生的网页编程能力与艺术设计创新能力，还可以把学生区分为不同的比赛小队，各比赛小队设有一个组长，对学生全部的网站设计项目实行统一统筹管理，然后向学生分派不同的网站设计和制作任务，确保全组成员在合作研究和实际运用的过程中完成全部项目，这不但可以培养学生的知识掌握能力和实践操作能力，还能锻炼学生团结合作、沟通、创新等能力。此外，在网页设计与制作过程中，学生应当以自身的职业精神和职业能力为基础，将自己所学到的网页设计与制作知识转变为实践操作成果，这对于学生学习发展与职业素养提升具有重要意义。由此可以看出，基于Specific学习方法的教学实践中，在以学生为本理念下注重学生发展，而教育活动是实践运用的基础，使理论知识的简单灌输成为交互的，让学生在积极主动练习的环境中，形成竞争和协作的思想，以此促使学生在学习知识和实践操作后更具有积极主动性，达到在网页设计与制作课程教学中给予学生身临其境的实践体验的目标，从而进一步磨炼和完善学生的综合能力和综合素质。

七、结束语

Specific学习方法是在计算机学科课堂教学实践过程中提炼得到，并在《网页设计与制作》课程中尝试应用。这套学习方法的使用需要建立在了解学生基本学情的基础上，熟练掌握学生的学习情况，科学合理地组建小组，并按个人特色分配小组任务，使小组合作得以常态开展。除此之外，还要基于学情，师生共商项目主题，结合学生关注的热点规划学习项目，设置学习任务模块，创设学生喜闻乐见的活动并将其穿插进教学环节中。比如，在新冠疫情的特殊时期和全国垃圾分类政策推进期间，本着全员育人和全方位育人的要求，学生通过完成“抗击疫情”与“垃圾分类”两个项目，强化社会服务意识，激发爱国情感，在此过程中，教会学生懂得感恩，明确自身的担当和责任，充分抓住国家疫情防控、垃圾分类宣传工作与本课程专业知识的密切关系，让学生在搜集素材时体悟国情，感受国家的强大，厚植爱国主义情怀。

使用Specific学习方法可以更好地培养学生敬业、精益、专注、创新的工匠精神，让学生在全面发展中提升核心素养，使学生的主体性得到充分体现，并在反复的实践操作中逐步掌握岗位需求所要求的必备的职业岗位技能，同时，帮助学生更好地肯定自我，提升自我，建立学习自信，实现人生的价值。

作者单位：庄滢 江苏省吴江中等专业学校

参  考  文  献

黄晓敏. 浅谈如何提高中职学校网页设计与制作的教学质量[J]. 电脑迷，2014（3）：78.

[2]杜晶晶. 情境导入在高中思想政治课堂教学中的运用[D]. 河南：河南大学，2017.

[3]彭金. 浅谈小组合作学习的有效性[J]. 商情，2013（24）：236.