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