李智鵬

【摘 要】《網(wǎng)頁設計與制作》課程是中等職業(yè)學校計算機專業(yè)的必修課程，操作性和實用性都很強。依據(jù)學生的自身特點，從教學內(nèi)容、教學方法、動手能力訓練上下功夫，并結(jié)合工作經(jīng)驗的借鑒，不斷改革與充實教學內(nèi)容，注重人才培養(yǎng)的需求。探究教學方法永無止境，培養(yǎng)學生實際動手能力和計算機的操作水平，注重培養(yǎng)團隊精神，使學生能夠達到運用所學的知識進行網(wǎng)頁設計和網(wǎng)站開發(fā)。

【關鍵詞】網(wǎng)頁制作 教學探究

在信息技術飛速發(fā)展的今天，人們獲取信息的方式更多是來源于互聯(lián)網(wǎng)。而吸引用戶瀏覽的則是視覺效果出色、信息量豐富、頁面美觀、使用起來方便的網(wǎng)頁，所以網(wǎng)頁設計教學是重頭戲。

《網(wǎng)頁設計與制作》課程是中等職業(yè)學校計算機專業(yè)的必修課程之一，要學好這門課程，對于初學者來說，必須先理解掌握專用術語。其次是欣賞比較優(yōu)秀的網(wǎng)頁，并能說出好在什么地方;最后就是動手制作一個優(yōu)秀的網(wǎng)頁網(wǎng)站風格，并要注意色彩的搭配、網(wǎng)頁布局、統(tǒng)一風格等都很重要。

教學時可采用“四字教學法”，將“教、學、練、做”融為一體。教學要體現(xiàn)“教師為主導，學生為主體，訓練為主線”的教學原則，課堂上可以采用“四字教學法”展開教學。

一、實施教學的要素

在實施教學時，主要以學生掌握知識技能為根本、以“能懂、掌握、運用”為教學前提、以培養(yǎng)學生動手能力為目標來指導整個教學，常言道“授之以魚，不如授之以漁”。只有讓學生學會學習，具有創(chuàng)新能力、解決問題的能力才能終身受益。因此，在進行教學時，要有意識地引導學生，鼓勵他們推陳出新，不斷沖破思維定勢，提倡用自己的方法，充分發(fā)揮自己的主體作用。

1、Logo和導航條的作用

網(wǎng)頁中的Logo即網(wǎng)站標志，網(wǎng)站標志好比是商品的商標，是獨特的形象標識，在網(wǎng)站推廣中能起到事半功倍的效果，設計和制作網(wǎng)站標志時應該體現(xiàn)該網(wǎng)站的特色和內(nèi)容。導航條是網(wǎng)頁設計中不可缺少的部分，通過一定的技術手段，為網(wǎng)站的訪問者提供一定的最佳捷徑，使其可以方便地訪問到所需的內(nèi)容，是人們?yōu)g覽網(wǎng)站時可以快速從一個頁面跳轉(zhuǎn)到另一個頁面的通道。

2、模板網(wǎng)頁和庫

模板是一種用于設計統(tǒng)一風格和版式的特殊網(wǎng)頁，使用模板，可避免重復勞動，可快速創(chuàng)建網(wǎng)站并可保持網(wǎng)頁風格的一致性。庫主要用于存放網(wǎng)頁頁面元素，如文件、圖片等，并且需要重復使用或更新。

3、框架的使用

如果一個網(wǎng)頁的左邊導航菜單是固定不變的，而網(wǎng)頁右邊的信息可以上下滾動，這種網(wǎng)頁結(jié)構就是一個框架型網(wǎng)頁。一組框架通常包括一個含有導航條的框架和另一個要顯示主要內(nèi)容頁面的框架?？蚣芫哂幸韵聝?yōu)點：訪問者的瀏覽器不需要為每個頁面重新加載與導航相關的鏈接，可大大節(jié)約瀏覽時間;每個框架都具有自己的滾動條。

4、CSS樣式表的使用

