基于混合式的DIV+CSS网页布局初探

陈越 郑州商业技师学院

一、当前社会的发展趋势及未来教学的展望

近年来，随着互联网技术地快速发展，智能终端、移动数据已经成为人们生活中不可或缺的组成部分。随着我国5G基础性建设的全面铺开，为我们的网络互联需求提供了在线的保障。

2015年3月，李克强总理在第十二届全国人民代表大会第三次会议上提出了“互联网+”的行动计划，即制定“互联网+”行动计划，至此，“互联网+”战略上升至国家战略。在教育领域内，“互联网+教育”即是未来教育行业所面临的机遇与挑战。我们也需要站在时代的风口中，积极探索教育与互联网的有机结合，大胆突破传统的教育教学模式，不断地改革创新教学模式，探索出适合时代发展及学生需求的新的教学方法。

二、混合式教学模式的分析

混合式教学即将传统教学与在线教学的优势结合起来的一种“线上”+“线下”的教学方式。通过两种教学组织形式的有机结合，可以把学习者的学习由浅入深地引向深度学习。

当今社会，飞速发展，知识体系结构不断更新，新的热点知识层出不穷，需要培养我们的青年一代不仅爱学习而且要会学习，把终身自主学习变成一种能力。新的时代，要求我们这些教育工作者，要转变思想，将以“教师为主体”的课堂转变为“以学生为中心”的现代化的教学。运用新的技术、新的智能手段，对传统教育模式进行转型升级。这即是时代的要求，也是现代社会学生的迫切要求。

三、网页设计课程中DIV+CSS布局方式的解析

科技时代的发展，计算机技术将作为人们的一项通用型技能，不会使用计算机就像不会拿笔写字一样。这就需要我们培养出更多的计算机方面的专业及通用型人才。现在，几乎所有的各层次学校都开设有计算机专业，并伴随着时代的发展，逐渐发展为计算机网络专业。计算机网络专业的核心课程包括网页设计，在网页设计中最重要的内容就是网页布局。当前，大多数网站的页面布局选择的都是DIV+CSS结构。它已经成为经典的网页布局模式。DIV+CSS的布局模式与表格、框架相比，稍有些难度，需要学生用心地学习、领会。鉴于该内容的重要性，所以需要教师在授课过程中运用混合式教学模式，使用现代化的教学方法及手段，帮助学生尽快地掌握。综上所述，很好的掌握DIV+CSS影响整个网站的架构，是制作网站的决定性一步，其作用非常重要。

四、基于混合的DIV+CSS网页布局方式的探索

（一）信息化时代促使教师运用混合式教学方法

将现代化的教学手段与传统教学方法相结合，利用互联网的强大优势的教学方法，都可以统称为“混合式教学”。在近些年中，各级各类学校也一直都在致力于对传统课堂教学模式的改革，引入了一系列的现代化教学手段。例如，云班课、雨课堂、微视频等，都是实现教学时间碎片化、辅导交流多样性的措施。

此外，许多大学为了给自学者提供优质的学习资源，也纷纷推出了微课、慕课等，这些现代化教学手段的出现意味着教育教学也进入了一个新时代。同时，也对教育提出了新的要求，对未来教师提出了新的挑战。

2020年由于疫情的影响，很多学校推迟开学，一时间教师们纷纷变身成主播，在家里上起了网课。我们学校也安排了“钉钉”平台的网络直播课程。第一次上网课的时候，我的心里也有些胆怯，面对一个不熟悉的软件，还有直播过程中的各种不确定性，心理多少有些打鼓。为了能认真地上完网页制作的课程，我提前熟悉钉钉软件，做了各种测试，在课前认真备课，做到了游刃有余。积累了几次直播的经验后，我对该软件越来越熟悉，并且还利用软件进行课堂点名，统计学生出勤，布置作业，检查作业等。虽然疫情挡住了我们到学校面对面教学的道路，可丝毫阻挡不了老师及学生对学习的热情及对知识的渴望。

