論有效提高中職計(jì)算機(jī)網(wǎng)頁制作教學(xué)效率的研究

秦曦 河南省新聞出版學(xué)校

網(wǎng)頁制作是中職計(jì)算機(jī)中非常實(shí)用的一門課程，社會(huì)上對(duì)網(wǎng)頁制作人才的需求也比較大，中職學(xué)生掌握網(wǎng)頁制作的能力后，有助于其能夠找到一份心儀的工作。但是中職學(xué)生在學(xué)習(xí)計(jì)算機(jī)網(wǎng)頁制作時(shí)，因?yàn)榫W(wǎng)頁設(shè)計(jì)需要涉及較多的軟件，從而產(chǎn)生了學(xué)習(xí)困難的問題，導(dǎo)致學(xué)生在學(xué)習(xí)網(wǎng)頁制作時(shí)學(xué)習(xí)效率較低，從而影響了上機(jī)時(shí)的制作效率。為此中職計(jì)算機(jī)網(wǎng)頁制作應(yīng)從教學(xué)環(huán)節(jié)入手，著力于提升中職學(xué)生的計(jì)算機(jī)網(wǎng)頁制作能力。

1 發(fā)揮輔助課程的作用

計(jì)算機(jī)網(wǎng)頁制作是一門建立在PS、Flash、C語言、數(shù)據(jù)庫等課程基礎(chǔ)上的綜合性課程，如果中職學(xué)生這些課程基礎(chǔ)沒有打牢，將會(huì)直接影響學(xué)生對(duì)網(wǎng)頁學(xué)習(xí)的興趣。因此中職學(xué)校在開始計(jì)算機(jī)網(wǎng)頁制作課程時(shí)，應(yīng)同步開設(shè)PS、Flash、C語言、數(shù)據(jù)庫等課程，尤其是PS、Flash這些課程應(yīng)開設(shè)在網(wǎng)頁制作課程之前，且在學(xué)生有了一定基礎(chǔ)后，才可以開始計(jì)算機(jī)網(wǎng)頁制作課程。考慮到數(shù)據(jù)庫、VB程序設(shè)計(jì)課程較為枯燥且有難度，在開設(shè)時(shí)，要重點(diǎn)教授與網(wǎng)頁設(shè)計(jì)相關(guān)的內(nèi)容，逐漸培養(yǎng)學(xué)生運(yùn)用數(shù)據(jù)庫的能力。PS、Flash課程較為有趣，且PS、Flash課程的一些素材能夠成為網(wǎng)頁設(shè)計(jì)時(shí)的素材，尤其是在制作靜態(tài)網(wǎng)頁時(shí)最為常用，因此要發(fā)揮好PS、Flash課程的作用，引導(dǎo)學(xué)生做一些與網(wǎng)頁設(shè)計(jì)相關(guān)的素材。

2 發(fā)揮好Dreamweaver網(wǎng)頁設(shè)計(jì)軟件的作用

Dreamweaver軟件是中職計(jì)算機(jī)網(wǎng)頁制作常用的軟件，也是網(wǎng)頁設(shè)計(jì)常用的軟件之一。Dreamweaver軟件以其強(qiáng)大的功能，完善的網(wǎng)頁設(shè)計(jì)功能，在IT行業(yè)中占有重要的一席之地，因此中職計(jì)算機(jī)教學(xué)要發(fā)揮好Dreamweaver網(wǎng)頁設(shè)計(jì)軟件的作用。在Dreamweaver軟件的學(xué)習(xí)中主要以直觀課堂+實(shí)踐教學(xué)為主，即學(xué)習(xí)相關(guān)理論一節(jié)課，學(xué)生實(shí)踐一節(jié)課，在實(shí)踐中驗(yàn)證學(xué)習(xí)理論及熟練操作。為了充分調(diào)動(dòng)學(xué)生學(xué)習(xí)的技擊性，教師應(yīng)布置相應(yīng)的網(wǎng)頁設(shè)計(jì)任務(wù)，如在學(xué)生學(xué)習(xí)一段時(shí)間后，可以向?qū)W生講解一些著名網(wǎng)站的頁面設(shè)計(jì)，如網(wǎng)易、騰訊、新浪等網(wǎng)頁，然后選擇一個(gè)簡(jiǎn)潔直觀的網(wǎng)頁作為模板，教師提供一些素材，要求學(xué)生去完成靜態(tài)網(wǎng)頁的設(shè)計(jì)，由此逐漸提升學(xué)生制作網(wǎng)頁的能力。在制作網(wǎng)頁時(shí)，提高制作效率的有效方式，便是先準(zhǔn)備好相應(yīng)的素材，然后使用Dreamweaver軟件直接操作，如素材中的圖片和小動(dòng)畫，或是一些小程序，這些東西可以讓擅長(zhǎng)某個(gè)軟件的學(xué)生先期完成，最后使用Dreamweaver進(jìn)行“拼裝”。

