肖淑蘋 西安翻譯學(xué)院工程技術(shù)學(xué)院

1 引言

一場突如其來的疫情，讓2020的春季課堂變得不同尋常。新冠狀病毒疫情發(fā)生以來，各個學(xué)校堅決貫徹習(xí)近平總書記關(guān)于疫情防控工作的重要指示，按照黨中央、國務(wù)院、教育部、省教育廳的決策部署，一手抓疫情防控，一手抓線上教學(xué)，千方百計做好“停課不停教、停課不停學(xué)”工作。

在新型冠狀病毒感染的疫情形勢下，作為當(dāng)代青年，應(yīng)該堅定信心，樹立正確意識形態(tài)，切實為防控疫情做出貢獻。網(wǎng)頁設(shè)計是一門實踐性特別強的專業(yè)基礎(chǔ)課程，通過該課程的學(xué)習(xí)，能夠開啟學(xué)生的內(nèi)在潛力和動力，提升健康的審美能力，培養(yǎng)有情懷、有責(zé)任、有擔(dān)當(dāng)?shù)娜瞬拧?/p>

傳統(tǒng)的教學(xué)主要采用演示法，教師提供素材，為學(xué)生演示操作步驟，然后讓學(xué)生實踐，這種教學(xué)方式在一定程度上激發(fā)了學(xué)生的學(xué)習(xí)興趣，但是學(xué)生自己規(guī)劃網(wǎng)站，自己搜集素材然后制作網(wǎng)頁更能開啟學(xué)生的內(nèi)在潛力和動力。

疫情期間軟件工程專業(yè)網(wǎng)頁設(shè)計課程開展了不同形式的教學(xué)改革，同學(xué)們熱情高漲，積極參與，而且做出了一個個十分優(yōu)秀的網(wǎng)頁設(shè)計作品。

2 線上授課

2.1 國家精品課程在線學(xué)習(xí)平臺——中國大學(xué)mooc（慕課）

網(wǎng)頁設(shè)計課程選用了中國大學(xué)mooc平臺北京語言大學(xué)趙慧周老師主講的網(wǎng)頁設(shè)計基礎(chǔ)，課程中每個章節(jié)中提供章節(jié)測驗和討論，整門課程還提供了3次大作業(yè)，幫助學(xué)習(xí)者突破基本概念學(xué)習(xí)瓶頸、理清網(wǎng)頁設(shè)計學(xué)習(xí)思路、掌握相關(guān)技術(shù)學(xué)習(xí)方法，指導(dǎo)學(xué)習(xí)者使用互聯(lián)網(wǎng)資料支持學(xué)習(xí)，為持續(xù)學(xué)習(xí)奠定基礎(chǔ)。

2.2 QQ群

建立班級QQ群，課前使用中國大學(xué)mooc平臺或QQ群分享課程資源，布置課前學(xué)習(xí)任務(wù)，課堂中使用分享屏幕講解重點難點知識。對于中國大學(xué)mooc平臺外的課后作業(yè)，使用QQ接收學(xué)生作業(yè)。

2.3 騰訊課堂

由于騰訊課堂有回放功能，且畫面清晰流暢，學(xué)習(xí)者遇到不懂的地方還可以觀看教師直播內(nèi)容的回放，這樣不但可以加深學(xué)生的理解，還可以提高學(xué)生的學(xué)習(xí)積極性。所以將QQ分享屏幕改為騰訊課堂直播，學(xué)生反映效果良好。

3 線下教學(xué)

2020年5月，我省高校迎來了學(xué)生返校高峰，寂靜了數(shù)月的校園再次迎來歡聲笑語。操場上晨練的身影，圖書館內(nèi)久違的燈光，餐廳里的美味……開學(xué)了，在常態(tài)化防疫的情況下，我省高校防疫、教學(xué)兩手抓，確保教學(xué)質(zhì)量不下降。

返校后，網(wǎng)頁設(shè)計課程采用線下授課為主，線上學(xué)習(xí)為輔，實際操作，當(dāng)面解決疑難問題，直接且高效。

4 知識的靈活應(yīng)用——以使用DIV+CSS布局網(wǎng)頁為例

學(xué)習(xí)了DIV+CSS基本知識后，學(xué)生會用DIV+CSS布局網(wǎng)頁的基本結(jié)構(gòu)，會用提供的素材制作導(dǎo)航欄，會用提供的素材制作信息展示部分，但學(xué)生沒有自己搜集素材、規(guī)劃完整的網(wǎng)頁、制作完整的網(wǎng)頁。