（二）混合教学模式在DIV+CSS网页布局中的实际运用

为了建立以学生为中心的现代化教学思想，帮助学生养成自主学习的良好学习习惯，笔者对DIV+CSS的课堂教学进行了设计，现分述如下。

1.前置学习阶段。在正式授课前，教师可以使用云班课，将课前预习内容上传，让学生利用课前时间，通过现代化的手段自主预习，了解本节课要讲授的内容，通过预习对本节课的知识有更深层次的理解。然后将自主学习的内容上传至云班课，教师通过平台可以看到学生的预习情况，对于大部分同学都存在疑问或者共性的问题，在课堂中可以着重讲解，使学生能够更好地理解DIV+CSS的内容。同时，在课前，教师还需要准备课堂学习过程中所使用的软硬件资源，硬件资源是确保多媒体教室的计算机能正常使用，网络正常联通。软件资源如教学软件PPT、多媒体教室应用软件—噢易云桌面，及希沃授课助手等软件及APP程序。还需准备上课需用到的各种工作页等教学资源。

2.课中学习阶段。将原来课堂上需要花费大量时间讲授的知识点，通过网络平台作为前置学习内容，将面授时间用于组织学生开展小组协作或集中答疑，充分体现了以学生为中心的学习模式。可以将学生划分为学习小组，以“组间同质、组内异质”的标准，将不同层次的学生划分入不同的学习小组，允许学生自定时间、开展自主的学习，充分体现了学生全面发展、教师专业发展。在课中学习阶段，以小组互助、自主学习为主，教师引导为辅，充分提升学生间的互帮互助、团结友爱的精神，及独立分析、独立思考地自主学习形式。通过积极地探讨与探索，掌握DIV+CSS的内容，并在学习的过程中领悟出书本以外的知识，逐渐形成关于该知识点地自己的学习方法。教师则在巡回指导过程中，查缺补漏，起到督导的作用，并细心观察学生的学习，并不断提升了自己的教学能力和科研能力，获得专业技能地再发展。教师通过小组协作的模式，实现了从单一互动转向多元互动的课堂氛围，知识受重面逐渐扩大，容易提升学生的学习积极性。在课中学习阶段，要根据教学目标和学生的学习活动，选择合适的技术手段作为课堂学习活动的有益补充，提高师生交互活动。可以使用扫码签到、在线协作、屏幕推送、一键投屏等技术，针对课堂导入、互相协作、分享展示、测评反馈这四个环节中的师生互动、生生交互的技能工具。

3.课后学习阶段。学生在课中的表现，可以利用云班课等在线软件生成数据报告，方便教师查看学生的课中学习状态，以便于后期进行调整，做到更好地提升。针对每个学生的本堂课表现，要进行自评、组评及师评，课后的学习测评及教师的教学反思，有利于教师对课中教学进行总结，有利于学生对本节课的学习成果进行分析，对师生的课后提升都有着极为重要的作用。最后，教师根据教学内容布置课后作业，学生对课中学习内容进行反复练习，学生的课后作业可以通过互联网上传，题库自动评阅学生的作业。教师可以根据学生提交的作业对练习内容进行重点分析，全面掌握学生对于课中知识的实际掌握程度。

五、小结

互联网+教育地融合，让传统教育亟待变革，这种将线上与线下技术充分融合的发展必将是持续地，不断更新地，构建个性化、智能化的教学手段，采用混合式的教学模式，是未来教育的发展方向。

“互联网+”的时代，需要的是改革与创新，也要求我们教师不断地适应快速发展地环境，不断地提升自己的知识储备，教师也要勇于创新与改革，将一支粉笔一本书的传统教学转换成学生自动吸收、主动参与的课程设计者。千篇一律的传统教学迟早会慢慢地淡出历史地舞台，迎接我们的将会是有着精彩地教学设计，使用混合教学模式的主导者。屈原曾说：“路漫漫其修远兮，吾将上下而求索”。愿我们都能在未来的时代中迎风起舞，让三尺讲台更加熠熠生辉。