高校HTML課程教學(xué)的現(xiàn)狀與對策

何家莉 等

李春麗? 黃妹彩? 譚文杰

[摘 要]HTML是一種用于創(chuàng)建Web頁面的標(biāo)記語言，是Web應(yīng)用程序開發(fā)中必不可少的一部分，屬于前端開發(fā)技術(shù)的學(xué)科范疇。HTML已成為高校大多數(shù)計(jì)算機(jī)科學(xué)專業(yè)的必修課程和其他相關(guān)專業(yè)的必修或選修課程，且在眾多教育行業(yè)中深受喜愛。現(xiàn)階段，Web開發(fā)行業(yè)對人才質(zhì)量的需求也越來越高，僅學(xué)習(xí)HTML基礎(chǔ)知識(shí)和技能可能無法滿足迅速發(fā)展的Web開發(fā)行業(yè)的需求。因此，在HTML課程教育中，教育者不僅要讓學(xué)生掌握HTML基礎(chǔ)知識(shí)與技能并能靈活運(yùn)用，也要在教學(xué)中適當(dāng)引入思政元素。文章將簡述HTML教育的現(xiàn)狀，并提出了有關(guān)高校HTML教學(xué)方法的對策。

[關(guān)鍵詞]高校；HTML教學(xué)；對策

在互聯(lián)網(wǎng)高速發(fā)展的今天，掌握一門計(jì)算機(jī)語言尤其重要。高校HTML課程安排在其他機(jī)器語言、匯編語言、高級(jí)語言之前，考慮到HTML在網(wǎng)站前端開發(fā)過程中起到支撐的作用，非常適合剛剛步入網(wǎng)頁設(shè)計(jì)的新手進(jìn)行學(xué)習(xí)。在學(xué)習(xí)理論知識(shí)的同時(shí)，可以結(jié)合實(shí)踐學(xué)習(xí)，培養(yǎng)實(shí)際操作能力，這樣做有助于學(xué)生在HTML和網(wǎng)頁設(shè)計(jì)方面建立堅(jiān)實(shí)的基礎(chǔ)。

一、高校HTML課程的性質(zhì)和定位

HTML是一種超文本標(biāo)記語言，其命令可用來解釋圖形、文字、聲音等，它包含許多標(biāo)簽，通過這些標(biāo)簽將互聯(lián)網(wǎng)實(shí)現(xiàn)從分散到統(tǒng)一[1]。高校HTML課程作為計(jì)算機(jī)科學(xué)、軟件工程、信息管理等專業(yè)核心課程之一，屬于前端開發(fā)技術(shù)的學(xué)科范疇，旨在培養(yǎng)學(xué)生對HTML技術(shù)的理論知識(shí)和應(yīng)用能力。HTML作為網(wǎng)頁制作的基礎(chǔ)，是Web前端開發(fā)的核心技術(shù)之一，通過學(xué)習(xí)HTML課程，能夠幫助學(xué)生掌握Web前端開發(fā)所需的基本技術(shù)和知識(shí)?，F(xiàn)如今，大部分的網(wǎng)頁都是以HTML為基礎(chǔ)來進(jìn)行開發(fā)的，只有在學(xué)習(xí)各種動(dòng)態(tài)網(wǎng)頁技術(shù)之前掌握好HTML語法，才能算是完成基本的入門。高校HTML課程讓學(xué)生理解HTML與CSS、JavaScript等前端技術(shù)的關(guān)系，了解網(wǎng)頁制作基本原理和方法，注重實(shí)踐，鼓勵(lì)學(xué)生在實(shí)踐中掌握技能，并通過課程設(shè)計(jì)、實(shí)驗(yàn)等方式加深對HTML的理解和應(yīng)用。

高校HTML教學(xué)要始終貫徹“任務(wù)驅(qū)動(dòng)、工學(xué)結(jié)合、項(xiàng)目開發(fā)”，堅(jiān)持“實(shí)用、夠用、必需”的原則，促使學(xué)生實(shí)踐動(dòng)手能力、項(xiàng)目開發(fā)與設(shè)計(jì)能力都實(shí)現(xiàn)提升。HTML課程既具有極強(qiáng)的實(shí)踐操作性，又包括多項(xiàng)可視化成果，學(xué)生學(xué)習(xí)興趣非常濃厚。

