基于混合式的DIV+CSS網(wǎng)頁(yè)布局初探

陳越 鄭州商業(yè)技師學(xué)院

一、當(dāng)前社會(huì)的發(fā)展趨勢(shì)及未來(lái)教學(xué)的展望

近年來(lái)，隨著互聯(lián)網(wǎng)技術(shù)地快速發(fā)展，智能終端、移動(dòng)數(shù)據(jù)已經(jīng)成為人們生活中不可或缺的組成部分。隨著我國(guó)5G基礎(chǔ)性建設(shè)的全面鋪開，為我們的網(wǎng)絡(luò)互聯(lián)需求提供了在線的保障。

2015年3月，李克強(qiáng)總理在第十二屆全國(guó)人民代表大會(huì)第三次會(huì)議上提出了“互聯(lián)網(wǎng)+”的行動(dòng)計(jì)劃，即制定“互聯(lián)網(wǎng)+”行動(dòng)計(jì)劃，至此，“互聯(lián)網(wǎng)+”戰(zhàn)略上升至國(guó)家戰(zhàn)略。在教育領(lǐng)域內(nèi)，“互聯(lián)網(wǎng)+教育”即是未來(lái)教育行業(yè)所面臨的機(jī)遇與挑戰(zhàn)。我們也需要站在時(shí)代的風(fēng)口中，積極探索教育與互聯(lián)網(wǎng)的有機(jī)結(jié)合，大膽突破傳統(tǒng)的教育教學(xué)模式，不斷地改革創(chuàng)新教學(xué)模式，探索出適合時(shí)代發(fā)展及學(xué)生需求的新的教學(xué)方法。

二、混合式教學(xué)模式的分析

混合式教學(xué)即將傳統(tǒng)教學(xué)與在線教學(xué)的優(yōu)勢(shì)結(jié)合起來(lái)的一種“線上”+“線下”的教學(xué)方式。通過(guò)兩種教學(xué)組織形式的有機(jī)結(jié)合，可以把學(xué)習(xí)者的學(xué)習(xí)由淺入深地引向深度學(xué)習(xí)。

當(dāng)今社會(huì)，飛速發(fā)展，知識(shí)體系結(jié)構(gòu)不斷更新，新的熱點(diǎn)知識(shí)層出不窮，需要培養(yǎng)我們的青年一代不僅愛(ài)學(xué)習(xí)而且要會(huì)學(xué)習(xí)，把終身自主學(xué)習(xí)變成一種能力。新的時(shí)代，要求我們這些教育工作者，要轉(zhuǎn)變思想，將以“教師為主體”的課堂轉(zhuǎn)變?yōu)椤耙詫W(xué)生為中心”的現(xiàn)代化的教學(xué)。運(yùn)用新的技術(shù)、新的智能手段，對(duì)傳統(tǒng)教育模式進(jìn)行轉(zhuǎn)型升級(jí)。這即是時(shí)代的要求，也是現(xiàn)代社會(huì)學(xué)生的迫切要求。

三、網(wǎng)頁(yè)設(shè)計(jì)課程中DIV+CSS布局方式的解析

科技時(shí)代的發(fā)展，計(jì)算機(jī)技術(shù)將作為人們的一項(xiàng)通用型技能，不會(huì)使用計(jì)算機(jī)就像不會(huì)拿筆寫字一樣。這就需要我們培養(yǎng)出更多的計(jì)算機(jī)方面的專業(yè)及通用型人才。現(xiàn)在，幾乎所有的各層次學(xué)校都開設(shè)有計(jì)算機(jī)專業(yè)，并伴隨著時(shí)代的發(fā)展，逐漸發(fā)展為計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)。計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)的核心課程包括網(wǎng)頁(yè)設(shè)計(jì)，在網(wǎng)頁(yè)設(shè)計(jì)中最重要的內(nèi)容就是網(wǎng)頁(yè)布局。當(dāng)前，大多數(shù)網(wǎng)站的頁(yè)面布局選擇的都是DIV+CSS結(jié)構(gòu)。它已經(jīng)成為經(jīng)典的網(wǎng)頁(yè)布局模式。DIV+CSS的布局模式與表格、框架相比，稍有些難度，需要學(xué)生用心地學(xué)習(xí)、領(lǐng)會(huì)。鑒于該內(nèi)容的重要性，所以需要教師在授課過(guò)程中運(yùn)用混合式教學(xué)模式，使用現(xiàn)代化的教學(xué)方法及手段，幫助學(xué)生盡快地掌握。綜上所述，很好的掌握DIV+CSS影響整個(gè)網(wǎng)站的架構(gòu)，是制作網(wǎng)站的決定性一步，其作用非常重要。

四、基于混合的DIV+CSS網(wǎng)頁(yè)布局方式的探索

（一）信息化時(shí)代促使教師運(yùn)用混合式教學(xué)方法

