網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)方法

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)方法范文，希望能給你帶來靈感和參考，敬請(qǐng)閱讀。

1引言

伴隨著時(shí)代進(jìn)步，萬維網(wǎng)與人們的日常生活已經(jīng)逐漸融為一體。同樣，在現(xiàn)代企業(yè)發(fā)展過程中，也應(yīng)該隨大勢(shì)緊跟網(wǎng)絡(luò)的腳步，由此企業(yè)網(wǎng)站的門戶作用也逐漸凸顯，而作為關(guān)鍵的門戶，網(wǎng)站的設(shè)計(jì)制作更是重中之重，由此為提高網(wǎng)站水平，引進(jìn)人才的舉措必不可少。而作為人才基地的高校，應(yīng)高度重視網(wǎng)頁設(shè)計(jì)與制作課程設(shè)計(jì)的發(fā)展，積極探索網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)改革的科學(xué)方法。新課程改革的背景下，高校教育模式的限制就顯現(xiàn)出來，在此情況下，網(wǎng)頁設(shè)計(jì)與制作教學(xué)在實(shí)際操作中在各個(gè)板塊的弊端，都需要通過具有針對(duì)性的方案予以解決。而在本文中，針對(duì)具體教學(xué)問題進(jìn)行分析，以期促進(jìn)教學(xué)水平的提升，希望本文能對(duì)廣大教育工作者有所啟發(fā)，推動(dòng)網(wǎng)企雙向發(fā)展。

2“網(wǎng)頁設(shè)計(jì)與制作”課程教學(xué)案例分析

“網(wǎng)頁設(shè)計(jì)與制作”課程是我校公共計(jì)算機(jī)課程改革試點(diǎn)項(xiàng)目的二級(jí)課程，它面向整個(gè)學(xué)校計(jì)算機(jī)管理專業(yè)，相關(guān)專業(yè)根據(jù)其專業(yè)特點(diǎn)和教學(xué)需要，具有五個(gè)課程特點(diǎn)，是一種自我選擇的課程，屬于“大學(xué)計(jì)算機(jī)基礎(chǔ)課程”之后的高級(jí)課程。

2.1“網(wǎng)頁設(shè)計(jì)與制作”的教材分析

在進(jìn)行“網(wǎng)頁設(shè)計(jì)與制作”課程的學(xué)習(xí)之前，必須要求學(xué)生掌握相關(guān)的網(wǎng)絡(luò)信息知識(shí)，這方面的知識(shí)包括網(wǎng)頁的瀏覽、網(wǎng)頁的搜索、知識(shí)的下載以及電子郵件的使用等，這些基礎(chǔ)知識(shí)是為了讓學(xué)生更好地具備對(duì)信息獲取的技能。但是，由于大多數(shù)學(xué)生設(shè)計(jì)和制作網(wǎng)站，只能依靠操作。因此，教師需要傳授“網(wǎng)頁設(shè)計(jì)與制作”課程，以幫助學(xué)生更好地理解什么是網(wǎng)頁，什么是網(wǎng)站？教會(huì)學(xué)生利用網(wǎng)頁的基本構(gòu)成元素以及超文本標(biāo)記語言，來進(jìn)行網(wǎng)頁制作，幫助學(xué)生提高對(duì)“網(wǎng)頁設(shè)計(jì)與制作”學(xué)習(xí)的效果，同時(shí)也能為往后相關(guān)的互聯(lián)網(wǎng)知識(shí)學(xué)習(xí)打下基礎(chǔ)。

2.2“網(wǎng)頁設(shè)計(jì)與制作”的學(xué)情分析

通常學(xué)生在對(duì)“網(wǎng)頁設(shè)計(jì)與制作”課程學(xué)習(xí)之后，他們能夠更好地了解什么是網(wǎng)絡(luò)信息，并且擁有利用信息的能力。他們通過了解網(wǎng)絡(luò)知識(shí)，從而來更好地掌握對(duì)網(wǎng)絡(luò)信息的下載、瀏覽、搜索、文件的發(fā)放及傳輸?shù)募夹g(shù)等。通過調(diào)查研究發(fā)現(xiàn)，大部分的學(xué)生都希望自己能夠制作出屬于自己的網(wǎng)頁，并把網(wǎng)頁在互聯(lián)網(wǎng)上。因此，大部分的學(xué)生對(duì)于“網(wǎng)頁的設(shè)計(jì)與制作”課程具有濃厚的興趣，而這些興趣對(duì)于學(xué)生的學(xué)習(xí)具有積極影響。

