秦曦 河南省新聞出版學(xué)校
網(wǎng)頁制作是中職計算機中非常實用的一門課程,社會上對網(wǎng)頁制作人才的需求也比較大,中職學(xué)生掌握網(wǎng)頁制作的能力后,有助于其能夠找到一份心儀的工作。但是中職學(xué)生在學(xué)習(xí)計算機網(wǎng)頁制作時,因為網(wǎng)頁設(shè)計需要涉及較多的軟件,從而產(chǎn)生了學(xué)習(xí)困難的問題,導(dǎo)致學(xué)生在學(xué)習(xí)網(wǎng)頁制作時學(xué)習(xí)效率較低,從而影響了上機時的制作效率。為此中職計算機網(wǎng)頁制作應(yīng)從教學(xué)環(huán)節(jié)入手,著力于提升中職學(xué)生的計算機網(wǎng)頁制作能力。
計算機網(wǎng)頁制作是一門建立在PS、Flash、C語言、數(shù)據(jù)庫等課程基礎(chǔ)上的綜合性課程,如果中職學(xué)生這些課程基礎(chǔ)沒有打牢,將會直接影響學(xué)生對網(wǎng)頁學(xué)習(xí)的興趣。因此中職學(xué)校在開始計算機網(wǎng)頁制作課程時,應(yīng)同步開設(shè)PS、Flash、C語言、數(shù)據(jù)庫等課程,尤其是PS、Flash這些課程應(yīng)開設(shè)在網(wǎng)頁制作課程之前,且在學(xué)生有了一定基礎(chǔ)后,才可以開始計算機網(wǎng)頁制作課程??紤]到數(shù)據(jù)庫、VB程序設(shè)計課程較為枯燥且有難度,在開設(shè)時,要重點教授與網(wǎng)頁設(shè)計相關(guān)的內(nèi)容,逐漸培養(yǎng)學(xué)生運用數(shù)據(jù)庫的能力。PS、Flash課程較為有趣,且PS、Flash課程的一些素材能夠成為網(wǎng)頁設(shè)計時的素材,尤其是在制作靜態(tài)網(wǎng)頁時最為常用,因此要發(fā)揮好PS、Flash課程的作用,引導(dǎo)學(xué)生做一些與網(wǎng)頁設(shè)計相關(guān)的素材。
Dreamweaver軟件是中職計算機網(wǎng)頁制作常用的軟件,也是網(wǎng)頁設(shè)計常用的軟件之一。Dreamweaver軟件以其強大的功能,完善的網(wǎng)頁設(shè)計功能,在IT行業(yè)中占有重要的一席之地,因此中職計算機教學(xué)要發(fā)揮好Dreamweaver網(wǎng)頁設(shè)計軟件的作用。在Dreamweaver軟件的學(xué)習(xí)中主要以直觀課堂+實踐教學(xué)為主,即學(xué)習(xí)相關(guān)理論一節(jié)課,學(xué)生實踐一節(jié)課,在實踐中驗證學(xué)習(xí)理論及熟練操作。為了充分調(diào)動學(xué)生學(xué)習(xí)的技擊性,教師應(yīng)布置相應(yīng)的網(wǎng)頁設(shè)計任務(wù),如在學(xué)生學(xué)習(xí)一段時間后,可以向?qū)W生講解一些著名網(wǎng)站的頁面設(shè)計,如網(wǎng)易、騰訊、新浪等網(wǎng)頁,然后選擇一個簡潔直觀的網(wǎng)頁作為模板,教師提供一些素材,要求學(xué)生去完成靜態(tài)網(wǎng)頁的設(shè)計,由此逐漸提升學(xué)生制作網(wǎng)頁的能力。在制作網(wǎng)頁時,提高制作效率的有效方式,便是先準(zhǔn)備好相應(yīng)的素材,然后使用Dreamweaver軟件直接操作,如素材中的圖片和小動畫,或是一些小程序,這些東西可以讓擅長某個軟件的學(xué)生先期完成,最后使用Dreamweaver進行“拼裝”。
在Dreamweaver軟件中,DIV+CSS的網(wǎng)頁布局非常常用,其兼容性較好,IT行業(yè)中網(wǎng)頁制作基本上是DIV+CSS進行網(wǎng)頁布局的。在制作網(wǎng)頁時,教師要引導(dǎo)學(xué)生制作網(wǎng)頁框架和表格制作,留出相應(yīng)的區(qū)域。在劃分好區(qū)域后,然后使用DIV+CSS進行頁面布局。在DIV+CSS的教學(xué)中,要從學(xué)生感興趣的內(nèi)容入手,這是因為DIV+CSS有一定的難度,使用與學(xué)生生活學(xué)習(xí)相關(guān)的內(nèi)容作為演示內(nèi)容,可以讓學(xué)生帶著興趣學(xué)習(xí)。在講解DIV部分時,除了講述相關(guān)的理論知識外,還要將DIV的一些設(shè)置要點講出,如在寫樣式時,可以把內(nèi)外邊距設(shè)置為0PX,這樣制作出的網(wǎng)頁邊界有一定的留白,看上去較為美觀。使用DIV+CSS的網(wǎng)頁布局可以讓學(xué)生在制作完相應(yīng)的網(wǎng)頁素材后,直接快捷方便的進行網(wǎng)頁布局,有助于加快網(wǎng)頁制作效率。但是也要注意到DIV+CSS的網(wǎng)頁布局,需要設(shè)置好相應(yīng)的參數(shù),這些參數(shù)根據(jù)制作不同的網(wǎng)頁而具體規(guī)定。對于學(xué)生而言,需要從實踐中逐漸摸索。鑒于中職學(xué)生的英語水平有限,而DIV+CSS又需要頻繁的使用英語,教師應(yīng)將DIV+CSS中涉及到的常用語設(shè)置參數(shù)的英語列出,如body、height、logo等,并要求學(xué)生靈活運用。為了有效提高學(xué)生識記英語參數(shù),可以從簡單的靜態(tài)網(wǎng)頁設(shè)計開始學(xué)習(xí),在往Dreamweaver中添加圖片后,可以在設(shè)置中直接設(shè)置圖片的參數(shù),然后調(diào)出DIV+CSS,直接查看其定義參數(shù)。
中職計算機網(wǎng)頁設(shè)計的學(xué)習(xí)對于中職學(xué)生具有一定的難度,要想提高其網(wǎng)頁制作能力,就需要從多方面入手,充分調(diào)動學(xué)生學(xué)習(xí)的興趣,并運用好網(wǎng)頁設(shè)計制作軟件,從簡單的開始做起,在掌握了相應(yīng)基礎(chǔ)軟件后,才可以有效提高中職計算機網(wǎng)頁制作的教學(xué)效率。
[1]李春蘭.關(guān)于中職網(wǎng)頁設(shè)計與制作課程教學(xué)的體會[J].赤子,2016,24:195
[2]李錦旺.網(wǎng)頁制作課程的教學(xué)探討[J].成功教育,2012,7.