二、高校HTML課程教學(xué)現(xiàn)狀

（一）課程結(jié)構(gòu)安排合理性不足

在傳統(tǒng)教學(xué)模式下，教師采取理論教學(xué)與實(shí)踐教學(xué)相結(jié)合方法，課時(shí)比例設(shè)置為1：1，教師在講解HTML理論知識(shí)的過程中，雖然會(huì)讓學(xué)生進(jìn)行思考，分析例題與案例，來提高自身分析問題的能力，但是這樣的教學(xué)方式會(huì)讓部分學(xué)生感覺枯燥，加之課程本身具有抽象的性質(zhì)，使課程沒有變得易于理解和引起大部分學(xué)生的興趣。而在實(shí)踐教學(xué)環(huán)節(jié)，主要是教師提供指導(dǎo)，讓學(xué)生在固定時(shí)間內(nèi)完成教材中的實(shí)訓(xùn)項(xiàng)目，學(xué)生缺乏主動(dòng)性和自覺性。同時(shí)，學(xué)生的實(shí)踐內(nèi)容僅來源于課后習(xí)題和教材實(shí)訓(xùn)項(xiàng)目，實(shí)踐內(nèi)容受到局限，學(xué)生的創(chuàng)造能力得不到發(fā)展、思維得不到延伸。最終導(dǎo)致學(xué)生的學(xué)習(xí)效率差，對知識(shí)的理解也不夠全面和透徹。

（二）教學(xué)方法缺乏思政元素

在HTML課堂教學(xué)中，教育者僅是教會(huì)學(xué)生知識(shí)技能和教會(huì)學(xué)生如何在考試時(shí)得到高分，忽略培養(yǎng)學(xué)生的人格、情感和價(jià)值觀。出現(xiàn)這種現(xiàn)象的根本原因是教育者對思政教學(xué)的理解不夠深入，甚至有些教育者在教育教學(xué)過程中忽略思政教學(xué)。教學(xué)中缺乏思政教育不僅會(huì)導(dǎo)致教育教學(xué)目標(biāo)失衡，造成學(xué)生在學(xué)習(xí)知識(shí)技能的同時(shí)缺乏健康的人格和堅(jiān)定的價(jià)值觀，而且會(huì)使學(xué)生的思維受到局限，造成學(xué)生無法拓寬視野，缺乏判斷力和分析力。如果教學(xué)方法缺乏思政元素，那么教師無法及時(shí)指導(dǎo)學(xué)生，將使學(xué)生的人格發(fā)展受到影響，進(jìn)而導(dǎo)致一系列的心理健康問題。

（三）實(shí)踐操作性不強(qiáng)

社會(huì)崗位對于HTML網(wǎng)頁前端開發(fā)人才的要求較高，但是在高校的培養(yǎng)方案中，學(xué)生涉及的專業(yè)課程較多，導(dǎo)致無法很好地兼顧每門學(xué)科。而HTML課程涉及的內(nèi)容較多，學(xué)生也無法深入研究，出現(xiàn)“學(xué)而不精”的現(xiàn)象。其次，受到傳統(tǒng)教學(xué)方法的影響，學(xué)生缺乏與現(xiàn)實(shí)社會(huì)問題相結(jié)合的案例設(shè)計(jì)和分析，導(dǎo)致學(xué)生在崗工作時(shí)難以掌握網(wǎng)頁開發(fā)的工作流程和方法。缺少實(shí)踐操作，技術(shù)和能力得不到有效提高，與社會(huì)崗位需求人才存在差距。

（四）學(xué)生自主學(xué)習(xí)能力有待加強(qiáng)

