基于混合式的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.課后學習階段。學生在課中的表現，可以利用云班課等在線軟件生成數據報告，方便教師查看學生的課中學習狀態，以便于后期進行調整，做到更好地提升。針對每個學生的本堂課表現，要進行自評、組評及師評，課后的學習測評及教師的教學反思，有利于教師對課中教學進行總結，有利于學生對本節課的學習成果進行分析，對師生的課后提升都有著極為重要的作用。最后，教師根據教學內容布置課后作業，學生對課中學習內容進行反復練習，學生的課后作業可以通過互聯網上傳，題庫自動評閱學生的作業。教師可以根據學生提交的作業對練習內容進行重點分析，全面掌握學生對于課中知識的實際掌握程度。

五、小結

互聯網+教育地融合，讓傳統教育亟待變革，這種將線上與線下技術充分融合的發展必將是持續地，不斷更新地，構建個性化、智能化的教學手段，采用混合式的教學模式，是未來教育的發展方向。

“互聯網+”的時代，需要的是改革與創新，也要求我們教師不斷地適應快速發展地環境，不斷地提升自己的知識儲備，教師也要勇于創新與改革，將一支粉筆一本書的傳統教學轉換成學生自動吸收、主動參與的課程設計者。千篇一律的傳統教學遲早會慢慢地淡出歷史地舞臺，迎接我們的將會是有著精彩地教學設計，使用混合教學模式的主導者。屈原曾說：“路漫漫其修遠兮，吾將上下而求索”。愿我們都能在未來的時代中迎風起舞，讓三尺講臺更加熠熠生輝。