2.3“網(wǎng)頁設(shè)計(jì)與制作”的教學(xué)目標(biāo)

“網(wǎng)頁設(shè)計(jì)與制作”中，高校教師的教學(xué)目標(biāo)主要分為三個(gè)方面，即知識(shí)與技能、過程與方法、情感態(tài)度與價(jià)值觀。首先是知識(shí)和技能，必須幫助學(xué)生理解網(wǎng)頁網(wǎng)站的基本概念，理解網(wǎng)頁的基本元素，理解基本網(wǎng)頁創(chuàng)建軟件的界面和功能，并識(shí)別網(wǎng)站的地址-URL，超文本標(biāo)記語言HTML，超文本傳輸協(xié)議HTTP；其次是過程與方法，老師通過分析和講解這兩種方法從而幫助學(xué)生掌握各項(xiàng)網(wǎng)頁和網(wǎng)站知識(shí)；最后是情感態(tài)度與價(jià)值觀，老師通過對(duì)“網(wǎng)頁設(shè)計(jì)與制作”的教學(xué)，培養(yǎng)學(xué)生嚴(yán)謹(jǐn)求實(shí)的學(xué)習(xí)態(tài)度和勇于探索、崇尚科學(xué)的意志和品德。

3“網(wǎng)頁設(shè)計(jì)與制作”課程教學(xué)存在的問題

3.1學(xué)生學(xué)習(xí)過于被動(dòng)

我國(guó)高?！熬W(wǎng)頁設(shè)計(jì)與制作”教學(xué)使用的模式，一般為老師教授基本理論，而后使用布置作業(yè)、模擬考核等方式來進(jìn)行教學(xué)。而事實(shí)上，該種教學(xué)模式收效甚微。在死板生硬的高壓教學(xué)下，學(xué)生對(duì)教學(xué)內(nèi)容會(huì)出現(xiàn)本能抗拒，對(duì)枯燥的理論知識(shí)產(chǎn)生厭煩情緒，而在這種情況下，學(xué)生的積極性也受到了極大地遏制。由此產(chǎn)生的一系列惡性循環(huán)所導(dǎo)致的最終結(jié)果就是，學(xué)生沒有打下深厚的理論基礎(chǔ)，而之后的實(shí)際操作就更沒有辦法完成了。

3.2學(xué)生實(shí)踐能力較弱

當(dāng)老師演示時(shí)，學(xué)生對(duì)老師的行為并沒有產(chǎn)生充分的理解，故此很多學(xué)生會(huì)輕視老師的演示，對(duì)實(shí)際操作的難度并沒有一個(gè)確切的判斷。而在實(shí)踐中，又會(huì)出現(xiàn)學(xué)生對(duì)于具體規(guī)程的漠視，因?yàn)橹爱a(chǎn)生的自大心理而認(rèn)為實(shí)踐僅僅需要短時(shí)間就能完成。所以在實(shí)戰(zhàn)中，許多學(xué)生才會(huì)發(fā)現(xiàn)，自己對(duì)詳細(xì)的操作并沒有深入了解，看上去簡(jiǎn)單的事情卻很有難度，實(shí)戰(zhàn)中根本無從下手。同時(shí)還有一些學(xué)生過于自我，忽視了網(wǎng)頁設(shè)計(jì)和制作的科學(xué)性質(zhì)，完全摒棄課本與老師的教授，通過自己的想法來指導(dǎo)操作。

3.3師生之間缺乏溝通

首先，在“網(wǎng)頁設(shè)計(jì)與制作”的教學(xué)中，教師和學(xué)生并沒有良性交流。同時(shí)，教師對(duì)學(xué)生的了解有限，對(duì)學(xué)生的具體情況不甚了解，學(xué)習(xí)程度與需求自然也無從判斷。在教學(xué)中，一味照本宣科，無法充分滿足學(xué)生的學(xué)習(xí)需要。其次，教師在課堂上的教授模式也至關(guān)重要，“只講不問”，與學(xué)生的互動(dòng)有限，參與度由此下降，課程也愈加乏味。再從學(xué)生角度出發(fā)，學(xué)生同樣局限于傳統(tǒng)師生關(guān)系，在有疑問的時(shí)候，因?yàn)楹ε吕蠋煹呐u(píng)等原因，不敢告訴老師。而學(xué)生間也同樣如此，個(gè)體之間的學(xué)習(xí)是有限的，缺乏良好學(xué)習(xí)氛圍是無法促進(jìn)班級(jí)學(xué)習(xí)的良性疊加的。