對于大部分的課程，學(xué)生都存在缺乏學(xué)習(xí)主動(dòng)性的問題。一方面，受限于一般的學(xué)校教育模式和家庭教育環(huán)境，學(xué)生普遍處于任務(wù)式學(xué)習(xí)狀態(tài)，過于依賴?yán)蠋煹亩酱俸凸芾?，使得自主學(xué)習(xí)能力與意識(shí)得不到有效發(fā)展；另一方面，由于思維慣性、缺乏觀察、思考和理解能力，學(xué)生難以主動(dòng)展開學(xué)習(xí)。學(xué)習(xí)目標(biāo)不明確，缺乏動(dòng)力；學(xué)習(xí)方法不當(dāng)，學(xué)習(xí)效率低，達(dá)不到預(yù)期的效果，心理落差大，致使缺乏自信心，而不愿主動(dòng)學(xué)習(xí)。許多學(xué)生缺乏自主實(shí)踐的能力，學(xué)生僅學(xué)習(xí)HTML的理論知識(shí)，不能對所學(xué)知識(shí)去嘗試應(yīng)用和實(shí)踐，往往很難去獨(dú)立完成項(xiàng)目，導(dǎo)致成就感不足而缺少學(xué)習(xí)動(dòng)力，降低了對HTML課程的學(xué)習(xí)興趣。

三、高校HTML課程教學(xué)的對策

（一）合理導(dǎo)入課程，激發(fā)學(xué)習(xí)興趣

HTML課程涉及內(nèi)容較多，很多知識(shí)點(diǎn)比較復(fù)雜與抽象，學(xué)生若是缺少有效指導(dǎo)，將增加理解難度，實(shí)際學(xué)習(xí)效率低。教師要想學(xué)生跟上自己的講課進(jìn)度，就應(yīng)該保證教學(xué)內(nèi)容更加有趣與新穎，能夠有效吸引學(xué)生的注意力，最大限度地激發(fā)學(xué)生的學(xué)習(xí)興趣。因此，教師可以在課程導(dǎo)入環(huán)節(jié)中精心設(shè)計(jì)，為學(xué)生帶來全新的體驗(yàn)，保證學(xué)生在最短時(shí)間內(nèi)進(jìn)入學(xué)習(xí)狀態(tài)。這樣才能激發(fā)學(xué)生產(chǎn)生濃厚學(xué)習(xí)興趣，提高HTML的教學(xué)效果。

例如，制作“脫貧攻堅(jiān)戰(zhàn)”網(wǎng)頁。在脫貧攻堅(jiān)戰(zhàn)的決勝階段，指導(dǎo)學(xué)生利用HTML制作脫貧攻堅(jiān)戰(zhàn)的網(wǎng)頁，此項(xiàng)目的主要功能是為了實(shí)現(xiàn)在網(wǎng)頁上顯示脫貧攻堅(jiān)戰(zhàn)的具體信息，其目的是使得學(xué)生在利用HTML制作網(wǎng)頁的同時(shí)也可以了解國家脫貧攻堅(jiān)戰(zhàn)的具體情況。在導(dǎo)入新課時(shí)，教師要利用多種方式介紹HTML制作網(wǎng)頁的方法，引起學(xué)生的關(guān)注，為制作網(wǎng)頁打牢基礎(chǔ)。

（二）借助動(dòng)畫視頻，演示操作過程

在HTML課程中，若是將知識(shí)點(diǎn)以動(dòng)畫視頻等方式呈現(xiàn)出來，將對學(xué)生有更強(qiáng)的吸引力，為之后教學(xué)活動(dòng)的高效開展奠定基礎(chǔ)。在教學(xué)過程中，教師先對核心理念進(jìn)行講解，然后通過展示動(dòng)畫視頻，將具體操作過程呈現(xiàn)出來，讓學(xué)生可以輕松地理解其中的知識(shí)點(diǎn)，也能在教師的帶領(lǐng)下正確地完成相關(guān)操作。最后讓學(xué)生自主談?wù)摚瑢⒅v授時(shí)間與討論時(shí)間錯(cuò)開，學(xué)生課后也能根據(jù)需求對學(xué)習(xí)做出合理安排。對重難點(diǎn)內(nèi)容要重點(diǎn)突出，并給出經(jīng)典案例的操作方法以及講解，便于學(xué)生理解。這樣信息技術(shù)知識(shí)將在學(xué)生腦海中留下深刻印象，不僅提高了教學(xué)效率，也促進(jìn)了學(xué)生思想政治素養(yǎng)的發(fā)展。