將現(xiàn)代化的教學(xué)手段與傳統(tǒng)教學(xué)方法相結(jié)合，利用互聯(lián)網(wǎng)的強(qiáng)大優(yōu)勢(shì)的教學(xué)方法，都可以統(tǒng)稱為“混合式教學(xué)”。在近些年中，各級(jí)各類學(xué)校也一直都在致力于對(duì)傳統(tǒng)課堂教學(xué)模式的改革，引入了一系列的現(xiàn)代化教學(xué)手段。例如，云班課、雨課堂、微視頻等，都是實(shí)現(xiàn)教學(xué)時(shí)間碎片化、輔導(dǎo)交流多樣性的措施。

此外，許多大學(xué)為了給自學(xué)者提供優(yōu)質(zhì)的學(xué)習(xí)資源，也紛紛推出了微課、慕課等，這些現(xiàn)代化教學(xué)手段的出現(xiàn)意味著教育教學(xué)也進(jìn)入了一個(gè)新時(shí)代。同時(shí)，也對(duì)教育提出了新的要求，對(duì)未來(lái)教師提出了新的挑戰(zhàn)。

2020年由于疫情的影響，很多學(xué)校推遲開學(xué)，一時(shí)間教師們紛紛變身成主播，在家里上起了網(wǎng)課。我們學(xué)校也安排了“釘釘”平臺(tái)的網(wǎng)絡(luò)直播課程。第一次上網(wǎng)課的時(shí)候，我的心里也有些膽怯，面對(duì)一個(gè)不熟悉的軟件，還有直播過(guò)程中的各種不確定性，心理多少有些打鼓。為了能認(rèn)真地上完網(wǎng)頁(yè)制作的課程，我提前熟悉釘釘軟件，做了各種測(cè)試，在課前認(rèn)真?zhèn)湔n，做到了游刃有余。積累了幾次直播的經(jīng)驗(yàn)后，我對(duì)該軟件越來(lái)越熟悉，并且還利用軟件進(jìn)行課堂點(diǎn)名，統(tǒng)計(jì)學(xué)生出勤，布置作業(yè)，檢查作業(yè)等。雖然疫情擋住了我們到學(xué)校面對(duì)面教學(xué)的道路，可絲毫阻擋不了老師及學(xué)生對(duì)學(xué)習(xí)的熱情及對(duì)知識(shí)的渴望。

（二）混合教學(xué)模式在DIV+CSS網(wǎng)頁(yè)布局中的實(shí)際運(yùn)用

為了建立以學(xué)生為中心的現(xiàn)代化教學(xué)思想，幫助學(xué)生養(yǎng)成自主學(xué)習(xí)的良好學(xué)習(xí)習(xí)慣，筆者對(duì)DIV+CSS的課堂教學(xué)進(jìn)行了設(shè)計(jì)，現(xiàn)分述如下。

1.前置學(xué)習(xí)階段。在正式授課前，教師可以使用云班課，將課前預(yù)習(xí)內(nèi)容上傳，讓學(xué)生利用課前時(shí)間，通過(guò)現(xiàn)代化的手段自主預(yù)習(xí)，了解本節(jié)課要講授的內(nèi)容，通過(guò)預(yù)習(xí)對(duì)本節(jié)課的知識(shí)有更深層次的理解。然后將自主學(xué)習(xí)的內(nèi)容上傳至云班課，教師通過(guò)平臺(tái)可以看到學(xué)生的預(yù)習(xí)情況，對(duì)于大部分同學(xué)都存在疑問(wèn)或者共性的問(wèn)題，在課堂中可以著重講解，使學(xué)生能夠更好地理解DIV+CSS的內(nèi)容。同時(shí)，在課前，教師還需要準(zhǔn)備課堂學(xué)習(xí)過(guò)程中所使用的軟硬件資源，硬件資源是確保多媒體教室的計(jì)算機(jī)能正常使用，網(wǎng)絡(luò)正常聯(lián)通。軟件資源如教學(xué)軟件PPT、多媒體教室應(yīng)用軟件—噢易云桌面，及希沃授課助手等軟件及APP程序。還需準(zhǔn)備上課需用到的各種工作頁(yè)等教學(xué)資源。