3 善于運(yùn)用DIV+CSS的網(wǎng)頁布局

在Dreamweaver軟件中，DIV+CSS的網(wǎng)頁布局非常常用，其兼容性較好，IT行業(yè)中網(wǎng)頁制作基本上是DIV+CSS進(jìn)行網(wǎng)頁布局的。在制作網(wǎng)頁時(shí)，教師要引導(dǎo)學(xué)生制作網(wǎng)頁框架和表格制作，留出相應(yīng)的區(qū)域。在劃分好區(qū)域后，然后使用DIV+CSS進(jìn)行頁面布局。在DIV+CSS的教學(xué)中，要從學(xué)生感興趣的內(nèi)容入手，這是因?yàn)镈IV+CSS有一定的難度，使用與學(xué)生生活學(xué)習(xí)相關(guān)的內(nèi)容作為演示內(nèi)容，可以讓學(xué)生帶著興趣學(xué)習(xí)。在講解DIV部分時(shí)，除了講述相關(guān)的理論知識(shí)外，還要將DIV的一些設(shè)置要點(diǎn)講出，如在寫樣式時(shí)，可以把內(nèi)外邊距設(shè)置為0PX，這樣制作出的網(wǎng)頁邊界有一定的留白，看上去較為美觀。使用DIV+CSS的網(wǎng)頁布局可以讓學(xué)生在制作完相應(yīng)的網(wǎng)頁素材后，直接快捷方便的進(jìn)行網(wǎng)頁布局，有助于加快網(wǎng)頁制作效率。但是也要注意到DIV+CSS的網(wǎng)頁布局，需要設(shè)置好相應(yīng)的參數(shù)，這些參數(shù)根據(jù)制作不同的網(wǎng)頁而具體規(guī)定。對(duì)于學(xué)生而言，需要從實(shí)踐中逐漸摸索。鑒于中職學(xué)生的英語水平有限，而DIV+CSS又需要頻繁的使用英語，教師應(yīng)將DIV+CSS中涉及到的常用語設(shè)置參數(shù)的英語列出，如body、height、logo等，并要求學(xué)生靈活運(yùn)用。為了有效提高學(xué)生識(shí)記英語參數(shù)，可以從簡(jiǎn)單的靜態(tài)網(wǎng)頁設(shè)計(jì)開始學(xué)習(xí)，在往Dreamweaver中添加圖片后，可以在設(shè)置中直接設(shè)置圖片的參數(shù)，然后調(diào)出DIV+CSS,直接查看其定義參數(shù)。

4 結(jié)語

中職計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的學(xué)習(xí)對(duì)于中職學(xué)生具有一定的難度，要想提高其網(wǎng)頁制作能力，就需要從多方面入手，充分調(diào)動(dòng)學(xué)生學(xué)習(xí)的興趣，并運(yùn)用好網(wǎng)頁設(shè)計(jì)制作軟件，從簡(jiǎn)單的開始做起，在掌握了相應(yīng)基礎(chǔ)軟件后，才可以有效提高中職計(jì)算機(jī)網(wǎng)頁制作的教學(xué)效率。

[1]李春蘭.關(guān)于中職網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)的體會(huì)[J].赤子,2016,24:195

[2]李錦旺.網(wǎng)頁制作課程的教學(xué)探討[J].成功教育,2012,7.