例如，制作“緬懷革命先烈”網(wǎng)頁。此網(wǎng)頁的主要功能包括注冊緬懷網(wǎng)站賬號(hào)，鼠標(biāo)單擊一鍵緬懷先烈，寄存對革命先烈想說的話（保存至服務(wù)器）。通過動(dòng)態(tài)網(wǎng)頁的建設(shè)來讓學(xué)生牢記革命精神，受到良好的思想教育。教師可以將操作過程進(jìn)行演示，讓學(xué)生熟悉具體的流程，動(dòng)手完成任務(wù)，并用革命精神感染學(xué)生，為學(xué)生帶來前進(jìn)動(dòng)力。

（三）利用多種軟件，注重課程開發(fā)

在互聯(lián)網(wǎng)時(shí)代，教師應(yīng)該具備有效篩選網(wǎng)絡(luò)上海量資源的能力，并合理利用使之成為教學(xué)材料。例如，可以整合文字、圖片和音頻等資源，形成授課內(nèi)容，在課堂上為學(xué)生集中展示，既拓寬了學(xué)生的眼界，也能幫助學(xué)生積累豐富的信息技術(shù)知識(shí)；同時(shí)，對于網(wǎng)絡(luò)上的海量資源，教師可以提供給學(xué)生形成自己的素材庫，實(shí)現(xiàn)多方式獲取知識(shí)的能力。教師也可以利用office系列辦公軟件、繪聲繪影、Photoshop、錄屏工具等處理收集資源，這樣不僅教師的信息化教學(xué)手段能得到提升，還能保證HTML課堂的順利實(shí)施，保證教學(xué)目標(biāo)順利實(shí)現(xiàn)[2]。此外，在先進(jìn)軟件支持下，HTML課程資源將更加豐富，在課堂上為案例教學(xué)法的應(yīng)用奠定了良好條件，確保學(xué)生在掌握知識(shí)點(diǎn)的過程中，也能將掌握的知識(shí)用于解決實(shí)際案例中，實(shí)現(xiàn)處理問題能力提升。通過案例教學(xué)過程，讓HTML教學(xué)活動(dòng)更加精彩有趣，有效吸引了學(xué)生的注意力，尤其讓學(xué)生將所學(xué)知識(shí)融會(huì)貫通，真正達(dá)到學(xué)以致用的目標(biāo)。

例如，制作“弘揚(yáng)中華民族傳統(tǒng)美德”網(wǎng)頁。此網(wǎng)頁的主要功能包括：顯示中華民族傳統(tǒng)美德詳細(xì)內(nèi)容的主界面，以及上傳自己認(rèn)為具有傳統(tǒng)美德內(nèi)容的功能，并且實(shí)現(xiàn)評(píng)論留言等功能。在課堂上教師要適時(shí)引出更多的內(nèi)容，幫助學(xué)生拓寬學(xué)習(xí)的方法，讓學(xué)生能夠在教師的帶領(lǐng)下獨(dú)立完成操作任務(wù)。此外，該項(xiàng)目的實(shí)踐過程可以讓學(xué)生更好地了解中華民族傳統(tǒng)美德，做到通過HTML學(xué)習(xí)了解中華民族傳統(tǒng)美德。

（四）注重實(shí)驗(yàn)教學(xué)，培養(yǎng)實(shí)踐能力