4“網(wǎng)頁設(shè)計(jì)與制作”課程教學(xué)改革的策略

4.1重新定位課程教學(xué)標(biāo)準(zhǔn)

為了能夠調(diào)動(dòng)起學(xué)生在學(xué)習(xí)“網(wǎng)頁設(shè)計(jì)與制作”課程的主動(dòng)性，首先高校的“網(wǎng)頁設(shè)計(jì)與制作”教學(xué)課程應(yīng)該遵循企業(yè)用人標(biāo)準(zhǔn)，在課程教學(xué)過程中，強(qiáng)調(diào)培養(yǎng)學(xué)生的團(tuán)隊(duì)精神，職業(yè)道德，網(wǎng)絡(luò)信息收集能力，審美能力和藝術(shù)品質(zhì)。其次，在“網(wǎng)頁設(shè)計(jì)與制作”課程的教學(xué)過程中，還需要提高對(duì)課程教育目標(biāo)的重視程度，根據(jù)新課程改革的教學(xué)要求來更好地培養(yǎng)學(xué)生的自主創(chuàng)新能力和創(chuàng)新思維，引導(dǎo)學(xué)生進(jìn)行實(shí)踐操作，讓學(xué)生能夠更好地掌握網(wǎng)頁的規(guī)劃能力、構(gòu)建能力、設(shè)計(jì)能力以及制作能力等。

4.2優(yōu)化教學(xué)內(nèi)容

為了能夠提高學(xué)生的實(shí)踐能力，就必須要將“網(wǎng)頁設(shè)計(jì)與制作”課程內(nèi)容進(jìn)行改革，以企業(yè)的用人標(biāo)準(zhǔn)和教學(xué)的需求來進(jìn)行科學(xué)的設(shè)計(jì)，將這些內(nèi)容延伸分為四個(gè)不同的模塊，分別是Dreamweaver、Fireworks、Web基礎(chǔ)知識(shí)和Flash。其中Dreamweaver包括網(wǎng)頁跟蹤的技術(shù)、網(wǎng)頁站點(diǎn)管理的技術(shù)、動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)的技術(shù)、數(shù)據(jù)庫連接的技術(shù)以及其他基礎(chǔ)的技術(shù)；Fireworks包括高級(jí)應(yīng)用的技術(shù)，基礎(chǔ)操作的技術(shù)和其他相關(guān)基礎(chǔ)知識(shí)；Web基礎(chǔ)知識(shí)包括網(wǎng)絡(luò)的瀏覽器，網(wǎng)絡(luò)的常用名以及高級(jí)應(yīng)用措施等；Flash包括高級(jí)制作技術(shù)、基礎(chǔ)動(dòng)畫制作技術(shù)以及其他相關(guān)技術(shù)。

4.3更新教學(xué)模式

高?！熬W(wǎng)頁設(shè)計(jì)與制作”教學(xué)不該再局限于老式的教學(xué)系統(tǒng)，應(yīng)積極拓寬視野，通過現(xiàn)代化的方式例如網(wǎng)上課程以及針對(duì)性的因材施教。在現(xiàn)代化的教學(xué)方面，首先要確保教機(jī)與學(xué)機(jī)的聯(lián)動(dòng)，確保學(xué)生都使用計(jì)算機(jī)，及時(shí)通過計(jì)算機(jī)傳輸并對(duì)學(xué)生的設(shè)計(jì)操作進(jìn)行引導(dǎo)，提高學(xué)生的實(shí)踐能力。同時(shí)，高?！熬W(wǎng)頁設(shè)計(jì)與制作”在網(wǎng)上課程方面，也可以采取一定的趣味教學(xué)模式，跳出死板的老式圖書教學(xué)，變更教學(xué)風(fēng)格，通過視頻等生動(dòng)的方式，將技巧融入其中，幫助學(xué)生在潛移默化中慢慢對(duì)學(xué)習(xí)產(chǎn)生興趣。

5“網(wǎng)頁設(shè)計(jì)與制作”教學(xué)需要注意的問題

5.1以“新”制作網(wǎng)頁

