《網(wǎng)頁設(shè)計與制作》課程教學(xué)探究

李智鵬

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

【關(guān)鍵詞】網(wǎng)頁制作 教學(xué)探究

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

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

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

一、實(shí)施教學(xué)的要素

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

1、Logo和導(dǎo)航條的作用

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

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

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

3、框架的使用

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

4、CSS樣式表的使用

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

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

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

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

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

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

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

2、包含的元素

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

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

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

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

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

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

三、點(diǎn)滴經(jīng)驗(yàn)小結(jié)

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

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