CSS樣式表是一系列格式規(guī)則的集合，它可以控制網(wǎng)頁內(nèi)容的外觀，使得網(wǎng)頁內(nèi)的各文本、圖像、表格等對象具有統(tǒng)一的風格，省去了為每個對象單獨設置格式的繁瑣。通過CSS技術可以有效地對網(wǎng)頁整體布局、顏色、字體、字號、超鏈接、背景和其它對象的顯示效果做到精確地控制。利用它能讓網(wǎng)頁的外觀和格式統(tǒng)一等效果的實現(xiàn)，在網(wǎng)頁制作過程中讓設計者會更加輕松方便。

5、網(wǎng)頁表單的應用

表單是網(wǎng)頁訪問者與服務器之間信息交互的橋梁，是用來同瀏覽者交互（即收集返回信息）數(shù)據(jù)信息的操作界面。

二、網(wǎng)頁制作的技巧

以網(wǎng)頁制作專業(yè)軟件Dreamweaver CS3應用學習，應從以下幾個方面動手制作：

1、分析網(wǎng)頁結(jié)構

只有當網(wǎng)頁布局和網(wǎng)頁內(nèi)容成功結(jié)合時，這種網(wǎng)頁才受歡迎。網(wǎng)頁布局的形式多種多樣，不同布局的網(wǎng)頁具有不同的視覺效果。網(wǎng)頁內(nèi)容布局主要有：國字型、拐角型、標題正文型、左右框架型、上下框架型、封面型、Flash型等。

2、包含的元素

一個網(wǎng)頁中包含的元素有文字、圖片、Gif動畫、音頻和視頻等。例如：可打開多個學校的網(wǎng)頁，觀看網(wǎng)頁的優(yōu)點、布局結(jié)構、視覺效果如何等等。請同學做出合理評價，相同點和不同點;如果網(wǎng)頁好，說出好在什么地方;如果網(wǎng)頁不好，指出不好的地方及改進意見。

3、網(wǎng)站主頁的地位

在一個網(wǎng)站中，最重要的頁面當屬主頁，所以主頁設計的好與壞，直接影響瀏覽者的人數(shù)。所以，一個有特色和優(yōu)秀的主頁，必須包含有四個要素：文字，圖片，排列方式和主色調(diào)。他們相輔相成，缺一不可。網(wǎng)頁作為一種版面，既有文字，又有圖片;文字有大有小，還有標題和正文之分;圖片頁有大小而且有橫豎之別。圖片和文字都需要同時展示給觀眾，不能簡單地將其陳列在一個頁面上，否則會搞得零亂不堪。

4、色彩在網(wǎng)頁中的所占比重

有了合理清新的色調(diào)，會彌補主頁上的其它不足。頁面的色彩搭配是與網(wǎng)站的主題分不開的，一個網(wǎng)站必須有一種或兩種主題色。不至于讓瀏覽者迷失方向，也不至于單調(diào)乏味。一般來說，頁面的主體文字應盡量使用黑色等較深的顏色，與背景對比明顯，按鈕、邊框等使用彩色。例如教育類網(wǎng)站使用藍色為主題色，再用紅色和黑色作為配色，就能表達出嚴肅、穩(wěn)重的效果。

其實在教學過程中，要了解學生的基礎、知識接受能力的差異性，學習內(nèi)容應有所取舍。要從學生實際出發(fā)，要照顧到大多數(shù)學生的實際情況，以防失去學習信心，堅持做到“教師為主導，學生為主體，訓練為主線”的教學原則。

三、點滴經(jīng)驗小結(jié)

網(wǎng)頁設計涉及到對多種軟件、多種知識的綜合應用，以及個人的藝術性和審美觀等等。所以要想制作出漂亮的網(wǎng)頁，需要逐步學習和經(jīng)驗積累的過程。

總之，職業(yè)教育重擔是任重而道遠的一項偉大工程，常講常新，尤其對專業(yè)課程的教學方法與創(chuàng)新也是永無止境的。只要我們在教學過程中大膽實踐、勇于開拓，精心設計教學和實例，自強不息、探究創(chuàng)新的學習情境，實現(xiàn)教學理念、教學模式、能力素質(zhì)得到提高，就一定能提升職業(yè)學校計算機專業(yè)課的教學效益，從而提高學生動手實踐能力，增強綜合運用能力，適應現(xiàn)代社會對人才的需求。