2.課中學(xué)習(xí)階段。將原來(lái)課堂上需要花費(fèi)大量時(shí)間講授的知識(shí)點(diǎn)，通過(guò)網(wǎng)絡(luò)平臺(tái)作為前置學(xué)習(xí)內(nèi)容，將面授時(shí)間用于組織學(xué)生開展小組協(xié)作或集中答疑，充分體現(xiàn)了以學(xué)生為中心的學(xué)習(xí)模式?？梢詫W(xué)生劃分為學(xué)習(xí)小組，以“組間同質(zhì)、組內(nèi)異質(zhì)”的標(biāo)準(zhǔn)，將不同層次的學(xué)生劃分入不同的學(xué)習(xí)小組，允許學(xué)生自定時(shí)間、開展自主的學(xué)習(xí)，充分體現(xiàn)了學(xué)生全面發(fā)展、教師專業(yè)發(fā)展。在課中學(xué)習(xí)階段，以小組互助、自主學(xué)習(xí)為主，教師引導(dǎo)為輔，充分提升學(xué)生間的互幫互助、團(tuán)結(jié)友愛(ài)的精神，及獨(dú)立分析、獨(dú)立思考地自主學(xué)習(xí)形式。通過(guò)積極地探討與探索，掌握DIV+CSS的內(nèi)容，并在學(xué)習(xí)的過(guò)程中領(lǐng)悟出書本以外的知識(shí)，逐漸形成關(guān)于該知識(shí)點(diǎn)地自己的學(xué)習(xí)方法。教師則在巡回指導(dǎo)過(guò)程中，查缺補(bǔ)漏，起到督導(dǎo)的作用，并細(xì)心觀察學(xué)生的學(xué)習(xí)，并不斷提升了自己的教學(xué)能力和科研能力，獲得專業(yè)技能地再發(fā)展。教師通過(guò)小組協(xié)作的模式，實(shí)現(xiàn)了從單一互動(dòng)轉(zhuǎn)向多元互動(dòng)的課堂氛圍，知識(shí)受重面逐漸擴(kuò)大，容易提升學(xué)生的學(xué)習(xí)積極性。在課中學(xué)習(xí)階段，要根據(jù)教學(xué)目標(biāo)和學(xué)生的學(xué)習(xí)活動(dòng)，選擇合適的技術(shù)手段作為課堂學(xué)習(xí)活動(dòng)的有益補(bǔ)充，提高師生交互活動(dòng)?？梢允褂脪叽a簽到、在線協(xié)作、屏幕推送、一鍵投屏等技術(shù)，針對(duì)課堂導(dǎo)入、互相協(xié)作、分享展示、測(cè)評(píng)反饋這四個(gè)環(huán)節(jié)中的師生互動(dòng)、生生交互的技能工具。

3.課后學(xué)習(xí)階段。學(xué)生在課中的表現(xiàn)，可以利用云班課等在線軟件生成數(shù)據(jù)報(bào)告，方便教師查看學(xué)生的課中學(xué)習(xí)狀態(tài)，以便于后期進(jìn)行調(diào)整，做到更好地提升。針對(duì)每個(gè)學(xué)生的本堂課表現(xiàn)，要進(jìn)行自評(píng)、組評(píng)及師評(píng)，課后的學(xué)習(xí)測(cè)評(píng)及教師的教學(xué)反思，有利于教師對(duì)課中教學(xué)進(jìn)行總結(jié)，有利于學(xué)生對(duì)本節(jié)課的學(xué)習(xí)成果進(jìn)行分析，對(duì)師生的課后提升都有著極為重要的作用。最后，教師根據(jù)教學(xué)內(nèi)容布置課后作業(yè)，學(xué)生對(duì)課中學(xué)習(xí)內(nèi)容進(jìn)行反復(fù)練習(xí)，學(xué)生的課后作業(yè)可以通過(guò)互聯(lián)網(wǎng)上傳，題庫(kù)自動(dòng)評(píng)閱學(xué)生的作業(yè)。教師可以根據(jù)學(xué)生提交的作業(yè)對(duì)練習(xí)內(nèi)容進(jìn)行重點(diǎn)分析，全面掌握學(xué)生對(duì)于課中知識(shí)的實(shí)際掌握程度。

五、小結(jié)

互聯(lián)網(wǎng)+教育地融合，讓傳統(tǒng)教育亟待變革，這種將線上與線下技術(shù)充分融合的發(fā)展必將是持續(xù)地，不斷更新地，構(gòu)建個(gè)性化、智能化的教學(xué)手段，采用混合式的教學(xué)模式，是未來(lái)教育的發(fā)展方向。

“互聯(lián)網(wǎng)+”的時(shí)代，需要的是改革與創(chuàng)新，也要求我們教師不斷地適應(yīng)快速發(fā)展地環(huán)境，不斷地提升自己的知識(shí)儲(chǔ)備，教師也要勇于創(chuàng)新與改革，將一支粉筆一本書的傳統(tǒng)教學(xué)轉(zhuǎn)換成學(xué)生自動(dòng)吸收、主動(dòng)參與的課程設(shè)計(jì)者。千篇一律的傳統(tǒng)教學(xué)遲早會(huì)慢慢地淡出歷史地舞臺(tái)，迎接我們的將會(huì)是有著精彩地教學(xué)設(shè)計(jì)，使用混合教學(xué)模式的主導(dǎo)者。屈原曾說(shuō)：“路漫漫其修遠(yuǎn)兮，吾將上下而求索”。愿我們都能在未來(lái)的時(shí)代中迎風(fēng)起舞，讓三尺講臺(tái)更加熠熠生輝。