教師教學(xué)中應(yīng)重視告訴學(xué)生網(wǎng)頁內(nèi)容的選擇，避免出現(xiàn)俗套，需要強(qiáng)調(diào)的一個(gè)“新”字是很重要的。“新”這一原則要求，在設(shè)計(jì)網(wǎng)站的內(nèi)容時(shí)，是指網(wǎng)站的內(nèi)容不是被復(fù)制的，而是要形成一個(gè)屬于自己的獨(dú)特網(wǎng)站。環(huán)顧四周，許多互聯(lián)網(wǎng)上的個(gè)人主頁是簡(jiǎn)單的“雜貨店”，內(nèi)容雖然是包羅萬象，但主題是一樣的，每個(gè)人都幾乎是一個(gè)“軟件下載”或者“軟件搬運(yùn)”的員工，從開始的網(wǎng)絡(luò)導(dǎo)航到最后的結(jié)束都沒有任何的創(chuàng)新之處，缺乏創(chuàng)新的新鮮意義。因此，在網(wǎng)頁設(shè)計(jì)教學(xué)的過程中，既要告訴學(xué)生對(duì)材料的選擇上下功夫，同時(shí)也要做到對(duì)材料選擇精準(zhǔn)度的把控，以“新”為基礎(chǔ)，以“精”為內(nèi)容。

5.2以“簡(jiǎn)”來取網(wǎng)名

由于網(wǎng)站不能由單個(gè)網(wǎng)頁組成，因此它有許多子頁面。為了使這些頁面有效連接，教師必須告訴學(xué)生，要為這些頁面提供一些具有代表性和簡(jiǎn)潔易記的網(wǎng)頁名稱。這不僅有利于將來管理網(wǎng)頁，而且在向搜索引擎提交網(wǎng)頁時(shí)，更容易被其他人搜索到。在命名網(wǎng)頁時(shí)，最好使用常用的小寫英文字母或與頁面內(nèi)容相匹配的英文字母，這與頁面上的連接直接相關(guān)。

5.3更新及時(shí)才能吸引人流

學(xué)生制作完網(wǎng)頁后，老師需要為后期工作做出更多安排。網(wǎng)頁完成后，工作量會(huì)更大。因?yàn)榫W(wǎng)頁制作是一次性的，所以每天都會(huì)進(jìn)行更新維護(hù)，必須立即刪除在網(wǎng)頁上失效的連接。如果無法及時(shí)更新，最好在主頁上信息，告知訪問用戶由于特殊情況需要離開一段時(shí)間，并且無法及時(shí)更新主頁，希望大家諒解。這可以給人一種對(duì)他人負(fù)責(zé)的感覺，同時(shí)得到其他用戶的信任，這對(duì)未來的網(wǎng)頁設(shè)計(jì)、制作和推廣都有好處。

6總結(jié)

綜上所述，本文首先簡(jiǎn)要闡述了教學(xué)內(nèi)容，“網(wǎng)頁設(shè)計(jì)與制作”的教學(xué)方法和教學(xué)目標(biāo)，并了解該課程對(duì)學(xué)生的教學(xué)帶來的好處；其次分析了“網(wǎng)頁設(shè)計(jì)與制作”課程教學(xué)存在的三個(gè)問題：中文學(xué)生學(xué)習(xí)被動(dòng)問題、學(xué)生動(dòng)手能力差問題以及師生缺乏溝通問題；最后根據(jù)這三個(gè)問題有針對(duì)性地提出相應(yīng)的改善措施，分別是重新定位課程教學(xué)標(biāo)準(zhǔn)、優(yōu)化教學(xué)內(nèi)容和更新教學(xué)模式，為往后相關(guān)的研究提供借鑒。

參考文獻(xiàn)

[1]周蘇峽.高職院?！熬W(wǎng)站建設(shè)與網(wǎng)頁設(shè)計(jì)”有效課堂設(shè)計(jì)初探[J].科技資訊,2018,16(11):165-166.

[2]吳家州.“網(wǎng)頁設(shè)計(jì)與制作”課程教學(xué)改革研究[J].電腦迷,2017(6):182.

[3]鞠杰,牛慶麗.基于項(xiàng)目化的“網(wǎng)頁設(shè)計(jì)”教學(xué)改革初探[J].電腦知識(shí)與技術(shù),2016,12(8):121-122.

[4]劉穎.“網(wǎng)頁制作”課程教學(xué)改革研究與初探[J].電腦知識(shí)與技術(shù),2015,11(36):76-77,80.

[5]黃永清.技工院校計(jì)算機(jī)專業(yè)網(wǎng)頁設(shè)計(jì)教學(xué)的研究與實(shí)踐[J].職業(yè),2015(29):86.

作者：李成 單位：長(zhǎng)沙民政職業(yè)技術(shù)學(xué)院