對大學(xué)生來說自主學(xué)習(xí)非常關(guān)鍵。首先，學(xué)生的自主學(xué)習(xí)可以讓學(xué)生在課堂中更容易去理解老師所傳授的知識(shí)，使學(xué)習(xí)效果事半功倍。其次，學(xué)生在HTML課程中自主學(xué)習(xí)，而不是被動(dòng)接受知識(shí)的機(jī)器，可以提高學(xué)生采取科學(xué)方法主動(dòng)學(xué)習(xí)知識(shí)并解決問題的能力。在高校HTML課程中實(shí)驗(yàn)內(nèi)容教學(xué)也是重要組成部分，為學(xué)生自我發(fā)揮提供了平臺(tái)，讓學(xué)生能夠自主分析問題并解決問題，逐步提高自主學(xué)習(xí)能力，激發(fā)學(xué)生動(dòng)手的欲望，提高實(shí)踐能力是教師在教學(xué)中的一項(xiàng)重要任務(wù)。最后，要避免讓學(xué)生將教材中的例題或理論課上所講的例子依葫蘆畫瓢完成任務(wù)，雖然實(shí)驗(yàn)完成了，但無法達(dá)到有效教學(xué)目的；而是應(yīng)該給學(xué)生一些具有擴(kuò)充性的題目，讓學(xué)生可以自主思考，提高其自主學(xué)習(xí)的能力[3]。教師要將學(xué)生合理分組，課堂采用討論與搶答環(huán)節(jié)激發(fā)學(xué)生課堂思考能力，在這樣的競爭中學(xué)習(xí)，確保學(xué)生保持積極學(xué)習(xí)狀態(tài)，獲得良好的學(xué)習(xí)效果。

例如，制作“美麗鄉(xiāng)村”網(wǎng)站時(shí)，教師要規(guī)定其為課外任務(wù)，要求學(xué)生獨(dú)立完成資料搜集整理和網(wǎng)頁編寫工作，并在課堂上進(jìn)行展示和講解。在課堂案例實(shí)施過程中，學(xué)生能夠發(fā)現(xiàn)家鄉(xiāng)之美，感受家鄉(xiāng)不俗的魅力，并激起對家鄉(xiāng)的熱愛之情。而在“時(shí)政”網(wǎng)站特效制作過程中，教師要輔助學(xué)生鞏固專業(yè)技能。學(xué)生要自主學(xué)習(xí)網(wǎng)站特效制作的視頻，內(nèi)容載體是時(shí)政新聞。通過視頻學(xué)習(xí)，讓學(xué)生對時(shí)事政治更加關(guān)心。在復(fù)雜的國際環(huán)境下，學(xué)生將逐步樹立正確的認(rèn)識(shí)觀，懂得自己前途和命運(yùn)與祖國連在一起，熱愛祖國應(yīng)體現(xiàn)在具體行動(dòng)中，努力學(xué)好專業(yè)知識(shí)。

（五）擺脫思維定式，提高創(chuàng)新能力

創(chuàng)新是一個(gè)國家興旺發(fā)達(dá)的動(dòng)力，也是我們保持動(dòng)力和活力的源泉。擁有創(chuàng)新意識(shí)是高校大學(xué)生必不可少的，同時(shí)也是社會(huì)崗位對人才的基本要求。在當(dāng)今信息技術(shù)飛速發(fā)展的社會(huì)，很多東西都在不斷地更新迭代。教師要時(shí)刻關(guān)注社會(huì)的需求，也要將目光放長遠(yuǎn)，不要局限于現(xiàn)在，要對未來的發(fā)展趨勢進(jìn)行適當(dāng)?shù)念A(yù)測，做好相應(yīng)的教學(xué)應(yīng)對措施。其次教師對HTML課程的實(shí)踐部分可進(jìn)一步改進(jìn)，采取項(xiàng)目式教學(xué)，不僅要求學(xué)生學(xué)會(huì)模仿案例，還要學(xué)會(huì)在此基礎(chǔ)上進(jìn)行自主思考，發(fā)揮自己的創(chuàng)造能力，擺脫思維限制。同時(shí)學(xué)?？杉訌?qiáng)與企業(yè)之間的合作，讓學(xué)生能夠更直接地接觸真實(shí)的網(wǎng)頁制作過程與方法，也能讓學(xué)生了解社會(huì)的需求，提前讓學(xué)生與現(xiàn)實(shí)接軌，加強(qiáng)國際交流，放眼至整個(gè)世界，開闊了學(xué)生的眼界，激發(fā)了學(xué)生創(chuàng)新思維。