我們的偉大領(lǐng)袖毛澤東同志曾經(jīng)說過：“獲得知識的途徑就是要努力學(xué)習(xí)”?！白钪匾?，是善于將這些知識應(yīng)用到生活和實踐中去”。

無論是線上教學(xué)還是線下教學(xué)，網(wǎng)頁設(shè)計的教學(xué)目的都是希望學(xué)生們都夠靈活應(yīng)用所學(xué)知識做出滿足需求的靜態(tài)網(wǎng)站。圍繞這個教學(xué)宗旨，網(wǎng)頁設(shè)計課程一學(xué)期開展了3次大作業(yè)，激發(fā)學(xué)生應(yīng)用所學(xué)知識解決實際問題的能力。

4.1 教學(xué)過程

4.1.1 教師布置任務(wù)

(1）確定網(wǎng)站主題——網(wǎng)站主題以圍繞疫情防控知識、社會主義核心價值觀為主。

選擇理由：有國才有家，培養(yǎng)有情懷、有責(zé)任、有擔(dān)當(dāng)?shù)娜瞬拧?/p>

(2）規(guī)劃網(wǎng)站

網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字、圖片的運用等。

(3）搜集素材并對素材進行相應(yīng)的處理

(4）制作網(wǎng)頁——按照先大后小、先簡單后復(fù)雜來進行制作。

這里要注意以下兩個問題：

色彩搭配

margin和padding的靈活應(yīng)用

(5）設(shè)置超鏈接

(6）測試網(wǎng)站（重點測試圖片和超鏈接

4.1.2 學(xué)生動手實踐

(1）在動手實踐的過程中，學(xué)生成為課堂的主體，學(xué)生將自己規(guī)劃的網(wǎng)站用所學(xué)知識去具體實現(xiàn)，遇到具體問題就會想辦法去解決。

(2）解決問題的方法和具體操作盡量由學(xué)生自己來完成，教師只是在學(xué)生遇到困難時加以引導(dǎo)、點撥，起到為學(xué)生“導(dǎo)航”的作用。

4.2 教學(xué)重點和難點

4.2.1 教學(xué)重點

規(guī)劃網(wǎng)站，制作網(wǎng)頁。

4.2.2 教學(xué)難點

margin和padding的靈活應(yīng)用。

4.3 教學(xué)效果

傳統(tǒng)的教學(xué)大多是教師提供素材，給出網(wǎng)頁效果圖，讓學(xué)生用所學(xué)知識做出效果圖來，這種教學(xué)方式也可以在一定程度上激發(fā)學(xué)生的學(xué)習(xí)興趣，但是學(xué)生自己規(guī)劃網(wǎng)站，自己找素材處理素材然后制作網(wǎng)頁更能開啟學(xué)生的內(nèi)在潛力和動力。

4.3.1 通過本次教學(xué)改革實踐，學(xué)生在以下3方面得到了很大的提升。

(1）知識方面——掌握DIV+CSS布局網(wǎng)頁的基本方法。

(2）能力方面——培養(yǎng)學(xué)生的知識遷移能力；促進學(xué)生的實際應(yīng)用能力；提高審美能力與鑒賞能力。

(3）情感方面——激勵學(xué)生珍惜當(dāng)下的學(xué)習(xí)時光；增強自學(xué)意識和自律能力；不畏困難、勇于創(chuàng)新；培養(yǎng)有情懷、有責(zé)任、有擔(dān)當(dāng)?shù)娜瞬拧?/p>

4.3.2 學(xué)生作品展示

5 教學(xué)評價

經(jīng)過DIV+CSS的綜合應(yīng)用，學(xué)生們做出來的作品大部分都很好，個別同學(xué)的效果超乎老師的想象，因為有些效果是課堂上沒有教過，學(xué)生想要這個效果，然后自學(xué)做出來的，針對這些案例在課堂上給其他同學(xué)進行了分享，希望同學(xué)們能夠不斷學(xué)習(xí)，不斷提高！

但是也有個別同學(xué)做出來的效果不是特別好，有些同學(xué)的色彩搭配的不是很好，有些同學(xué)的結(jié)構(gòu)布局的不是很好等等，針對這些問題老師對其指出并進行有效溝通，希望他們今后多欣賞網(wǎng)上已有的經(jīng)典網(wǎng)站，多學(xué)習(xí)有關(guān)色彩搭配的知識、布局網(wǎng)頁的時候多注意細節(jié)。

6 總結(jié)

通過網(wǎng)頁設(shè)計課程的學(xué)習(xí)，學(xué)生們能夠靈活應(yīng)用所學(xué)知識，將自己的想法用網(wǎng)頁的形式表現(xiàn)出來，能夠制作出滿足需求的個性化網(wǎng)頁。