例如，在制作“最美教師”網(wǎng)站時(shí)，教師規(guī)定此任務(wù)為團(tuán)隊(duì)合作項(xiàng)目，在HTML課堂教學(xué)中對學(xué)生進(jìn)行分組，讓學(xué)生在課后協(xié)作完成網(wǎng)站制作。學(xué)生團(tuán)隊(duì)進(jìn)行合理分工與溝通，確立方向后上網(wǎng)搜集并分類篩選最美教師資料，借助HTML技術(shù)完成網(wǎng)頁設(shè)計(jì)，如版面設(shè)計(jì)和頁面功能體現(xiàn)等，最后在課堂上展示成果并由組內(nèi)代表在課堂上講解網(wǎng)站功能。在團(tuán)隊(duì)合作項(xiàng)目過程中，學(xué)生可以鍛煉合作能力，適應(yīng)工作流程，加入創(chuàng)造性理解，加強(qiáng)獨(dú)立思考和自主創(chuàng)新意識(shí)，能夠發(fā)現(xiàn)教師之美，感受教師這個(gè)神圣職業(yè)的光輝魅力，激發(fā)學(xué)生對教師產(chǎn)生敬佩之心。

結(jié)束語

綜上所述，在HTML教學(xué)中，我們不僅要注重理論知識(shí)的學(xué)習(xí)，更要注重實(shí)踐操作。通過不同主題的HTML項(xiàng)目實(shí)踐，學(xué)生可以更好地掌握HTML技能，了解如何運(yùn)用HTML語言來實(shí)現(xiàn)網(wǎng)站的各種功能，培養(yǎng)創(chuàng)造、創(chuàng)新思維。HTML項(xiàng)目實(shí)踐還可以了解社會(huì)、文化等方面的知識(shí)，讓學(xué)生在實(shí)踐的過程中發(fā)揮自己的才能，并在實(shí)踐中進(jìn)行自我思考與探索，更好地提高自己的綜合素質(zhì)，擺脫思維模式教育，成為全面發(fā)展的人才，為未來的發(fā)展做好準(zhǔn)備。

參考文獻(xiàn)

[1]李高峰.探討HTML5前端開發(fā)課程教學(xué)改革方法[J].科技風(fēng).2020（2）：63.

[2]張鵬松.HTML5在移動(dòng)學(xué)習(xí)中的應(yīng)用研究[J].衛(wèi)星電視與寬帶多媒體.2019（19）：22-23.

[3]明素華.數(shù)字化教學(xué)資源共享研究：以《HTML網(wǎng)頁設(shè)計(jì)》課程為例[J].通訊世界.2019（9）：367-368.

作者簡介：何家莉（1981— ），男，壯族，廣西桂林人，玉林師范學(xué)院數(shù)學(xué)與統(tǒng)計(jì)學(xué)院，副教授。

研究方向：粗糙集及軟計(jì)算。

李春麗（2001— ），女，漢族，廣西河池人，玉林師范學(xué)院數(shù)學(xué)與統(tǒng)計(jì)學(xué)院，本科在讀。

黃妹彩（2000— ），女，壯族，廣西百色人，玉林師范學(xué)院數(shù)學(xué)與統(tǒng)計(jì)學(xué)院，本科在讀。

譚文杰（2003— ），男，漢族，湖南株洲人，玉林師范學(xué)院數(shù)學(xué)與統(tǒng)計(jì)學(xué)院，本科在讀。

基金項(xiàng)目：本文系廣西高等教育本科教學(xué)改革工程項(xiàng)目（編號(hào)：2023JGA288）；大學(xué)生創(chuàng)新訓(xùn)練項(xiàng)目（編號(hào)：S202210606095）。