網(wǎng)頁設(shè)計(jì)論文

序論：在您撰寫網(wǎng)頁設(shè)計(jì)論文時(shí)，參考他人的優(yōu)秀作品可以開闊視野，小編為您整理的1篇范文，希望這些建議能夠激發(fā)您的創(chuàng)作熱情，引導(dǎo)您走向新的創(chuàng)作高度。

網(wǎng)頁設(shè)計(jì)論文:平面設(shè)計(jì)專業(yè)網(wǎng)頁設(shè)計(jì)課程教學(xué)改革

摘要：隨著“互聯(lián)網(wǎng)+”國(guó)家戰(zhàn)略的大力推進(jìn)，社會(huì)對(duì)網(wǎng)頁設(shè)計(jì)專業(yè)人才的培養(yǎng)提出了新的要求。該文根據(jù)平面設(shè)計(jì)專業(yè)網(wǎng)頁設(shè)計(jì)課程的特點(diǎn)，分析該課程教學(xué)存在的問題，并針對(duì)問題從教學(xué)內(nèi)容、教學(xué)方法兩個(gè)層面闡述具體改革措施，旨在提高平面設(shè)計(jì)專業(yè)網(wǎng)頁設(shè)計(jì)人才的社會(huì)實(shí)踐對(duì)接能力。

關(guān)鍵詞：平面設(shè)計(jì);網(wǎng)頁設(shè)計(jì);課程教學(xué);改革

隨著“互聯(lián)網(wǎng)+”國(guó)家策略的大力推進(jìn)，我國(guó)社會(huì)發(fā)展急需大量?jī)?yōu)秀的互聯(lián)網(wǎng)人才，而網(wǎng)頁設(shè)計(jì)人才是互聯(lián)網(wǎng)人才的重要組成部分。為了配合國(guó)家戰(zhàn)略實(shí)施，目前國(guó)內(nèi)各大高校紛紛把網(wǎng)頁設(shè)計(jì)設(shè)置為平面設(shè)計(jì)專業(yè)高年級(jí)學(xué)生的必修課程。然而，隨著近年來平面設(shè)計(jì)高等教育的不斷擴(kuò)招，以往的課程體系和教學(xué)方法已無法滿足當(dāng)代和未來社會(huì)對(duì)網(wǎng)頁設(shè)計(jì)人才的要求，而忽視市場(chǎng)需求的人才培養(yǎng)模式也會(huì)使人才培養(yǎng)與市場(chǎng)需求間的距離越來越大。所以，對(duì)平面設(shè)計(jì)專業(yè)網(wǎng)頁設(shè)計(jì)課程教學(xué)的探討十分重要。

一、教學(xué)現(xiàn)狀分析

平面設(shè)計(jì)教育在我國(guó)起步雖晚，但發(fā)展迅速，其人才培養(yǎng)方法備受各方關(guān)注。網(wǎng)頁設(shè)計(jì)是一種新興的數(shù)字藝術(shù)，它的創(chuàng)意取決于企業(yè)的文化屬性和互聯(lián)網(wǎng)的特色，它是一種附屬于互聯(lián)網(wǎng)、融合藝術(shù)與技術(shù)的新型設(shè)計(jì)形式，它的界面設(shè)計(jì)從平面設(shè)計(jì)入手，內(nèi)涵卻遠(yuǎn)遠(yuǎn)超出了平面設(shè)計(jì)概念，既要注重界面中的平面構(gòu)成元素，又要考慮用戶體驗(yàn)，還要注重各頁面鏈接的空間關(guān)系和視覺協(xié)調(diào)性，從而成為具有互聯(lián)網(wǎng)特征、綜合性的平面設(shè)計(jì)。目前，國(guó)內(nèi)各大本科院校多依據(jù)所屬專業(yè)確定網(wǎng)頁設(shè)計(jì)課程的教學(xué)側(cè)重點(diǎn)。計(jì)算機(jī)類的側(cè)重代碼編程，注重培養(yǎng)網(wǎng)站后臺(tái)人才；藝術(shù)類的側(cè)重界面規(guī)劃和美化，致力于培養(yǎng)網(wǎng)站前臺(tái)、網(wǎng)頁美工。但各專業(yè)在網(wǎng)頁設(shè)計(jì)課程教學(xué)上主要存在以下兩種現(xiàn)象：一是“輕維護(hù)、重美觀”，培養(yǎng)出的學(xué)生多注重靜態(tài)頁面的藝術(shù)性，不在乎是否有利于后臺(tái)維護(hù)；另一種是“輕線下、重線上”，部分學(xué)生往往只在意屏幕的視覺效果，對(duì)線下互聯(lián)網(wǎng)用戶的需求了解不夠。這導(dǎo)致他們?cè)O(shè)計(jì)的網(wǎng)頁界面看起來很漂亮，鏈接也很流暢，但實(shí)用性不強(qiáng)，更不利于線下產(chǎn)品的開發(fā)。因此，對(duì)平面設(shè)計(jì)專業(yè)網(wǎng)頁設(shè)計(jì)課程教學(xué)進(jìn)行改革勢(shì)在必行。

二、教學(xué)內(nèi)容的調(diào)整

對(duì)于平面設(shè)計(jì)專業(yè)網(wǎng)頁設(shè)計(jì)課程教學(xué)中出現(xiàn)的問題，首先要從教學(xué)內(nèi)容上進(jìn)行調(diào)整。新的教學(xué)內(nèi)容調(diào)整為藝術(shù)理論課程和軟件實(shí)踐課程兩大模塊。

1.藝術(shù)理論課程模塊

藝術(shù)理論課程模塊的知識(shí)點(diǎn)分為三部分：網(wǎng)頁設(shè)計(jì)的功能元素、網(wǎng)頁交互設(shè)計(jì)、網(wǎng)站品牌形象的美學(xué)塑造。網(wǎng)頁設(shè)計(jì)的功能元素是網(wǎng)頁界面設(shè)計(jì)的基礎(chǔ)元件，了解功能元素的特點(diǎn)、作用及各元素之間的相互關(guān)系，對(duì)網(wǎng)頁設(shè)計(jì)工作起著至關(guān)重要的作用。網(wǎng)頁設(shè)計(jì)的功能元素有背景與底紋、按鈕與控件、頁眉與頁腳、導(dǎo)航器和目錄、功能板塊和廣告位等，這些功能元素依靠文字、圖片、色彩、多媒體和超級(jí)鏈接實(shí)現(xiàn)。這些功能元素的形式語言設(shè)計(jì)遵循傳統(tǒng)平面設(shè)計(jì)的設(shè)計(jì)原則，又和傳統(tǒng)平面設(shè)計(jì)有很大不同。如，傳統(tǒng)平面設(shè)計(jì)多以印刷為最終呈現(xiàn)方式，作品尺寸是固定數(shù)值，而網(wǎng)頁設(shè)計(jì)是以用戶的顯示器為最終呈現(xiàn)載體，所以作品的寬度不宜超過顯示器寬度，高度可以任意，但只能顯示一屏的高度，隨著瀏覽者拖動(dòng)滾動(dòng)條，作品的顯示高度隨之變化。用于傳統(tǒng)平面設(shè)計(jì)中的色彩在輸出過程中是以印刷色CMYK形式出現(xiàn)的，而網(wǎng)頁設(shè)計(jì)中的顏色是RGB模式，是標(biāo)準(zhǔn)的光色。因此，教師在此部分教學(xué)中不但要傳授網(wǎng)頁設(shè)計(jì)各功能元素的作用與特點(diǎn)，還應(yīng)該指出它們與傳統(tǒng)平面設(shè)計(jì)中相對(duì)應(yīng)元素的異同，讓學(xué)生在區(qū)別中學(xué)習(xí)。交互設(shè)計(jì)是網(wǎng)頁設(shè)計(jì)最為重要的功能設(shè)計(jì)。交互設(shè)計(jì)源于工業(yè)設(shè)計(jì)的概念，原來的平面設(shè)計(jì)專業(yè)教學(xué)中沒有交互設(shè)計(jì)的內(nèi)容，為了更好地讓教學(xué)內(nèi)容與市場(chǎng)接軌，在調(diào)整后的教學(xué)內(nèi)容中新增了這一知識(shí)點(diǎn)。此部分教學(xué)內(nèi)容包括用戶體驗(yàn)研究、層級(jí)結(jié)構(gòu)設(shè)計(jì)、流程設(shè)計(jì)等，通過模擬用戶上網(wǎng)實(shí)際操作進(jìn)行分析，找出用戶的關(guān)注點(diǎn)，確定網(wǎng)站特色和欄目，將站點(diǎn)ID、欄目、實(shí)用工具、搜索引擎等交互設(shè)計(jì)元素和平面設(shè)計(jì)知識(shí)結(jié)合，將功能設(shè)計(jì)教學(xué)落到實(shí)處。品牌化建設(shè)是企業(yè)視覺形象設(shè)計(jì)的延續(xù)和拓展。和大多數(shù)線下公司一樣，優(yōu)秀的網(wǎng)站也需要塑造品牌形象。從企業(yè)文化和性質(zhì)入手，樹立準(zhǔn)確而獨(dú)特的網(wǎng)站品牌形象，有利于企業(yè)在互聯(lián)網(wǎng)上從同類公司中凸顯出來，提高上網(wǎng)者對(duì)該企業(yè)網(wǎng)站的瀏覽興趣，增強(qiáng)上網(wǎng)者的瀏覽記憶，促進(jìn)該企業(yè)的宣傳推廣。在藝術(shù)理論課程模塊教學(xué)內(nèi)容中應(yīng)滲透品牌形象概念，將此概念應(yīng)用到網(wǎng)頁設(shè)計(jì)的各個(gè)環(huán)節(jié)之中，無論是網(wǎng)頁LOGO、網(wǎng)頁色彩還是版式和導(dǎo)航等設(shè)計(jì)，都應(yīng)該保持品牌形象的一致性。

2.軟件實(shí)踐課程模塊

軟件實(shí)踐課程模塊包含兩部分：“新網(wǎng)頁三劍客”和常用簡(jiǎn)單代碼識(shí)別。Fireworks、Dreamweaver、Flash是傳統(tǒng)意義上的“網(wǎng)頁三劍客”，過去網(wǎng)頁設(shè)計(jì)的教學(xué)基本是對(duì)它們的學(xué)習(xí)。這雖然具有普遍性，但對(duì)不同專業(yè)學(xué)習(xí)的針對(duì)性不強(qiáng)。結(jié)合平面設(shè)計(jì)專業(yè)學(xué)生現(xiàn)有軟件掌握情況（Photoshop是平面設(shè)計(jì)專業(yè)學(xué)生必修基礎(chǔ)軟件，多數(shù)學(xué)生已掌握它的基本操作技巧），把此部分內(nèi)容調(diào)整為“新網(wǎng)頁三劍客（Photoshop+Dreamweaver+Flash）”的學(xué)習(xí)。簡(jiǎn)單地說，就是根據(jù)界面規(guī)劃草圖，用Photoshop制作出精美的靜態(tài)界面效果圖，并在此基礎(chǔ)上再次利用Photoshop軟件進(jìn)行切片、優(yōu)化和輸出Html文檔，用Dreamweaver進(jìn)行版式美化處理和超級(jí)鏈接設(shè)計(jì)，最后用Flash做特效替換，最終做出具備跳轉(zhuǎn)鏈接功能的動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)效果圖。平面設(shè)計(jì)專業(yè)最終制作的網(wǎng)頁設(shè)計(jì)作品需要軟件工程師根據(jù)動(dòng)態(tài)效果圖代碼編程上傳，這樣才能更好地在互聯(lián)網(wǎng)上呈現(xiàn)。為了更好地與后臺(tái)工程師溝通，把動(dòng)態(tài)效果圖設(shè)計(jì)得更準(zhǔn)確，網(wǎng)頁美工師需要了解一些常規(guī)編程代碼知識(shí)，但平面設(shè)計(jì)專業(yè)學(xué)生多是文科生，數(shù)學(xué)和英語的掌握水平普遍不高。對(duì)此，在代碼教學(xué)內(nèi)容上應(yīng)選取一些常用的、簡(jiǎn)單的代碼語言，并結(jié)合Dreamweaver的Html標(biāo)簽和CSS規(guī)則的使用方法，利用框架，對(duì)現(xiàn)有模板進(jìn)行優(yōu)化和美化，提高網(wǎng)頁設(shè)計(jì)動(dòng)態(tài)效果圖的實(shí)用性。

三、以項(xiàng)目教學(xué)方法為載體，提高學(xué)生的實(shí)戰(zhàn)能力

為了提高學(xué)生的實(shí)戰(zhàn)能力，將社會(huì)項(xiàng)目、經(jīng)典案例引入課堂教學(xué)，并分層次逐級(jí)深入。

1.第一級(jí)：精選案例、分解任務(wù)階段

教師應(yīng)該根據(jù)學(xué)生的特點(diǎn)和網(wǎng)頁設(shè)計(jì)所需掌握的相關(guān)知識(shí)點(diǎn)，精選典型實(shí)際案例，引入教學(xué)環(huán)節(jié)。分解項(xiàng)目到每一個(gè)知識(shí)點(diǎn)，邊教邊練，將實(shí)踐和理論有機(jī)結(jié)合，并逐一講解。教師選擇的案例要具有吸引力、綜合性，能涵蓋知識(shí)點(diǎn)，案例不需要多，兩三個(gè)即可。教師在講授案例時(shí)應(yīng)強(qiáng)調(diào)學(xué)生的主體地位，對(duì)學(xué)生進(jìn)行引導(dǎo)和解惑，遵循由淺入深、由易到難的原則，以具體分解任務(wù)作為驅(qū)動(dòng)，進(jìn)行教、學(xué)、練的課堂活動(dòng)。此階段應(yīng)激發(fā)學(xué)生自主學(xué)習(xí)的興趣，培養(yǎng)他們獨(dú)立自主分析、解決問題的能力和實(shí)踐能力。

2.第二級(jí)：項(xiàng)目分工合作階段

此階段將學(xué)生分成若干設(shè)計(jì)小組，幾個(gè)小組共同承擔(dān)一個(gè)項(xiàng)目，每組在項(xiàng)目中的任務(wù)各不相同，各小組分工協(xié)作，大家共同制訂項(xiàng)目計(jì)劃和實(shí)施方案，推舉大組長(zhǎng)為項(xiàng)目總負(fù)責(zé)人，負(fù)責(zé)最終方案的定稿和項(xiàng)目材料的整理。在項(xiàng)目設(shè)計(jì)的整個(gè)環(huán)節(jié)中，每個(gè)小組擁有充分的自主權(quán)，大大地調(diào)動(dòng)了學(xué)生的積極性。各小組成員共同面對(duì)隨時(shí)出現(xiàn)的問題，合作完成任務(wù)。這樣的交流過程使每名學(xué)生都能參與項(xiàng)目設(shè)計(jì)活動(dòng)，提升自主學(xué)習(xí)能力。在這種交流中，所有學(xué)生的思維碰撞出火花，產(chǎn)生新的創(chuàng)意，大大提高了學(xué)生的創(chuàng)造激情和探索沖動(dòng)，加強(qiáng)培養(yǎng)了他們的團(tuán)隊(duì)協(xié)作能力，為他們以后步入社會(huì)打下了基礎(chǔ)。教師在這個(gè)階段應(yīng)該全程監(jiān)控，引導(dǎo)學(xué)生自主解決問題，表揚(yáng)優(yōu)點(diǎn)，發(fā)現(xiàn)不足，匯總各個(gè)組項(xiàng)目實(shí)施中的共性問題，對(duì)共性問題所涉及的理論知識(shí)與軟件操作集中補(bǔ)充講解。

3.第三級(jí)：對(duì)接社會(huì)、校企合作階段

平面設(shè)計(jì)專業(yè)網(wǎng)頁設(shè)計(jì)課程教學(xué)改革的最終目的是為社會(huì)輸出合格的互聯(lián)網(wǎng)網(wǎng)頁設(shè)計(jì)人才，更好地服務(wù)社會(huì)。對(duì)此，平面設(shè)計(jì)專業(yè)網(wǎng)頁設(shè)計(jì)課程教學(xué)對(duì)接社會(huì)、加強(qiáng)校企合作就顯得尤為必要和重要。學(xué)校應(yīng)該根據(jù)自身特點(diǎn)選擇合適的企業(yè)建立教學(xué)實(shí)踐基地，聘請(qǐng)企業(yè)網(wǎng)頁設(shè)計(jì)骨干作為指導(dǎo)教師參與網(wǎng)頁設(shè)計(jì)課程實(shí)踐教學(xué)。學(xué)校也可以組織部分優(yōu)秀學(xué)生組建設(shè)計(jì)團(tuán)隊(duì)，成立工作坊，工作坊可以按照企業(yè)模式管理、運(yùn)營(yíng)，承接校外的網(wǎng)頁設(shè)計(jì)項(xiàng)目。此階段教學(xué)培養(yǎng)學(xué)生的社會(huì)接軌能力，為學(xué)生對(duì)接社會(huì)提供條件，將企業(yè)文化和行業(yè)規(guī)范引入教學(xué)，實(shí)現(xiàn)校企無障礙對(duì)接，真正將理論教學(xué)與實(shí)踐教學(xué)有機(jī)結(jié)合在一起。在計(jì)算機(jī)信息技術(shù)飛速發(fā)展的環(huán)境下，平面設(shè)計(jì)專業(yè)網(wǎng)頁設(shè)計(jì)課程更要緊扣時(shí)代的脈搏，求實(shí)創(chuàng)新，不斷地更新和豐富教學(xué)內(nèi)容，結(jié)合市場(chǎng)發(fā)展趨勢(shì)創(chuàng)新教學(xué)方法，及時(shí)將最新案例和相關(guān)知識(shí)點(diǎn)引入課堂，最終培養(yǎng)出滿足“互聯(lián)網(wǎng)+”國(guó)家戰(zhàn)略實(shí)施需要、具有綜合素養(yǎng)的網(wǎng)頁設(shè)計(jì)高級(jí)應(yīng)用人才。

作者:洪濤 單位:河南大學(xué)藝術(shù)學(xué)院

網(wǎng)頁設(shè)計(jì)論文:電子商務(wù)專業(yè)網(wǎng)頁設(shè)計(jì)教學(xué)內(nèi)容的設(shè)計(jì)

摘要：《網(wǎng)頁設(shè)計(jì)》是高校很多專業(yè)的一門專業(yè)必修課，本文分析了目前該課程的教學(xué)現(xiàn)狀，提出了針對(duì)電子商務(wù)專業(yè)調(diào)整教學(xué)內(nèi)容的措施，讓課程的教學(xué)更符合電子商務(wù)專業(yè)的要求，讓學(xué)生真正學(xué)到知識(shí)。

關(guān)鍵詞：電子商務(wù)專業(yè)；網(wǎng)頁設(shè)計(jì)；教學(xué)

一、《網(wǎng)頁設(shè)計(jì)》教學(xué)現(xiàn)狀

目前各大高校開設(shè)了《網(wǎng)頁設(shè)計(jì)》課程的專業(yè)有電子商務(wù)、藝術(shù)設(shè)計(jì)、計(jì)算機(jī)軟件、信息工程等專業(yè)，有的學(xué)校還把該課程設(shè)置成全校公選課程，但是教師上這門課時(shí)在教學(xué)方式、教學(xué)內(nèi)容上幾乎完全一致，沒有從專業(yè)發(fā)展的角度來安排教學(xué)內(nèi)容，嚴(yán)重影響了學(xué)生在其專業(yè)領(lǐng)域的發(fā)展。目前該門課程教學(xué)內(nèi)容的設(shè)計(jì)有以下幾種：

（一）介紹網(wǎng)頁三劍客軟件的使用

“網(wǎng)頁三劍客”軟件包括：DREAMWEAVER是一款可進(jìn)行靜態(tài)和動(dòng)態(tài)網(wǎng)頁制作、網(wǎng)站管理的所見即所得網(wǎng)頁編輯器。FIREWORKS主要是用于網(wǎng)頁圖片的制作與處理，也可用于網(wǎng)頁布局。FLASH主要用來制作動(dòng)畫。按照這種教學(xué)內(nèi)容培養(yǎng)出來的學(xué)生往往只是熟悉軟件的使用，不懂網(wǎng)頁源代碼，做出來的網(wǎng)頁效果一般，缺乏特色，學(xué)生將來從事網(wǎng)頁設(shè)計(jì)工作時(shí)會(huì)感覺困難重重。

（二）只介紹DREAMWEAVER軟件的使用

這種教學(xué)方式比較常見，教師只講述DREAMWEAVER軟件的使用，包括：DREAMWEAVER的工作界面、文檔編輯、圖像與多媒體、超鏈接、表格、框架、CSS、模板和庫、表單、行為、網(wǎng)站測(cè)試與。學(xué)生學(xué)習(xí)該課程后，能熟練使用軟件，能用表格、框架、層來進(jìn)行頁面布局，懂得基本的CSS樣式設(shè)置，會(huì)利用行為面板添加一定的網(wǎng)頁特效，在網(wǎng)頁設(shè)計(jì)完成之后，能進(jìn)行網(wǎng)站的測(cè)試與。相比前一種，這種方式培養(yǎng)出來的學(xué)生網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識(shí)更為扎實(shí)，但是相關(guān)的技術(shù)掌握太少。

（三）HTML5、CSS3、JAVASCRIPT網(wǎng)頁設(shè)計(jì)技巧

HTML（HypertextMarkupLanguage），是用于描述網(wǎng)頁文檔的一種標(biāo)記語言，HTML5是當(dāng)前最新版本。CSS即層疊樣式表（CascadingStyleSheet），在網(wǎng)頁制作時(shí)采用層疊樣式表技術(shù)，可以有效地對(duì)頁面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確地控制，CSS3是CSS技術(shù)的升級(jí)版本。JAVASCRIPT一種直譯式腳本語言，用來給HTML網(wǎng)頁增加動(dòng)態(tài)功能。HTML5、CSS3、JAVASCRIPT是網(wǎng)頁設(shè)計(jì)的主流技術(shù)，是教學(xué)的重點(diǎn)和難點(diǎn)。

（四）動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)

除了介紹DREAMWEAVER軟件的使用外，還重點(diǎn)講述后臺(tái)數(shù)據(jù)庫的訪問，即C#語言、數(shù)據(jù)庫編程。由于《網(wǎng)頁設(shè)計(jì)》課程通常開設(shè)在大一，對(duì)于很多從來沒有接觸過編程和數(shù)據(jù)庫的學(xué)生來說，他們會(huì)覺得特別難，容易產(chǎn)生抵觸心理，消磨掉學(xué)習(xí)興趣。

二、電子商務(wù)專業(yè)《網(wǎng)頁設(shè)計(jì)》教學(xué)內(nèi)容的設(shè)計(jì)

電子商務(wù)專業(yè)的培養(yǎng)目標(biāo)是培養(yǎng)掌握電子商務(wù)系統(tǒng)開發(fā)技術(shù)和電子商務(wù)管理與應(yīng)用知識(shí)和技能的高素質(zhì)人才。《網(wǎng)頁設(shè)計(jì)》是電子商務(wù)專業(yè)的一門專業(yè)必修課，是一門涉及面很廣泛的學(xué)科，僅僅講述DREAMWEAVER顯然是不夠的，畢竟在一個(gè)完整的網(wǎng)站中，除了有合理的頁面布局之外，用戶還希望能看到畫面優(yōu)美的圖片、制作精美的動(dòng)畫作品、引人入勝的網(wǎng)頁特效，網(wǎng)站設(shè)計(jì)完成之后，還需要將網(wǎng)站上傳和定期維護(hù)。另外對(duì)于正在讀大一的電子商務(wù)專業(yè)學(xué)生來說，在《網(wǎng)頁設(shè)計(jì)》課程中講述動(dòng)態(tài)網(wǎng)頁也不合適，超出了他們的接受程度。因此本人在給電子商務(wù)專業(yè)的學(xué)生講課時(shí)，結(jié)合他們的專業(yè)特色，將教學(xué)內(nèi)容和課時(shí)（一學(xué)期64個(gè)課時(shí)）做了如下安排：

（一）教學(xué)內(nèi)容安排

1、FIREWORKS圖片切片處理考慮到我校大一新生第一學(xué)期就學(xué)習(xí)了《PHOTOSHOP圖片處理》，掌握了圖片處理的技巧，所以圖片處理部分只講述切片和精確提取屬性值，而且這部分不單獨(dú)拿出來講述，可以穿插在綜合案例的DIV+CSS頁面布局中。2、FLASH動(dòng)畫設(shè)計(jì)：10課時(shí)這部分內(nèi)容是學(xué)生最感興趣的，重點(diǎn)講述動(dòng)畫設(shè)計(jì)的基本方法，要求學(xué)生能夠設(shè)計(jì)出網(wǎng)頁中常見的動(dòng)畫效果，能將動(dòng)畫作品成swf文件或者gif文件，并將作品添加在網(wǎng)頁中。3、DREAMWEAVER軟件使用：10課時(shí)因?yàn)閷W(xué)生在大一第一學(xué)期學(xué)過辦公軟件OFFICE，所以DREAMWEAVER軟件的使用他們很容易掌握。教學(xué)目標(biāo)包括：了解創(chuàng)建站點(diǎn)的方法、視圖的切換、常用面板的使用；熟悉常用的html標(biāo)記；能用軟件建立超鏈接、插入圖片和多媒體文件、設(shè)計(jì)表格、表單。學(xué)完這部分，學(xué)生能利用軟件的菜單和工具欄完成各種類型的簡(jiǎn)單網(wǎng)頁的設(shè)計(jì)。4、DIV+CSS頁面布局：32課時(shí)這一部分是本門課程的教學(xué)重點(diǎn)。教學(xué)目標(biāo)包括：理解DIV盒子模型、熟練掌握CSS常用樣式、精通頁面布局技巧，最終學(xué)生能根據(jù)效果圖自如地設(shè)計(jì)出網(wǎng)頁。5、JAVASCRIPT網(wǎng)頁特效：10課時(shí)對(duì)大部分電子商務(wù)專業(yè)的學(xué)生來說，因?yàn)閺膩頉]有接觸過程序設(shè)計(jì)，所以這部分內(nèi)容對(duì)他們來說是最難掌握的。教師對(duì)他們不能提出過高的要求，以免打消他們學(xué)習(xí)的積極性。教學(xué)目標(biāo)是：學(xué)生掌握J(rèn)AVASCRIPT基本語法，能設(shè)計(jì)簡(jiǎn)單特效，能修改網(wǎng)上下載的網(wǎng)頁特效素材，靈活運(yùn)用到自己的網(wǎng)頁中。6、網(wǎng)站測(cè)試與：2課時(shí)讓學(xué)生掌握網(wǎng)站測(cè)試與的方法。

（二）教學(xué)先后順序

通?！毒W(wǎng)頁設(shè)計(jì)》課程的教學(xué)順序是：網(wǎng)站基本知識(shí)、HTML、DREAMWEAVER（HTML5+CSS3+JAVASCRIPT）、FLASH、FIREWORKS。本人在講述該課程時(shí)教學(xué)的先后順序如上所示，原因有兩點(diǎn)：首先符合網(wǎng)頁設(shè)計(jì)的基本流程：先確定主題，然后準(zhǔn)備素材，PHOTOSHOP制作網(wǎng)頁效果圖，然后用DREAMWEAVER根據(jù)效果圖設(shè)計(jì)網(wǎng)頁。常言道“巧婦難為無米之炊”，只有先把網(wǎng)頁素材準(zhǔn)備好了，才可以開始網(wǎng)頁設(shè)計(jì)。其次相比DREAMWEAVER網(wǎng)頁設(shè)計(jì)，動(dòng)畫設(shè)計(jì)和圖片處理效果更為生動(dòng)直觀，更能激發(fā)學(xué)生的學(xué)習(xí)興趣。

三、結(jié)束語

任何一門課程的教學(xué)都應(yīng)該根據(jù)專業(yè)的特色來調(diào)整教學(xué)內(nèi)容，培養(yǎng)出適應(yīng)社會(huì)需求的專業(yè)性人才。上述《網(wǎng)頁設(shè)計(jì)》課程教學(xué)內(nèi)容的設(shè)計(jì)使電子商務(wù)專業(yè)學(xué)生能夠扎實(shí)掌握網(wǎng)頁設(shè)計(jì)技能，同時(shí)為后續(xù)專業(yè)課程學(xué)習(xí)奠定了良好的基礎(chǔ)。

作者:彭珊珊 彭瓊 馬丕玲 單位:湖南涉外經(jīng)濟(jì)學(xué)院

網(wǎng)頁設(shè)計(jì)論文:網(wǎng)頁設(shè)計(jì)課程教學(xué)實(shí)踐研究

摘要：《網(wǎng)頁設(shè)計(jì)》是一門以培養(yǎng)學(xué)生的實(shí)作能力為主的課程，應(yīng)充分利用僅有的32課時(shí)有效提高學(xué)生的操作與實(shí)踐能力，讓學(xué)生學(xué)以致用。本文探討了基于項(xiàng)目教學(xué)的《網(wǎng)頁設(shè)計(jì)》課程教學(xué)實(shí)踐，希望對(duì)課程的教學(xué)提升有所幫助與啟示。

關(guān)鍵詞：《網(wǎng)頁設(shè)計(jì)》；項(xiàng)目教學(xué)；教學(xué)實(shí)踐

《網(wǎng)頁設(shè)計(jì)》課程是青島農(nóng)業(yè)大學(xué)傳播學(xué)專業(yè)網(wǎng)絡(luò)傳播方向的一門專業(yè)基礎(chǔ)課，其主要目的是培養(yǎng)學(xué)生具有一定的藝術(shù)素養(yǎng)，較強(qiáng)的網(wǎng)頁鑒賞能力，熟悉網(wǎng)頁設(shè)計(jì)創(chuàng)意的原理和方法，熟悉HTML、CSS和網(wǎng)頁制作工具，熟悉網(wǎng)頁的制作和流程，能夠根據(jù)客戶需求進(jìn)行靜態(tài)網(wǎng)頁設(shè)計(jì)與制作以及進(jìn)行小型網(wǎng)站的維護(hù)和管理工作，是一門操作性與實(shí)踐性都很強(qiáng)的課程。課程設(shè)置32學(xué)時(shí)，內(nèi)容多、課程緊，如何在有限的時(shí)間內(nèi)最優(yōu)化學(xué)生的學(xué)習(xí)效果是授課教師面臨的重要課題。

一、理順與先修后繼課程的關(guān)系

以《網(wǎng)頁設(shè)計(jì)》課程為中心，重新規(guī)劃了傳播學(xué)專業(yè)網(wǎng)絡(luò)傳播方向的相關(guān)課程群內(nèi)容，課程的先修課程包含有通識(shí)課程《計(jì)算機(jī)基礎(chǔ)》，專業(yè)基礎(chǔ)課程《C程序設(shè)計(jì)》及《電腦美術(shù)平面設(shè)計(jì)》，課程的后續(xù)課程包含有專業(yè)基礎(chǔ)課程《計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)》，專業(yè)課程《網(wǎng)絡(luò)傳播》《網(wǎng)站創(chuàng)建于管理》，專業(yè)拓展課程《網(wǎng)絡(luò)數(shù)據(jù)庫技術(shù)》《手機(jī)APP開發(fā)》《網(wǎng)站策劃與設(shè)計(jì)》及《動(dòng)態(tài)網(wǎng)站建設(shè)》。

二、確定課程的教學(xué)目標(biāo)

在對(duì)課程進(jìn)行了重新定位和性質(zhì)分析的基礎(chǔ)上，確定課程的總體教學(xué)目標(biāo)為培養(yǎng)學(xué)生靜態(tài)網(wǎng)站設(shè)計(jì)與制作的實(shí)際工作技能，其中：知識(shí)目標(biāo)：了解HTML標(biāo)記語言，熟練使用網(wǎng)頁制作工具Dreamweaver，能完成DIV+CSS標(biāo)準(zhǔn)布局。能力目標(biāo)：能進(jìn)行網(wǎng)站需求分析、總體設(shè)計(jì)，能實(shí)現(xiàn)界面設(shè)計(jì)、基本網(wǎng)頁制作，能制作多種頁面特效，能進(jìn)行網(wǎng)站的基本管理。素質(zhì)目標(biāo)：培養(yǎng)學(xué)生良好的職業(yè)素養(yǎng)、團(tuán)隊(duì)協(xié)作意識(shí)、自我學(xué)習(xí)能力、溝通表達(dá)能力和知識(shí)歸納與積累能力。

三、課程內(nèi)容設(shè)計(jì)

設(shè)計(jì)課程的講授學(xué)時(shí)為16學(xué)時(shí)，實(shí)踐學(xué)時(shí)為16學(xué)時(shí)。教學(xué)內(nèi)容制定的依據(jù)是以崗位需求為導(dǎo)向，對(duì)網(wǎng)頁設(shè)計(jì)師和網(wǎng)絡(luò)美工的工作過程進(jìn)行分解分析，確定崗位的核心能力；將核心能力整合提煉為對(duì)應(yīng)的課程項(xiàng)目；依據(jù)課程項(xiàng)目提煉章、節(jié)、知識(shí)點(diǎn)；構(gòu)建出以工作體系為基礎(chǔ)的課程體系。其中課程項(xiàng)目規(guī)劃設(shè)計(jì)6個(gè)，對(duì)應(yīng)16課時(shí)的實(shí)踐學(xué)時(shí)。分別為：項(xiàng)目一網(wǎng)頁設(shè)計(jì)基礎(chǔ)、項(xiàng)目二Dreamweaver基礎(chǔ)、項(xiàng)目三表格布局的頁面制作、項(xiàng)目四頁面美化、項(xiàng)目五CSS+DIV布局的頁面制作及項(xiàng)目六頁面特效制作。圍繞6個(gè)課程項(xiàng)目，規(guī)劃課程教學(xué)內(nèi)容10章，對(duì)應(yīng)16課時(shí)的講授學(xué)時(shí)，內(nèi)容包括網(wǎng)頁設(shè)計(jì)基礎(chǔ)、Dreamweaver基礎(chǔ)、頁面與文本、圖像與多媒體、超鏈接、表格、CSS樣式、CSS+DIV布局、APDiv和Spry及行為。

四、《網(wǎng)頁設(shè)計(jì)》項(xiàng)目教學(xué)實(shí)踐

課程的實(shí)施步驟主要包括知識(shí)引入、項(xiàng)目布置、項(xiàng)目分析、分解實(shí)施及分步總結(jié)5個(gè)環(huán)節(jié)，本文以“頁面特效制作”項(xiàng)目為例，具體闡述課程教學(xué)實(shí)施過程[1,2]。

（一）知識(shí)引入

平時(shí)瀏覽到的網(wǎng)頁，很多都有網(wǎng)頁特效。像圖1左右兩側(cè)的對(duì)聯(lián)懸浮廣告，以及圖2中的圖像變化效果，這些特效的實(shí)現(xiàn)與“行為”這一知識(shí)點(diǎn)密切相關(guān)。針對(duì)行為是什么和如何為網(wǎng)頁添加行為，圍繞第十章行為相關(guān)知識(shí)點(diǎn)開展教學(xué)。在基本知識(shí)點(diǎn)完成學(xué)習(xí)的基礎(chǔ)上，布置本次需要完成的項(xiàng)目是“制作甜品飲料吧網(wǎng)頁特效”。

（二）項(xiàng)目分析

教師對(duì)項(xiàng)目任務(wù)的重點(diǎn)、難點(diǎn)進(jìn)行細(xì)致的分析講解，學(xué)生針對(duì)性地記錄相關(guān)知識(shí)點(diǎn)。例如，對(duì)“甜品飲料吧”案例進(jìn)行分析，確定該項(xiàng)目的操作要點(diǎn)為：一是在“熱賣產(chǎn)品”下方，分別為圖像“茉莉花香”“冰火兩重天”“生命之綠”，“巨杯甜飲”添加顯示-隱藏元素特效。二是在“特色產(chǎn)品”下方，添加交換圖像特效。學(xué)生要在教師的指導(dǎo)下充分理解項(xiàng)目要求。

（三）分解實(shí)施

學(xué)生根據(jù)項(xiàng)目任務(wù)做好詳細(xì)地分步實(shí)施計(jì)劃，教師按照任務(wù)節(jié)點(diǎn)要求以及學(xué)生學(xué)習(xí)計(jì)劃指導(dǎo)學(xué)生進(jìn)行網(wǎng)頁設(shè)計(jì)與制作，并注意糾正學(xué)生自主學(xué)習(xí)過程中出現(xiàn)的偏差，著重培養(yǎng)學(xué)生的項(xiàng)目實(shí)踐能力。

（四）分步總結(jié)

對(duì)于項(xiàng)目實(shí)施過程中的重點(diǎn)與難點(diǎn)，找出共性問題進(jìn)行講解。

五、結(jié)束語

項(xiàng)目教學(xué)是培養(yǎng)學(xué)生自主學(xué)習(xí)能力、自主分析與解決問題的能力及實(shí)作能力的有效方法，與《網(wǎng)頁設(shè)計(jì)》課程的教學(xué)目的與要求契合。實(shí)踐表明，將項(xiàng)目教學(xué)法應(yīng)用于《網(wǎng)頁設(shè)計(jì)》課程顯著提高了課程的教學(xué)效率和效果。但是在實(shí)際應(yīng)用中也存在一些問題：學(xué)生計(jì)算機(jī)理論及實(shí)際操作能力較弱，個(gè)別學(xué)習(xí)能力較強(qiáng)的學(xué)生會(huì)利用自已準(zhǔn)備的素材設(shè)計(jì)具有個(gè)人特點(diǎn)的作品，大部分基本利用老師提供的素材和按照提供的效果圖完成最終任務(wù)，從作品中看出學(xué)生靈活變通能力、自主創(chuàng)作設(shè)計(jì)能力不足。部分學(xué)生更希望老師操作演示，自己減少思考和動(dòng)手操作過程，所以要密切關(guān)注學(xué)生當(dāng)堂學(xué)習(xí)情況并及時(shí)調(diào)整教學(xué)方法。此外可以采用小組分工合作等方法活躍課堂氣氛，要通過小組評(píng)價(jià)、小組互評(píng)、教師評(píng)價(jià)等方法盡可能在評(píng)價(jià)反饋方面詳盡合理，同時(shí)要注意過程性評(píng)價(jià)與總結(jié)性評(píng)價(jià)相結(jié)合[3]。

作者:孫曉梅 單位:青島農(nóng)業(yè)大學(xué)

網(wǎng)頁設(shè)計(jì)論文:網(wǎng)頁設(shè)計(jì)與制作課程改革與實(shí)踐

摘要：網(wǎng)頁設(shè)計(jì)與制作是計(jì)算機(jī)應(yīng)用專業(yè)的重要課程，如何采取有效手段、方式，實(shí)現(xiàn)學(xué)生的計(jì)算機(jī)自主學(xué)習(xí)與實(shí)踐能力的提升，讓學(xué)生具備較強(qiáng)的操作及技能，以提升計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)與制作的教學(xué)質(zhì)量與效率，是當(dāng)前廣大教育工作者急需解決的主要問題。該文主要分析了基于項(xiàng)目教學(xué)的“網(wǎng)頁設(shè)計(jì)與制作”課程改革與實(shí)踐，希望能為課堂教學(xué)提供參考。

關(guān)鍵詞：項(xiàng)目教學(xué)；網(wǎng)頁設(shè)計(jì)與制作；課程改革；實(shí)踐

項(xiàng)目教學(xué)模式作為一種以生為本，具有多元化、開放性特點(diǎn)的新型教學(xué)模式，強(qiáng)調(diào)了在教學(xué)時(shí)，以學(xué)生文本，加強(qiáng)對(duì)意義建構(gòu)的主義理論、探究式學(xué)習(xí)的理論的重視作用。即在整個(gè)教學(xué)過程中，嚴(yán)格遵循“以生為主體，教師輔導(dǎo)”的教學(xué)原則，以教學(xué)目標(biāo)、任務(wù)為出發(fā)點(diǎn)，讓學(xué)生在教師指導(dǎo)下，按照自己的學(xué)習(xí)能力與喜好，與同學(xué)進(jìn)行自由組合，選擇相應(yīng)的題型，組織開展項(xiàng)目研究學(xué)習(xí)，以充分發(fā)揮學(xué)生的主觀能動(dòng)性，從而提高他們的創(chuàng)造能力與創(chuàng)新精神。因此基于項(xiàng)目教學(xué)模式下，對(duì)“網(wǎng)頁設(shè)計(jì)與制作”課程進(jìn)行改革與實(shí)踐，勢(shì)在必行。

1教學(xué)改革的理念與思路

在計(jì)算機(jī)應(yīng)用專業(yè)的教學(xué)中，對(duì)于網(wǎng)頁設(shè)計(jì)和制作課程的教學(xué)總體目標(biāo)，主要是通過真實(shí)的網(wǎng)站項(xiàng)目來開展教學(xué)活動(dòng)，讓學(xué)生能夠依據(jù)網(wǎng)站開發(fā)的過程和網(wǎng)頁制作方法，結(jié)合需要制作的要求，制作出簡(jiǎn)單的網(wǎng)頁圖像與自動(dòng)生成的動(dòng)態(tài)網(wǎng)頁，以提升學(xué)生網(wǎng)頁制作技能，積累豐富的網(wǎng)頁制作經(jīng)驗(yàn)，從而滿足日后工作崗位需求。因此在進(jìn)行網(wǎng)頁設(shè)計(jì)與制作時(shí)，應(yīng)體現(xiàn)以下理念：(1)培養(yǎng)與人溝通和團(tuán)隊(duì)合作的能力。為能準(zhǔn)確地把握項(xiàng)目制作的要求與客戶的需要，教師必須重點(diǎn)培養(yǎng)學(xué)生與人溝通、團(tuán)隊(duì)合作的能力。讓學(xué)生通過自由組隊(duì)的方式合作開發(fā)項(xiàng)目，共同努力完成布置的任務(wù)，讓學(xué)生之間能夠形成良好合作的關(guān)系，以提升學(xué)生的心理素質(zhì)與適應(yīng)社會(huì)環(huán)境的能力。(2)培養(yǎng)職業(yè)技術(shù)能力和解決問題的能力。培養(yǎng)學(xué)生具備扎實(shí)的專業(yè)技術(shù)能力，這是網(wǎng)頁設(shè)計(jì)與制作課程中能力培養(yǎng)的關(guān)鍵。因此在進(jìn)行教學(xué)時(shí)，對(duì)學(xué)生職業(yè)技術(shù)能力的培養(yǎng)，主要包括以下幾方面：①網(wǎng)站的規(guī)劃能力。在項(xiàng)目教學(xué)中，應(yīng)了解分析項(xiàng)目的內(nèi)容，正確地理解項(xiàng)目的要求，并合理規(guī)劃項(xiàng)目，編寫網(wǎng)站的建設(shè)方案。②網(wǎng)站的設(shè)計(jì)能力。學(xué)生應(yīng)熟悉網(wǎng)頁的工作環(huán)境，詳細(xì)規(guī)劃與設(shè)計(jì)網(wǎng)頁布局，并了解開發(fā)的主要工具，靈活使用網(wǎng)頁元素，保證網(wǎng)頁設(shè)計(jì)順利完成。③網(wǎng)站的維護(hù)與更新能力。應(yīng)依據(jù)專業(yè)規(guī)范操作，來維護(hù)與更新網(wǎng)站。④解決問題的應(yīng)變能力。網(wǎng)頁設(shè)計(jì)對(duì)專業(yè)性要求極高，因此要想強(qiáng)化學(xué)生處理問題和解決問題的能力，必須引導(dǎo)學(xué)生熟悉與掌握網(wǎng)頁設(shè)計(jì)中較為常用的方法與工具。(3)自學(xué)與創(chuàng)新能力。自學(xué)能力即培養(yǎng)學(xué)生自我解決問題的能力，主要是指學(xué)生在學(xué)習(xí)的過程中，能夠形成良好的學(xué)習(xí)習(xí)慣與掌握所學(xué)的知識(shí)，并通過自主學(xué)習(xí)的方式，來獲得有用的信息，以積極的應(yīng)對(duì)職業(yè)中遇到的問題。而創(chuàng)新能力則是培養(yǎng)學(xué)生具備創(chuàng)新思維與創(chuàng)新意識(shí)，從而為日后工作打下扎實(shí)基礎(chǔ)[1]。

2基于項(xiàng)目教學(xué)的“網(wǎng)頁設(shè)計(jì)與制作”課程改革與實(shí)踐的途徑

2.1課程整體設(shè)計(jì)

在網(wǎng)頁設(shè)計(jì)與制作課程中應(yīng)用項(xiàng)目教學(xué)，是否能成功的關(guān)鍵在于給學(xué)生安排的學(xué)習(xí)任務(wù)是否恰當(dāng)。通常在設(shè)計(jì)項(xiàng)目的內(nèi)容時(shí)，必須保證對(duì)學(xué)生具有挑戰(zhàn)性、實(shí)用性、趣味性以及可操作性，要求學(xué)生通過查閱相關(guān)資料，經(jīng)過仔細(xì)研究和思考，便可順利地完成學(xué)習(xí)任務(wù)。但需要特殊注意的是，教師在設(shè)計(jì)學(xué)習(xí)任務(wù)時(shí)，必須按照教學(xué)目標(biāo)與學(xué)生個(gè)性差異來設(shè)計(jì)，保證內(nèi)容設(shè)計(jì)不能過于復(fù)雜[2]。例如在“網(wǎng)頁設(shè)計(jì)與制作”的教學(xué)過程中，課程整體設(shè)計(jì)的目標(biāo)是從簡(jiǎn)單——復(fù)雜——綜合網(wǎng)站建設(shè)項(xiàng)目的訓(xùn)練方式，讓學(xué)生能夠依據(jù)網(wǎng)站業(yè)務(wù)的需要，對(duì)網(wǎng)站需要的功能加以分析，以明確網(wǎng)頁風(fēng)格與結(jié)構(gòu)，理解并設(shè)計(jì)出相應(yīng)的制作方案，從而掌握網(wǎng)頁制作與網(wǎng)站的方法，熟練HTML語言、Dreamweaver網(wǎng)頁制作軟件，能讀取JavaScript代碼，并學(xué)會(huì)靈活運(yùn)用CSS設(shè)計(jì)網(wǎng)站的元素。這時(shí)教師需要在設(shè)計(jì)上，依據(jù)項(xiàng)目的需要，選出“企業(yè)網(wǎng)站建設(shè)”作為該課程的實(shí)訓(xùn)項(xiàng)目，將課程設(shè)計(jì)任務(wù)劃分為5個(gè)項(xiàng)目，16個(gè)任務(wù)、每個(gè)任務(wù)4學(xué)時(shí)，前2個(gè)項(xiàng)目是網(wǎng)站點(diǎn)的創(chuàng)建和靜態(tài)網(wǎng)頁設(shè)計(jì)，屬于簡(jiǎn)單的入門項(xiàng)目，由教師輔導(dǎo)；第3與4個(gè)項(xiàng)目是進(jìn)行網(wǎng)頁素材設(shè)計(jì)和制作，依據(jù)規(guī)范進(jìn)行標(biāo)準(zhǔn)化網(wǎng)頁設(shè)計(jì)；第5個(gè)項(xiàng)目課后完成項(xiàng)目的情況，讓學(xué)生能夠積極參與項(xiàng)目的開發(fā)和維護(hù)中，以拓寬課程教學(xué)的內(nèi)容。但是每1個(gè)項(xiàng)目都應(yīng)以任務(wù)為載體，將課程學(xué)習(xí)的內(nèi)容劃分到每1個(gè)項(xiàng)目中。且每1個(gè)項(xiàng)目之間都有明顯的獨(dú)立性，同時(shí)項(xiàng)目之間相互聯(lián)系，知識(shí)與技能循環(huán)漸進(jìn)；前1項(xiàng)是后1項(xiàng)的基礎(chǔ)，后1項(xiàng)是鞏固前1項(xiàng)的關(guān)鍵，實(shí)現(xiàn)知識(shí)和技能學(xué)習(xí)的層層遞進(jìn)、由淺到深、由簡(jiǎn)到繁，以樹立學(xué)生學(xué)習(xí)的自信心。

2.2建立項(xiàng)目小組

在明確項(xiàng)目教學(xué)的內(nèi)容后，教師應(yīng)召集全班的學(xué)生，讓學(xué)生依據(jù)項(xiàng)目，自由分組學(xué)習(xí)，全班分成若干組，每組為3~5名，并安排組織能力較強(qiáng)、善于表達(dá)的學(xué)生擔(dān)任本組的小組長(zhǎng)。然后每組學(xué)生在組長(zhǎng)的領(lǐng)導(dǎo)下，按照項(xiàng)目要求的內(nèi)容，在課后充分利用參考書目、內(nèi)容對(duì)網(wǎng)站制作與設(shè)計(jì)所涉及的資料進(jìn)行查閱。此外，教師是項(xiàng)目的指導(dǎo)者，應(yīng)適當(dāng)引導(dǎo)學(xué)生整理所需要資料。讓每個(gè)成員之間依據(jù)不同的學(xué)習(xí)任務(wù)，專門負(fù)責(zé)自己的問題。例如在“網(wǎng)頁設(shè)計(jì)與制作”的教學(xué)過程中，教師依據(jù)本班學(xué)生的情況，將學(xué)生劃分成每組5名成員后，結(jié)合實(shí)施方案，讓1名理論功底扎實(shí)的學(xué)生負(fù)責(zé)網(wǎng)站欄目的整體規(guī)劃；1名計(jì)算機(jī)操作能力較強(qiáng)的學(xué)生負(fù)責(zé)網(wǎng)頁制作；2名程序設(shè)計(jì)能力較強(qiáng)的學(xué)生負(fù)責(zé)代碼的編寫和程序調(diào)試；然后讓擔(dān)任小組長(zhǎng)的學(xué)生負(fù)責(zé)對(duì)網(wǎng)站加以宣傳，并制定項(xiàng)目進(jìn)度表，明確成果完成的時(shí)間，同時(shí)詳細(xì)記錄每個(gè)成員學(xué)習(xí)的情況、態(tài)度，為教師的評(píng)價(jià)提供依據(jù)。

2.3項(xiàng)目教學(xué)的實(shí)施

項(xiàng)目教學(xué)的實(shí)施主要是引導(dǎo)學(xué)生為完成項(xiàng)目，而組織開展自主性的學(xué)習(xí)，以輔導(dǎo)學(xué)生依據(jù)項(xiàng)目學(xué)習(xí)中所需要的知識(shí)與技能，通過有效的學(xué)習(xí)方法來開展學(xué)習(xí)活動(dòng)，激發(fā)學(xué)生的學(xué)習(xí)熱情與主動(dòng)性[3]。例如在確定各小組的學(xué)習(xí)任務(wù)后，進(jìn)入具體“網(wǎng)頁設(shè)計(jì)與制作”課程的學(xué)習(xí)中，一開始部分學(xué)生會(huì)感覺到制作一個(gè)網(wǎng)站，以我個(gè)人的能力，難以順利完成教師布置的任務(wù)，又怎會(huì)設(shè)計(jì)出具有個(gè)人鮮明、獨(dú)具個(gè)性的網(wǎng)站來吸引客戶的注意力？針對(duì)這些問題，在進(jìn)行教學(xué)時(shí)，教師需要將教學(xué)知識(shí)轉(zhuǎn)變成學(xué)習(xí)任務(wù)，以學(xué)生合作的方式，然后詳細(xì)講解網(wǎng)頁設(shè)計(jì)與制作的知識(shí)點(diǎn)，讓學(xué)生結(jié)合參考目錄和資料，來回答提出的學(xué)習(xí)問題：(1)什么是框架？有什么作用？(2)框架和網(wǎng)頁之間的聯(lián)系？框架的優(yōu)缺點(diǎn)？(3)依據(jù)各網(wǎng)站主頁布局，怎樣合理地使用框架？這樣學(xué)生不僅能夠在合作的前提下，進(jìn)行自主探究學(xué)習(xí)，還可快速找到問題的答案：在Web瀏覽器窗口中，HTML框架集文檔顯示的若干個(gè)獨(dú)立的可滾動(dòng)區(qū)域就是框架，框架集中每一個(gè)框架在Web瀏覽器窗口中，屬于自己管轄區(qū)域內(nèi)顯示一個(gè)HTML文檔，可使用選項(xiàng)內(nèi)是否滾動(dòng)和可調(diào)整大小來調(diào)整頁面。

2.4成果展示

在網(wǎng)頁設(shè)計(jì)與制作課堂教學(xué)中應(yīng)用項(xiàng)目教學(xué)時(shí)，項(xiàng)目成果的展示是為教師評(píng)價(jià)提供參考的關(guān)鍵。因此在實(shí)際項(xiàng)目學(xué)習(xí)成果展示的過程中，要求教師應(yīng)依據(jù)項(xiàng)目教學(xué)的要求來組織各個(gè)小組的小組長(zhǎng)匯報(bào)本組的項(xiàng)目成果。但需要特殊注意的是，小組長(zhǎng)在展示、匯報(bào)本組的項(xiàng)目成果時(shí)，需要詳細(xì)說明作品涉及的知識(shí)點(diǎn)、創(chuàng)新、優(yōu)缺點(diǎn)和項(xiàng)目中遇到的困難，并說明對(duì)于遇到的問題，應(yīng)該如何解決，而其他小組的成員，也可提問與設(shè)計(jì)有關(guān)的思路、技術(shù)和特點(diǎn)等問題，讓課堂教學(xué)生動(dòng)活潑，從而提高教學(xué)的效果[4]。例如在“網(wǎng)頁設(shè)計(jì)與制作”的教學(xué)過程中，各小組完成動(dòng)態(tài)網(wǎng)頁作品的制作后，教師應(yīng)通過組織活動(dòng)的方式，讓每個(gè)小組的組長(zhǎng)借助電子演示文稿的方式，詳細(xì)的介紹、JSP和PHP等動(dòng)態(tài)網(wǎng)頁技術(shù)，但是由于時(shí)間的限制，教師需要引導(dǎo)每個(gè)小組結(jié)合學(xué)習(xí)的情況，將關(guān)于ASP的內(nèi)置對(duì)象：Request、SQL查詢語言、Respone、Server、Application、Session以及ADO組件中的Connection、Command和Record.Set等歸納為一個(gè)單獨(dú)的知識(shí)點(diǎn)加以闡述，以便其他小組的成員理解掌握Dreamweaver數(shù)據(jù)庫、綁定和服務(wù)器行為等網(wǎng)頁制作知識(shí)。

2.5考核方式的改革

項(xiàng)目完成后的最后環(huán)節(jié)就是教師要進(jìn)行及時(shí)客觀的點(diǎn)評(píng)與總結(jié)，評(píng)定學(xué)生的學(xué)習(xí)成績(jī)。但是以往的課程考核方式都是通過筆試與期末提交個(gè)人作品的方式來考核，這種考核模式過于注重結(jié)果，忽略學(xué)生學(xué)習(xí)的過程，難以達(dá)到項(xiàng)目教學(xué)的考核目的。因此在對(duì)學(xué)生的成績(jī)進(jìn)行評(píng)價(jià)與總結(jié)時(shí)，教師必須將現(xiàn)場(chǎng)匯報(bào)、學(xué)生自我評(píng)價(jià)和學(xué)生互評(píng)內(nèi)評(píng)價(jià)內(nèi)容納入到考核評(píng)價(jià)中，形成完善的課程考核評(píng)價(jià)體系，從作品的主題、版面、圖片、色彩搭配、網(wǎng)站布局和超鏈接等方面來考核學(xué)生的口頭表達(dá)能力、溝通能力、日常出勤、課堂表現(xiàn)和每個(gè)階段實(shí)訓(xùn)項(xiàng)目的質(zhì)量，以了解學(xué)生掌握的技能，然后通過百分制的方式進(jìn)行最后總評(píng)，依據(jù)40%的比例納入到課程總評(píng)成績(jī)中，實(shí)現(xiàn)評(píng)價(jià)的合理性[5]。

3結(jié)束語

綜上所述，項(xiàng)目教學(xué)在網(wǎng)頁設(shè)計(jì)與制作中的應(yīng)用，不僅能豐富課堂教學(xué)的內(nèi)容，拓寬學(xué)生的知識(shí)面，實(shí)現(xiàn)知識(shí)的轉(zhuǎn)化與整合。還可按照項(xiàng)目的目標(biāo)進(jìn)行課程的整體設(shè)計(jì)、建立項(xiàng)目小組、成果展示和考核，將枯燥、乏味的文字變得更加生動(dòng)有趣，讓學(xué)生積極參與到項(xiàng)目活動(dòng)中，充分發(fā)揮學(xué)生的主動(dòng)性與潛力，進(jìn)行自主性探究學(xué)習(xí)，以培養(yǎng)學(xué)生形成良好的學(xué)習(xí)習(xí)慣，從而促進(jìn)學(xué)生全方面發(fā)展。

作者:吳細(xì)花 單位:長(zhǎng)沙職業(yè)技術(shù)學(xué)院

網(wǎng)頁設(shè)計(jì)論文:網(wǎng)頁設(shè)計(jì)中視覺元素的功能與審美性

摘要：隨著網(wǎng)絡(luò)新時(shí)代的到來，網(wǎng)頁早已成為人們生活不可缺少的一種信息載體，也為視覺設(shè)計(jì)者提供了一個(gè)新的設(shè)計(jì)領(lǐng)域，隨著人們對(duì)網(wǎng)頁視覺要求的提高，網(wǎng)頁視覺元素的運(yùn)用與審美功能的體現(xiàn)，也顯得更加重要。針對(duì)網(wǎng)頁設(shè)計(jì)中視覺元素功能與審美性研究進(jìn)行幾點(diǎn)分析。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；視覺元素；功能；審美

在科學(xué)技術(shù)日新月異的今天，因特網(wǎng)這個(gè)嶄新的傳播媒體，使人與人之間的距離更近。在網(wǎng)絡(luò)迅速發(fā)展的今天，人們可以足不出戶的利用網(wǎng)絡(luò)獲取外界信息，因此對(duì)瀏覽界面也有了新的要求，除了功能性更強(qiáng)以外，審美性的要求也更高。而視覺語言的應(yīng)用，為網(wǎng)頁設(shè)計(jì)提供了新的方向，也促進(jìn)了網(wǎng)頁設(shè)計(jì)的發(fā)展。

1功能與審美性

1.1網(wǎng)頁瀏覽的視覺規(guī)律

與印刷設(shè)計(jì)相似，網(wǎng)頁設(shè)計(jì)也要遵循視覺規(guī)律的引導(dǎo)與利用。人們觀看網(wǎng)頁，遵循這一定的移動(dòng)規(guī)律，而視覺的移動(dòng)規(guī)律，能夠引導(dǎo)瀏覽者瀏覽網(wǎng)頁的視覺順序，進(jìn)而使網(wǎng)頁瀏覽更加輕松。這就要求設(shè)計(jì)者，要依靠視覺語言各要素直接的聯(lián)系與外形呼應(yīng)，建立網(wǎng)頁頁面中的視覺流動(dòng)，將瀏覽者無形的視覺移動(dòng)規(guī)律與網(wǎng)頁設(shè)計(jì)視覺要求建立一種心理聯(lián)系和呼應(yīng)，從而達(dá)到提高網(wǎng)頁瀏覽效率與瀏覽享受的目的。在應(yīng)用網(wǎng)頁視覺語言的過程中，運(yùn)用這額聯(lián)系，能夠?yàn)槿藗儎?chuàng)造更多的組合和安排，從而使網(wǎng)頁設(shè)計(jì)設(shè)計(jì)也更加簡(jiǎn)便化。網(wǎng)絡(luò)可以達(dá)到提高人類信息交流與傳播的目的，讓日常生活變得更加方便，也提升了基本生活標(biāo)準(zhǔn)。

1．2網(wǎng)頁頁面導(dǎo)向設(shè)置

網(wǎng)絡(luò)頁面中會(huì)呈現(xiàn)多條與搜索相關(guān)或無關(guān)的信息，為了提高瀏覽者準(zhǔn)確找到需求信息的速率，也為了確保瀏覽頁面具有一定的指示性，網(wǎng)絡(luò)頁面的導(dǎo)向性功能至關(guān)重要。與傳統(tǒng)的網(wǎng)絡(luò)頁面相比，最新的頁面信息排版以及引導(dǎo)方式，除了利用原有的文字進(jìn)行信息提示外，還在適當(dāng)?shù)奈恢锰砑訄D片信息，方便瀏覽者進(jìn)行資料搜索，加快對(duì)重點(diǎn)信息的瀏覽速度。網(wǎng)絡(luò)頁面的整體構(gòu)圖也應(yīng)清晰合理，避免對(duì)瀏覽者造成視覺干擾，只有這樣，才能保證瀏覽者可以按照導(dǎo)向指示，完成資料的搜索任務(wù)。

1．3網(wǎng)頁的版式語言表現(xiàn)

由于人體視網(wǎng)膜構(gòu)造的原因，人體視網(wǎng)膜晶體只能產(chǎn)生單一焦點(diǎn)，這就限制了人類瀏覽信息的速度，所以，瀏覽者需要按照個(gè)人需求有順序地進(jìn)行信息的觀看。為進(jìn)一步提高網(wǎng)頁的點(diǎn)擊量，頁面設(shè)計(jì)者應(yīng)合理布局，將重要信息排版清晰，并盡量符合人類視覺網(wǎng)絡(luò)瀏覽的基本習(xí)慣，有效區(qū)分各信息之間的主次關(guān)系，盡量顯示信息的重要內(nèi)容，提高瀏覽者的閱讀速度。

1．4審美性

網(wǎng)頁頁面設(shè)計(jì)需要合理布局，而其中摻雜的語言，也應(yīng)按照主次關(guān)系進(jìn)行分類，具體所遵循的原則，可以從以下幾點(diǎn)分析：

1．4.1網(wǎng)頁頁面內(nèi)容與形式的一致性

網(wǎng)頁頁面所呈現(xiàn)的信息量十分巨大，這對(duì)瀏覽者會(huì)造成一定的信息干擾。為保證可以在重要區(qū)域凸顯重點(diǎn)信息內(nèi)容，也為了合理利用僅有的網(wǎng)頁空間，設(shè)計(jì)者應(yīng)盡量多地呈現(xiàn)具有瀏覽價(jià)值的信息，并合理構(gòu)建信息的內(nèi)容與表現(xiàn)形式模型，讓最終的頁面效果具有視覺沖擊感，并可以縷清瀏覽脈絡(luò)，為瀏覽者提供適合人眼閱讀的頁面環(huán)境。點(diǎn)擊的頁面內(nèi)容應(yīng)確保與所呈現(xiàn)的文字形式高度一致，避免瀏覽者被不精準(zhǔn)的信息干擾，影響瀏覽心情，降低瀏覽速率。

1．4.2重要信息的突出顯示

在大量的頁面信息中找到需要的信息內(nèi)容，這對(duì)瀏覽者的閱讀速度是一種考驗(yàn)，為盡量普及頁面的瀏覽功能，設(shè)計(jì)者需要合理布局，盡量將重點(diǎn)信息內(nèi)容放在符合瀏覽者視線瀏覽的區(qū)域內(nèi)，讓頁面更有層次感。在適當(dāng)?shù)奈恢门渖衔淖种黝}說明，并采取加大瀏覽字符或文字標(biāo)紅的形式，突出重要信息內(nèi)容。

2網(wǎng)絡(luò)設(shè)計(jì)中視覺元素具體應(yīng)用

2．1動(dòng)態(tài)視覺元素

設(shè)計(jì)師在對(duì)網(wǎng)頁進(jìn)行語言編輯的過程中，需要合理添加動(dòng)態(tài)設(shè)計(jì)元素，其中包括聲、像、影、音等多媒體文件。在網(wǎng)頁中添加這些動(dòng)態(tài)元素，可以明顯提高網(wǎng)頁的信息點(diǎn)擊量，提升信息的點(diǎn)擊價(jià)值。瀏覽者可以利用頁面進(jìn)行信息的快速搜索，并被動(dòng)態(tài)信息吸引，增強(qiáng)頁面視覺影像力的同時(shí)，獲得愉快的瀏覽心情。比如：動(dòng)畫媒體能給瀏覽者以強(qiáng)烈的視覺沖擊，在為其提供具有親和力的視覺影像資料的同時(shí)，可以同步滿足瀏覽者的好奇心，并通過動(dòng)態(tài)視頻資料給瀏覽者更真實(shí)的視覺體驗(yàn)。二維、三維動(dòng)畫影像的出現(xiàn)，提高了人與電腦之間的交流速度，形成一條特別的獲取信息的橋梁，同時(shí)，它既可以為人的某些情緒提供宣泄場(chǎng)所，又可以讓簡(jiǎn)單整潔的畫風(fēng)，給瀏覽者更舒適的視覺體驗(yàn)。在網(wǎng)頁系統(tǒng)的合適位置添加聲音信息，能夠讓瀏覽者解放雙眼，得到短時(shí)間的視覺放松，盡情地獲得聽覺的享受?；ヂ?lián)網(wǎng)將同步提供音樂播放下載、網(wǎng)頁電影直播、影視實(shí)況轉(zhuǎn)播等多個(gè)瀏覽模塊，給消費(fèi)者以身臨其境的感受。這種如同深陷其中的現(xiàn)場(chǎng)真實(shí)感覺，可以快速喚起瀏覽者的共鳴，提高視頻影像資料的影響力。首幀畫面將帶給消費(fèi)者以最大的視覺吸引，這就要求設(shè)計(jì)師需要選擇合適的圖片元素，才能最大程度地提高點(diǎn)擊量，讓更有價(jià)值的聲音和影像信息被瀏覽者獲取，讓重要信息擁有全新的宣傳和發(fā)展空間。

2.2人性化視覺語言

瀏覽者可以在網(wǎng)頁中第一時(shí)間獲取想要知道的信息內(nèi)容，并可以在正確的引導(dǎo)下完成下一步的信息搜索，這是網(wǎng)頁設(shè)計(jì)師想要看到的成果。這種較為人性化的網(wǎng)頁設(shè)計(jì)理念既要充分突出網(wǎng)頁的特點(diǎn)，又要保證瀏覽頁面的簡(jiǎn)單。瀏覽者可以在既智能又含有技巧性的網(wǎng)頁內(nèi)快速接受被宣傳的信息，這是網(wǎng)頁設(shè)計(jì)高手以及制圖軟件高手具有的基本網(wǎng)頁制作能力。設(shè)計(jì)高手本身需要具有較強(qiáng)的理解、語言組織、網(wǎng)頁編輯、宏觀調(diào)控等多項(xiàng)能力，為滿足不同瀏覽者的瀏覽需求，在體現(xiàn)人性化網(wǎng)頁色彩搭配上，可以為女性瀏覽者提供以紫色為主色調(diào)的瀏覽頁面，并盡可能提供精準(zhǔn)的信息檢索項(xiàng)目。網(wǎng)頁設(shè)計(jì)需要具有足夠的吸引力，才能保證商家在頁面上進(jìn)行信息的公布。沒有人點(diǎn)擊或搜索的頁面設(shè)計(jì)，就好比沒人閱讀的海報(bào)、說明書、雜志封面一樣，不具備信息的傳播和引導(dǎo)能力。設(shè)計(jì)師應(yīng)十分注意網(wǎng)頁的人性化設(shè)計(jì)理念，將需要宣傳和引導(dǎo)的信息放在網(wǎng)頁的顯眼位置，既可以增加這些信息被點(diǎn)擊的可能性，又可以對(duì)瀏覽者進(jìn)行信息的引導(dǎo)，但是，多數(shù)網(wǎng)頁設(shè)計(jì)人員并沒有這么做，瀏覽者通常無法點(diǎn)擊到那些敏感且悠閑的區(qū)域，這就促使某些重要信息始終無法被閱讀，失去其存在的價(jià)值和意義。合理地對(duì)現(xiàn)有網(wǎng)絡(luò)框架進(jìn)行布局，并通過文字或圖片引導(dǎo)的方式，讓網(wǎng)頁的排版更加有序，增強(qiáng)頁面對(duì)瀏覽者的視覺沖擊感，確保瀏覽頁面具有一定的引導(dǎo)功能。合適的背景音樂可以放松瀏覽者的心情，并快速獲取瀏覽者的關(guān)注，在避免其出現(xiàn)審視疲勞的同時(shí)，可以給瀏覽者以更真實(shí)的感受和體驗(yàn)。

2．3交互化視覺元素

“鏈接”是網(wǎng)絡(luò)應(yīng)用中比較常見的一種資源共享和交流的方式，在網(wǎng)絡(luò)上利用鏈接進(jìn)行資源共享，可以實(shí)現(xiàn)對(duì)文字詞語視頻以及影像資料的及時(shí)交換，提高資料搜索的準(zhǔn)確度。超鏈接同樣作為網(wǎng)頁瀏覽的另一種資源交換方式，這種資源分享的途徑可以完成全新視角的元素分享，并做到信息及時(shí)同步，提高信息的利用價(jià)值。交互化世界元素的主要表現(xiàn)方式應(yīng)盡量做到人性化系統(tǒng)處理，比如：在合適的位置添加導(dǎo)航條，或?yàn)橐曨l提供播放按鈕，再或者可以在地圖上提供工具熱點(diǎn)，這些信息都應(yīng)放在主頁面的明顯位置，以便瀏覽者可以迅速找尋并點(diǎn)擊進(jìn)入。鏈接內(nèi)容可以依次進(jìn)行排列，為進(jìn)一步方便瀏覽者對(duì)網(wǎng)頁進(jìn)行資源搜索，需要在底部設(shè)置返回主頁、返回頂層等選項(xiàng)，可以將這些按鈕以紅色按鈕的方式進(jìn)行展示，來引起瀏覽者的注意，這也是體現(xiàn)人性化設(shè)計(jì)的主要方式。加強(qiáng)人與商品之間的信息溝通和交流，可以進(jìn)一步提高購物的樂趣。網(wǎng)頁設(shè)計(jì)應(yīng)盡量做到簡(jiǎn)潔明了，排除過多不必要文字的敘述，讓瀏覽者可以快速分清主次關(guān)系。適當(dāng)?shù)靥砑訄D片，可以提高瀏覽者的點(diǎn)擊量，讓網(wǎng)頁更加美觀。網(wǎng)頁還要保持整體的設(shè)計(jì)風(fēng)格，及時(shí)對(duì)重要信息進(jìn)行分層分結(jié)構(gòu)處理，向公眾傳達(dá)完整、準(zhǔn)確、詳細(xì)的信息內(nèi)容。統(tǒng)一的風(fēng)格可以為瀏覽者提供更準(zhǔn)確的區(qū)域模塊，讓瀏覽者在進(jìn)行網(wǎng)頁信息搜索的過程中，可以按照導(dǎo)航條的指示完成信息的檢索。結(jié)構(gòu)統(tǒng)一、版式布局清晰合理，并提供精簡(jiǎn)的文字描述，讓一致的風(fēng)格為瀏覽者的信息搜索提供方便。為避免不合理信息布局對(duì)瀏覽者的信息搜索造成干擾，網(wǎng)頁設(shè)計(jì)人員需要保證重要信息具有逐次遞進(jìn)關(guān)系，并以圖片引導(dǎo)的方式，時(shí)刻對(duì)瀏覽者進(jìn)行提醒，并為瀏覽者提供更自由的搜索空間，讓瀏覽者有更愉快的搜索感受。

3結(jié)語

對(duì)網(wǎng)頁設(shè)計(jì)中的視覺元素功能與審美進(jìn)行了分析，對(duì)如何進(jìn)行網(wǎng)頁視覺元素應(yīng)用展開了研究。從中可以發(fā)現(xiàn)，在網(wǎng)頁設(shè)計(jì)中應(yīng)用視覺元素，充分借助人們?yōu)g覽網(wǎng)頁的規(guī)律和習(xí)慣，借助一些視覺元素盡心合理的網(wǎng)頁組合、排版，不僅僅能夠方便人們閱讀，提高網(wǎng)頁整體的審美性，同時(shí)也能夠提高網(wǎng)頁設(shè)計(jì)的質(zhì)量和效率，促進(jìn)網(wǎng)頁設(shè)計(jì)的進(jìn)步與發(fā)展。

作者:甄鳳其 單位:湘西民族職業(yè)技術(shù)學(xué)院

網(wǎng)頁設(shè)計(jì)論文:網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)課程項(xiàng)目化教學(xué)探索

摘要：

本文首先分析了《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》課程的教學(xué)現(xiàn)狀和存在問題，在此基礎(chǔ)上引入項(xiàng)目化的教學(xué)模式，對(duì)該課程進(jìn)行教學(xué)改革。闡述了項(xiàng)目化教學(xué)的基本內(nèi)涵、教學(xué)改革設(shè)計(jì)及實(shí)施的過程和注意事項(xiàng)。教學(xué)實(shí)踐證明，與傳統(tǒng)的教學(xué)方法相比，基于項(xiàng)目化的教學(xué)模式可以有效地激發(fā)學(xué)生的學(xué)習(xí)興趣，有利于學(xué)生將理論知識(shí)與實(shí)踐操作相結(jié)合，增強(qiáng)學(xué)生的實(shí)踐動(dòng)手能力。

關(guān)鍵詞：

項(xiàng)目化；課程改革；教學(xué)改革；教學(xué)模式

隨著計(jì)算機(jī)技術(shù)和互聯(lián)網(wǎng)應(yīng)用的快速發(fā)展，電子商務(wù)對(duì)各行各業(yè)的影響越發(fā)明顯，社會(huì)對(duì)頁面設(shè)計(jì)、網(wǎng)頁制作、程序編寫及其相關(guān)崗位的人才需求日益增加，巨大的社會(huì)需求和高校電子商務(wù)專業(yè)畢業(yè)生數(shù)量不足、質(zhì)量不高之間的矛盾越發(fā)突出，如何培養(yǎng)高素質(zhì)的電子商務(wù)應(yīng)用型人才成為當(dāng)務(wù)之急。作為電子商務(wù)專業(yè)核心專業(yè)基礎(chǔ)課的《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》，其課程教學(xué)目的是使學(xué)生掌握設(shè)計(jì)并實(shí)現(xiàn)一個(gè)完整電子商務(wù)網(wǎng)站的基本技能，該課程集理論性、實(shí)踐性、創(chuàng)新性于一身，授課知識(shí)涵蓋了圖形圖像處理、平面與色彩設(shè)計(jì)、flash動(dòng)畫制作、數(shù)據(jù)庫、程序設(shè)計(jì)等內(nèi)容，但在傳統(tǒng)的教學(xué)和考核模式下，學(xué)生的實(shí)踐動(dòng)手能力未能達(dá)到預(yù)期的要求，并且由于教學(xué)內(nèi)容與職業(yè)技能需求脫節(jié)，導(dǎo)致學(xué)生畢業(yè)后需要重新培訓(xùn)才能適應(yīng)工作崗位的需求。因此，要改變這種狀況，增強(qiáng)學(xué)生的實(shí)踐動(dòng)手能力，培養(yǎng)符合社會(huì)需求的應(yīng)用型人才，必須對(duì)現(xiàn)有的教學(xué)模式進(jìn)行改革。

一、課程教學(xué)現(xiàn)狀及存在問題

（一）教學(xué)指導(dǎo)思想落后

盡管在新版的人才培養(yǎng)計(jì)劃當(dāng)中，逐步加大了該課程實(shí)踐課時(shí)的比例，但在實(shí)際的教學(xué)過程中，教學(xué)指導(dǎo)思想還是沒有真正轉(zhuǎn)變，理論教學(xué)與實(shí)踐教學(xué)聯(lián)系不夠緊密，傳統(tǒng)的試卷考核方式導(dǎo)致學(xué)生的實(shí)踐動(dòng)手能力沒有得到真正的鍛煉和體現(xiàn)，與實(shí)際的職業(yè)崗位能力需求不相匹配。

（二）教學(xué)內(nèi)容缺乏新意

教學(xué)內(nèi)容改革是教學(xué)改革的核心內(nèi)容之一，目前的教學(xué)大綱基本還是沿用之前的內(nèi)容，只是對(duì)個(gè)別知識(shí)點(diǎn)進(jìn)行了調(diào)整，沒有質(zhì)的改變，理論教學(xué)大綱和實(shí)驗(yàn)實(shí)訓(xùn)大綱的更新均已滯后，對(duì)新知識(shí)的引入和使用程度較低，與當(dāng)前計(jì)算機(jī)建站技術(shù)日新月異的現(xiàn)狀不相匹配，缺乏完整的案例開發(fā)指導(dǎo)，導(dǎo)致學(xué)生進(jìn)入社會(huì)需要重新學(xué)習(xí)和培訓(xùn)。

（三）教學(xué)方法落后

教學(xué)方法還是沿用填鴨式的風(fēng)格，以教師講授為主，缺乏師生之間的交流和互動(dòng)，對(duì)教學(xué)輔助設(shè)備的使用還不夠充分，理論學(xué)習(xí)和實(shí)踐操作相分離，制約了學(xué)生將理論與實(shí)踐相結(jié)合的能力，直接影響了學(xué)生思辨能力和創(chuàng)新意識(shí)、創(chuàng)新能力的培養(yǎng)。

（四）考核方式不合理

當(dāng)前的考核方式未能體現(xiàn)加強(qiáng)實(shí)踐教學(xué)的需求，依然停留在重視理論，忽視實(shí)踐的階段，缺乏對(duì)學(xué)生實(shí)踐能力以及對(duì)課程內(nèi)容整體性掌握的考核，考試成績(jī)中實(shí)踐部分占的比例偏低。

（五）對(duì)知識(shí)應(yīng)用缺乏整體感

當(dāng)前教學(xué)的模式?jīng)Q定了學(xué)生在學(xué)習(xí)過程中，所掌握的都是零散的知識(shí)點(diǎn)，沒有辦法從整體層面考慮實(shí)際的應(yīng)用問題，因此，當(dāng)課程學(xué)習(xí)完畢，如何從整體上去應(yīng)用知識(shí)解決實(shí)際問題，學(xué)生還需要一個(gè)知識(shí)重組的過程，沒有結(jié)合實(shí)際案例的教學(xué)，會(huì)讓學(xué)生在實(shí)踐環(huán)節(jié)缺乏目標(biāo)和方向。

（六）缺乏實(shí)際工程項(xiàng)目開發(fā)體驗(yàn)

本課程是非常強(qiáng)調(diào)實(shí)踐過程的，如果沒有實(shí)際的開發(fā)案例作為訓(xùn)練，只停留在理論講解和淺層次的模擬層面，學(xué)生就無法體會(huì)所學(xué)知識(shí)在實(shí)際工作中的作用，也沒有辦法發(fā)現(xiàn)知識(shí)運(yùn)用過程中可能碰到的問題以及解決的辦法，將會(huì)抑制學(xué)生的學(xué)習(xí)興趣，影響學(xué)習(xí)效果。

二、項(xiàng)目化教學(xué)方法

（一）項(xiàng)目化教學(xué)概述

項(xiàng)目化教學(xué)法是由美國(guó)著名教育家、伊利諾易大學(xué)教授凱茲博士和加拿大教育家、阿爾伯特大學(xué)教授查理博士共同提出的，它是以構(gòu)建教學(xué)理論為基礎(chǔ)，以學(xué)生為中心，促進(jìn)學(xué)生全面發(fā)展的教學(xué)方法。項(xiàng)目化教學(xué)法的本質(zhì)是：以師生共同參與為前提，以項(xiàng)目為主線，貫穿整個(gè)教學(xué)活動(dòng)的始終，其教學(xué)目的是更好地融合實(shí)踐教學(xué)和理論教學(xué)，強(qiáng)化學(xué)生的實(shí)踐動(dòng)手能力，充分發(fā)揮學(xué)生的積極性和創(chuàng)造性，提高學(xué)生解決實(shí)際問題的能力，是“行為導(dǎo)向”教學(xué)法的一種。項(xiàng)目化教學(xué)中涉及的項(xiàng)目應(yīng)該滿足一定的要求：首先與教學(xué)內(nèi)容或者知識(shí)點(diǎn)有緊密的聯(lián)系，能夠?qū)⒗碚撆c實(shí)踐技能結(jié)合起來，其次是與企業(yè)需求或者現(xiàn)實(shí)經(jīng)營(yíng)活動(dòng)有一定的關(guān)系，具有一定的應(yīng)用價(jià)值和具體目標(biāo)，可以讓學(xué)生運(yùn)用知識(shí)和技能去解決實(shí)際中的問題，達(dá)到增強(qiáng)實(shí)踐動(dòng)手能力的效果。一般而言，在項(xiàng)目教學(xué)中，會(huì)采取分組的形式來實(shí)施，由老師指導(dǎo)各組學(xué)生完成整個(gè)項(xiàng)目的開發(fā)過程。首先由學(xué)生討論選擇開發(fā)的項(xiàng)目以及進(jìn)行項(xiàng)目分工，并對(duì)項(xiàng)目開發(fā)的重點(diǎn)、難點(diǎn)以及解決方案進(jìn)行分析，以保證項(xiàng)目的順利實(shí)施；然后在老師指導(dǎo)下，結(jié)合理論知識(shí)進(jìn)行項(xiàng)目開發(fā)，圍繞項(xiàng)目的實(shí)施，由學(xué)生小組進(jìn)行一系列有針對(duì)性的學(xué)習(xí)、應(yīng)用活動(dòng)；項(xiàng)目結(jié)束后，由各小組展示各自的完成情況，并由老師和同學(xué)進(jìn)行點(diǎn)評(píng)，給出合理的改進(jìn)措施。通過項(xiàng)目的開展和總結(jié)，可以充分調(diào)動(dòng)學(xué)生的積極性，有針對(duì)性的根據(jù)某個(gè)明確的目標(biāo)進(jìn)行學(xué)習(xí)，進(jìn)而提高學(xué)習(xí)的效率，這種方法可以很好把理論知識(shí)融入實(shí)踐動(dòng)手環(huán)節(jié)，有利于學(xué)生在接近日后工作流程與項(xiàng)目開發(fā)方法的環(huán)境下逐步累計(jì)項(xiàng)目研發(fā)經(jīng)驗(yàn)，所以在高校經(jīng)管類計(jì)算機(jī)系列課程中采用此教學(xué)方法非常合適。

（二）項(xiàng)目化教學(xué)的意義

1、有利于培養(yǎng)學(xué)生綜合素質(zhì)

項(xiàng)目化教學(xué)是教學(xué)環(huán)節(jié)非常重要的一個(gè)組成部分，它的綜合性和真實(shí)性對(duì)于培養(yǎng)學(xué)生的實(shí)踐動(dòng)手能力、解決分析問題的能力、交流協(xié)作能力和團(tuán)隊(duì)精神有非常重要的作用。

2、有利于發(fā)揮教師的創(chuàng)造性

項(xiàng)目化教學(xué)是以具體案例為基礎(chǔ)實(shí)施的，它要求學(xué)生能夠結(jié)合理論知識(shí)解決實(shí)際問題，該方法同樣要求老師有較高的創(chuàng)造性和應(yīng)變能力，需要深刻地理解和把握項(xiàng)目化教學(xué)的理論體系，根據(jù)不同的實(shí)際項(xiàng)目作出相應(yīng)的教學(xué)調(diào)整，激發(fā)學(xué)生的學(xué)習(xí)興趣，引導(dǎo)學(xué)生主動(dòng)學(xué)習(xí)并高質(zhì)量的完成項(xiàng)目作業(yè)。

3、有利于推動(dòng)教學(xué)改革

教學(xué)方法的改革，不僅在于教學(xué)形式的改變，更重要的是于思維方式和觀念的轉(zhuǎn)變，它不僅包括教與學(xué)角色和組織結(jié)構(gòu)形態(tài)的變革，還包括考查評(píng)估方法的創(chuàng)新、教學(xué)文化建設(shè)等，以教學(xué)方法改革為牽引，不僅能激發(fā)大學(xué)辦學(xué)的生機(jī)活力，還能激發(fā)學(xué)生的創(chuàng)新意識(shí)和創(chuàng)新創(chuàng)業(yè)精神等內(nèi)在需要。

4、與實(shí)際崗位技能緊密相關(guān)

項(xiàng)目化教學(xué)中涉及的項(xiàng)目具有較高的真實(shí)性和模擬性，其中包含的知識(shí)和技能要求與社會(huì)工作崗位要求高度一致，有利于學(xué)生在學(xué)習(xí)過程中，通過了解、觀察、分析和解決問題獲得經(jīng)驗(yàn)和教訓(xùn)，為學(xué)生以后的就業(yè)奠定了堅(jiān)實(shí)的基礎(chǔ)。

三、課程項(xiàng)目化教學(xué)設(shè)計(jì)與實(shí)施

與傳統(tǒng)的教學(xué)方法相比，項(xiàng)目化教學(xué)法是以構(gòu)建理論為基礎(chǔ)，以學(xué)生為中心的，學(xué)生是認(rèn)知的主體，是信息意義的主動(dòng)建構(gòu)者，它要求學(xué)生從“要我學(xué)”轉(zhuǎn)變?yōu)椤拔乙獙W(xué)”，從以課本為中心轉(zhuǎn)變?yōu)橐皂?xiàng)目為中心，從以課堂為中心轉(zhuǎn)變?yōu)橐詫?shí)踐為中心。所以，教師在實(shí)施項(xiàng)目化教學(xué)法時(shí)，首先要了解學(xué)生的基本情況，然后根據(jù)其教學(xué)思路和上述設(shè)計(jì)原則，制定合理的教學(xué)計(jì)劃，一般而言，包括以下四個(gè)基本環(huán)節(jié)。

（一）項(xiàng)目設(shè)計(jì)

本文以《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》課程為例，進(jìn)行項(xiàng)目化教學(xué)的探索，以項(xiàng)目需求和功能為主線，貫穿融合課程涉及的主要知識(shí)點(diǎn)，學(xué)生通過完成項(xiàng)目的方式實(shí)現(xiàn)對(duì)理論知識(shí)的理解和掌握，可以從整體上更好地把握課程的核心的內(nèi)容，因此如何選擇合適的項(xiàng)目，是整個(gè)課程設(shè)計(jì)的關(guān)鍵，必須充分地考慮項(xiàng)目的可行性、適度性、完整性和真實(shí)性。

（二）制定項(xiàng)目教學(xué)計(jì)劃

選定項(xiàng)目后，第二步需要完成的是制定項(xiàng)目實(shí)施的計(jì)劃，把項(xiàng)目分成若干個(gè)模塊，并把每個(gè)模塊涉及的知識(shí)點(diǎn)以及能力要求進(jìn)行整理，結(jié)合教學(xué)進(jìn)度安排表，形成最終的教學(xué)計(jì)劃，然后通過師生的共同實(shí)施，達(dá)到每個(gè)項(xiàng)目所必須的能力要求，具體步驟如下：1、制定計(jì)劃。制定出完成項(xiàng)目的具體設(shè)計(jì)方案，時(shí)間安排進(jìn)度表以及分工情況等。2、情景設(shè)置。以知識(shí)點(diǎn)為依據(jù)，設(shè)置仿真場(chǎng)景，模擬現(xiàn)實(shí)環(huán)境。3、明確任務(wù)。結(jié)合場(chǎng)景的內(nèi)容，總結(jié)歸納出所包含的需要完成的知識(shí)點(diǎn)。4、操作演示。通過解決實(shí)際問題，演示知識(shí)的基本內(nèi)涵以及在實(shí)際問題解決當(dāng)中的作用。5、學(xué)生實(shí)踐。讓學(xué)生對(duì)同類型的場(chǎng)景進(jìn)行實(shí)踐操作，加深對(duì)知識(shí)點(diǎn)的理解，主動(dòng)思考分析解決實(shí)際問題，為解決項(xiàng)目打下基礎(chǔ)。6、協(xié)作學(xué)習(xí)。通過組內(nèi)的分工協(xié)作實(shí)施項(xiàng)目，定期開展小組討論和交流，共同解決實(shí)際問題。7、學(xué)習(xí)評(píng)價(jià)。根據(jù)項(xiàng)目的完成標(biāo)準(zhǔn)，由學(xué)生和老師共同對(duì)項(xiàng)目的完成情況進(jìn)行評(píng)價(jià)。

（三）實(shí)施計(jì)劃

項(xiàng)目的具體實(shí)施，在老師的統(tǒng)一指導(dǎo)和協(xié)作下，由各組學(xué)生獨(dú)立完成。在項(xiàng)目實(shí)施前，老師首先要把項(xiàng)目實(shí)施的基本軟硬件設(shè)施和網(wǎng)絡(luò)環(huán)境準(zhǔn)備好，以減少意外因素對(duì)項(xiàng)目進(jìn)展的影響，對(duì)于項(xiàng)目實(shí)施過程中的關(guān)鍵環(huán)節(jié)、重點(diǎn)和難點(diǎn)，通過統(tǒng)一講解和指導(dǎo)的方式來完成，以保證項(xiàng)目的順利開展。

（四）檢查評(píng)估

項(xiàng)目控制是項(xiàng)目順利開展和完成的保障，因此，在教學(xué)過程中，應(yīng)該結(jié)合教學(xué)進(jìn)度表定期檢查各小組的完成情況，保證嚴(yán)格按照計(jì)劃開展工作，對(duì)開發(fā)過程所出現(xiàn)的問題給予及時(shí)的指導(dǎo)，并把各種常見的錯(cuò)誤情況及解決方案及時(shí)反饋給各個(gè)小組。

四、項(xiàng)目化教學(xué)實(shí)施注意事項(xiàng)

在項(xiàng)目化教學(xué)過程中，我們不僅關(guān)注項(xiàng)目的最終成果，更加重視項(xiàng)目實(shí)施的過程，要求師生共同完成這個(gè)具有創(chuàng)造性的實(shí)踐環(huán)節(jié)，實(shí)施過程中需要注意的問題是：

（一）教師應(yīng)改變觀念

從傳統(tǒng)的教學(xué)模式到項(xiàng)目化教學(xué)是一個(gè)逐步轉(zhuǎn)換的過程，教師不是針對(duì)理論知識(shí)去引入實(shí)踐環(huán)節(jié)，而是需要針對(duì)一門課程去設(shè)計(jì)一個(gè)貫穿的項(xiàng)目，并且將項(xiàng)目分解為模塊，通過模塊覆蓋教學(xué)大綱要求的全部知識(shí)點(diǎn)，這就需要教師調(diào)整教學(xué)的理念，對(duì)課程本身及其應(yīng)用有非常深刻的理解，對(duì)項(xiàng)目本身與課程考核目標(biāo)之間的匹配度有全面的認(rèn)識(shí)和把握。

（二）教師的合理引導(dǎo)非常關(guān)鍵

項(xiàng)目化教學(xué)的主要工作由學(xué)生小組完成，但是教師的引導(dǎo)和掌控作用不可忽視，要求教師不但要具有較強(qiáng)的專業(yè)知識(shí)，還要具備豐富的實(shí)踐經(jīng)驗(yàn)，可以及時(shí)發(fā)現(xiàn)項(xiàng)目開展過程中存在的問題。一方面要引導(dǎo)學(xué)生結(jié)合項(xiàng)目開展完成理論知識(shí)的學(xué)習(xí)，另一方面要引導(dǎo)學(xué)生在實(shí)踐的基礎(chǔ)上加深對(duì)知識(shí)點(diǎn)的理解并加以擴(kuò)展，教師的引導(dǎo)不僅包括對(duì)學(xué)生小組的引導(dǎo)，同時(shí)也包括對(duì)學(xué)生個(gè)體的引導(dǎo)。

（三）項(xiàng)目設(shè)計(jì)要正確把握工作任務(wù)與理論知識(shí)的聯(lián)系

只有同時(shí)掌握理論知識(shí)與實(shí)踐能力才是我們最終的培養(yǎng)目標(biāo)，因此項(xiàng)目設(shè)計(jì)的難點(diǎn)在于如何通過項(xiàng)目?jī)?nèi)容把兩者很好的關(guān)聯(lián)起來，教師在選擇項(xiàng)目時(shí)應(yīng)該充分考慮針對(duì)性和實(shí)用性，在劃分項(xiàng)目模塊時(shí)要與教材的章節(jié)對(duì)應(yīng)，在實(shí)現(xiàn)功能時(shí)要與技術(shù)細(xì)節(jié)相關(guān)聯(lián)，把操作流程與理論知識(shí)融為一體，真正做到“實(shí)踐為主，理論夠用”。

（四）及時(shí)開展項(xiàng)目后評(píng)估活動(dòng)

學(xué)生小組完成項(xiàng)目后，應(yīng)該及時(shí)開展項(xiàng)目評(píng)估和總結(jié)。在項(xiàng)目設(shè)計(jì)階段，應(yīng)該設(shè)計(jì)較為全面的指標(biāo)進(jìn)行考核，既有定性的考核指標(biāo)，也有定量的考核指標(biāo)，通過縱向和橫向的對(duì)比，從多個(gè)角度進(jìn)行評(píng)估，發(fā)現(xiàn)自身的不足，指出改進(jìn)的方向，加深學(xué)生對(duì)知識(shí)應(yīng)用的理解。

五、實(shí)施效果

在開展項(xiàng)目化教學(xué)的過程中，為了更好的與實(shí)際需求相結(jié)合，我們利用組織學(xué)生參加全國(guó)電子商務(wù)三創(chuàng)賽和網(wǎng)絡(luò)商務(wù)創(chuàng)新應(yīng)用大賽等學(xué)科競(jìng)賽的契機(jī)，以賽事中對(duì)網(wǎng)站建設(shè)的需求為導(dǎo)向，引導(dǎo)學(xué)生以賽事作為目標(biāo)開展教學(xué)活動(dòng)。實(shí)踐證明，項(xiàng)目化的教學(xué)模式能夠加深學(xué)生對(duì)知識(shí)的理解和應(yīng)用，提高學(xué)習(xí)的興趣，明確學(xué)習(xí)的目標(biāo)，能夠從總體上很好地把握系統(tǒng)開發(fā)的流程和基本技能，使學(xué)生綜合運(yùn)用知識(shí)的能力得到提升，使學(xué)生的職業(yè)能力得到鍛煉。近幾年參加學(xué)科競(jìng)賽的優(yōu)異成績(jī)也說明了項(xiàng)目化教學(xué)改革的有效性。

六、結(jié)論

通過項(xiàng)目化教學(xué)方法的實(shí)施，《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》課程的教學(xué)效果有了明顯的提升，學(xué)生對(duì)知識(shí)點(diǎn)的理解和掌握不單純停留在理論層面，學(xué)習(xí)的積極性更高，目標(biāo)更加明確，可以從整體上更好地把握網(wǎng)站開發(fā)的基本流程，對(duì)網(wǎng)站開發(fā)的關(guān)鍵技術(shù)理解更加透徹。因此，可以考慮在經(jīng)管學(xué)院計(jì)算機(jī)類課程中逐步推廣項(xiàng)目化教學(xué)的模式，同時(shí)為了取得更好的實(shí)施效果，專業(yè)教師應(yīng)該更積極地參與科學(xué)研究和社會(huì)實(shí)踐，以獲取更多的項(xiàng)目教學(xué)案例，進(jìn)而為項(xiàng)目化教學(xué)的實(shí)施奠定堅(jiān)實(shí)的基礎(chǔ)。

作者:葉藝勇 單位:五邑大學(xué)經(jīng)濟(jì)管理學(xué)院

網(wǎng)頁設(shè)計(jì)論文:網(wǎng)頁設(shè)計(jì)中的排版與布局

摘要：

網(wǎng)頁的排版與布局在整個(gè)網(wǎng)頁設(shè)計(jì)中起著至關(guān)重要的作用，通過合理的排版與布局能夠提升網(wǎng)頁的視覺效果，實(shí)現(xiàn)信息的有效傳達(dá)。本文就網(wǎng)頁設(shè)計(jì)中排版與布局的主要原則、相關(guān)內(nèi)容、設(shè)計(jì)方法及常見類型進(jìn)行探討與研究。

關(guān)鍵詞：

網(wǎng)頁設(shè)計(jì)；排版與布局；原則；方法

前言

隨著我國(guó)信息時(shí)代的不斷發(fā)展，人們主要通過網(wǎng)絡(luò)來獲取相關(guān)信息，網(wǎng)絡(luò)的作用也日益凸顯，而網(wǎng)頁作為網(wǎng)絡(luò)的重要展現(xiàn)形式，其在設(shè)計(jì)過程中的排版與布局會(huì)直接影響一個(gè)網(wǎng)頁的瀏覽量。因此，對(duì)網(wǎng)頁設(shè)計(jì)中排版與布局研究有著重要意義。

一、網(wǎng)頁設(shè)計(jì)中的排版與布局的原則

排版與布局是網(wǎng)頁設(shè)計(jì)中的重要組成部分，其主要目的是讓信息頁面更加美觀，使信息內(nèi)容更加合理且條理清晰，讓瀏覽者得到更好的客戶體驗(yàn)。因此，在進(jìn)行網(wǎng)頁排版與布局的過程中，為達(dá)到預(yù)期效果應(yīng)遵循一定原則：首先，縱觀全局，整體規(guī)劃。通過對(duì)頁面的文字和圖片進(jìn)行整體平衡，并融入趣味內(nèi)容，實(shí)現(xiàn)頁面的和諧統(tǒng)一；其次，突出網(wǎng)頁主題。即利用網(wǎng)頁版面的主次關(guān)系，將具有較高價(jià)值的信息放在版面上部位置，起到重點(diǎn)突出的作用；再次，版面恰當(dāng)裝飾。即在不影響網(wǎng)頁功能的前提下，對(duì)網(wǎng)頁予以簡(jiǎn)單裝飾，做到疏密有度、圖文并茂；最后，遵循色彩原則。為了讓一個(gè)網(wǎng)頁在眾多網(wǎng)頁中脫穎而出，在對(duì)網(wǎng)頁進(jìn)行排版設(shè)計(jì)的過程中，應(yīng)對(duì)頁面色彩進(jìn)行合理組合，形成強(qiáng)烈的視覺沖擊力，以引起瀏覽者的重點(diǎn)關(guān)注[1]。

二、網(wǎng)頁設(shè)計(jì)中的排版與布局的內(nèi)容

網(wǎng)頁設(shè)計(jì)中排版與布局主要是對(duì)文字和圖像進(jìn)行版式設(shè)計(jì)，使兩者合理組合，向?yàn)g覽者準(zhǔn)確傳遞相關(guān)信息的同時(shí)展現(xiàn)頁面美感。其基本內(nèi)容主要包括網(wǎng)頁標(biāo)題設(shè)計(jì)、網(wǎng)頁文字編排、網(wǎng)頁圖文結(jié)合及頁面設(shè)計(jì)的節(jié)奏感。其中網(wǎng)頁標(biāo)題一般被放在網(wǎng)頁最上方且位置居中，根據(jù)不同需求還可使用圖片予以裝飾，而剩余頁面文字則根據(jù)網(wǎng)頁的具體需要以點(diǎn)、線、面等方式進(jìn)行合理編排。不過通篇的文字?jǐn)⑹鲆资篂g覽者產(chǎn)生厭煩感，進(jìn)而放棄閱讀，于是頁面內(nèi)容文字還應(yīng)配圖說明，通過圖文結(jié)合的形式，依據(jù)不同網(wǎng)頁類別將相關(guān)圖片與文字進(jìn)行靈活搭配，使頁面內(nèi)容變得更加生動(dòng)活潑，從而激發(fā)瀏覽者的閱讀興趣，充分發(fā)揮網(wǎng)頁傳遞信息的作用[2]。

三、網(wǎng)頁設(shè)計(jì)中的排版與布局的方法

在進(jìn)行網(wǎng)頁設(shè)計(jì)之前，首先，要對(duì)頁面的表達(dá)內(nèi)容予以整體規(guī)劃，通過簡(jiǎn)潔明了的布局排版方法對(duì)主要信息予以重點(diǎn)突出。其次，合理控制頁面主色調(diào)，即主色彩控制在五種之內(nèi)，并確定一種為主色調(diào)，其它幾種只起到烘托作用即可。最后，注重字體的設(shè)置。整體頁面的字體在三種以內(nèi)，且大小適中，同時(shí)對(duì)標(biāo)題與正文的字體大小和顏色加以區(qū)分。

四、網(wǎng)頁設(shè)計(jì)中的排版與布局的常見類型

目前，網(wǎng)站種類眾多，從形式上劃分主要包括門戶類、形象類、電子商務(wù)類、企業(yè)類和政府類等，盡管不同種類的網(wǎng)站對(duì)網(wǎng)頁版面要求也不盡相同，但網(wǎng)頁排版與布局的常見類型也就幾種。（一）排版的主要類型。排版的基本類型大致被分成十類，其中最為常見的有以下三種：一是滿版型。滿版型的整個(gè)頁面被圖像占滿，采取圖像為主、文字為輔的排版設(shè)計(jì)，使頁面具有開闊之感；二是分割型。分割型是把頁面進(jìn)行上下分割或者左右分割，然后將文字和圖片分別在兩個(gè)不同區(qū)域，形成直觀的視覺感受；三是傾斜型。傾斜型是將文字和圖片做傾斜式編排，使頁面整體形成視覺沖擊效果。（二）布局的主要類型。常見的布局類型有T型、?口字型和同字型，其中T型是指頁面的頂部為標(biāo)語和橫幅部分，左下方和右下方分別分布著主菜單和詳細(xì)內(nèi)容。這種布局模式能使整個(gè)頁面主次分明、清晰明了，但也缺乏一定靈活性，顯得相對(duì)枯燥。而口字型的最大優(yōu)勢(shì)則是可以充分利用版面，將主題內(nèi)容放在中間位置，在其上下左右分別放入橫條廣告、菜單、內(nèi)容導(dǎo)航、友情鏈接等內(nèi)容，整個(gè)布局類似一個(gè)口字型。這種布局在國(guó)外站點(diǎn)較為常見，在國(guó)內(nèi)的使用率相對(duì)較低。除此之外，還有一種同字型布局，這種布局一般設(shè)有大標(biāo)題和小標(biāo)題，其位置均在頁面上方，相應(yīng)內(nèi)容被布置在左右兩側(cè)，而頁面下方通常情況下會(huì)被留白，即使有內(nèi)容也多為網(wǎng)站基礎(chǔ)信息及網(wǎng)站制造方。

五、結(jié)論

綜上所述，網(wǎng)頁設(shè)計(jì)中的排版與布局影響著網(wǎng)頁的成敗，為不斷滿足人們對(duì)網(wǎng)絡(luò)的需求，網(wǎng)頁設(shè)計(jì)人員應(yīng)針對(duì)不同類型的內(nèi)容采取相應(yīng)的排版與布局方式，進(jìn)而提高網(wǎng)頁質(zhì)量和優(yōu)化網(wǎng)頁視覺效果，為人們帶來更好的瀏覽體驗(yàn)。

作者:阿斯哈爾·努爾蘭 單位:新疆輕工職業(yè)技術(shù)學(xué)院

網(wǎng)頁設(shè)計(jì)論文:網(wǎng)頁設(shè)計(jì)課程項(xiàng)目教學(xué)改革初探

摘要：

在傳統(tǒng)的高職專業(yè)課教學(xué)模式中，大多采用的是單門課程理論加實(shí)驗(yàn)的教學(xué)模式，學(xué)生學(xué)的專業(yè)課門數(shù)雖然很多，但在學(xué)習(xí)后續(xù)專業(yè)課時(shí)，前續(xù)課程掌握的知識(shí)和技能也逐漸淡忘了，對(duì)各門專業(yè)課的聯(lián)系了解不深，前后續(xù)課程教學(xué)所用案例聯(lián)系不大或沒有聯(lián)系。該項(xiàng)目圍繞圖書銷售網(wǎng)站，整合網(wǎng)頁設(shè)計(jì)、SQLServer、Java程序設(shè)計(jì)，結(jié)合這幾門課程的特點(diǎn)，設(shè)計(jì)完整軟件項(xiàng)目并基于這一軟件項(xiàng)目有效地銜接各門課程的知識(shí)點(diǎn)和技能點(diǎn)，根據(jù)學(xué)生的課程學(xué)習(xí)進(jìn)度來循序漸進(jìn)地完成軟件項(xiàng)目設(shè)計(jì)與實(shí)現(xiàn)，提高學(xué)生的學(xué)習(xí)效率和實(shí)踐動(dòng)手能力。

關(guān)鍵詞：

項(xiàng)目教學(xué)；網(wǎng)頁設(shè)計(jì)；網(wǎng)站開發(fā)

一、改革背景

隨著職業(yè)教育的大力發(fā)展和互聯(lián)網(wǎng)的廣泛應(yīng)用，《網(wǎng)頁設(shè)計(jì)》已成為計(jì)算機(jī)類相關(guān)專業(yè)主要課程之一，傳統(tǒng)的教學(xué)方法是單科學(xué)習(xí)，網(wǎng)站建設(shè)的前后臺(tái)相關(guān)課程，也會(huì)隨著不同的授課老師而采用不同的案例來教學(xué)，學(xué)生學(xué)到的知識(shí)都是片斷化，很難掌握整個(gè)學(xué)科體系，學(xué)生到企業(yè)中也很難上手去做，因此改革勢(shì)在必行，為使學(xué)生實(shí)現(xiàn)零距離就業(yè)，我們使用企業(yè)真實(shí)的開發(fā)案例，通過案例銜接各門課程的知識(shí)點(diǎn)和技能點(diǎn)，從而提高學(xué)生的學(xué)習(xí)效率和實(shí)踐動(dòng)手能力。

二、網(wǎng)頁設(shè)計(jì)課程的教學(xué)目標(biāo)

2.1專業(yè)能力培養(yǎng)目標(biāo)。熟悉網(wǎng)站設(shè)計(jì)流程，掌握最新的網(wǎng)站開發(fā)技術(shù)、運(yùn)用HTML+CSS+JavaScript等技術(shù)布局網(wǎng)頁，制作符合Web標(biāo)準(zhǔn)的網(wǎng)頁、能夠?qū)⒕W(wǎng)頁設(shè)計(jì)師的效果圖快速轉(zhuǎn)換為Web標(biāo)準(zhǔn)原型、并能夠認(rèn)識(shí)并編寫HTML代碼，2.2方法能力目標(biāo)。具有較好的理解溝通能力、工作協(xié)調(diào)能力和創(chuàng)新精神、積極肯干、吃苦耐勞，具有高度的責(zé)任感、具備良好的職業(yè)素養(yǎng)和團(tuán)隊(duì)合作精神，具備優(yōu)良的職業(yè)道德、認(rèn)真的工作態(tài)度，并能承受一定的工作壓力。2.3社會(huì)能力目標(biāo)。樹立網(wǎng)絡(luò)安全意識(shí)、具有創(chuàng)新意識(shí)、具備良好的思想道德修養(yǎng)和職業(yè)道德素養(yǎng)、具有愛崗敬業(yè)和團(tuán)隊(duì)合作精神。

三、項(xiàng)目教學(xué)法的特點(diǎn)

3.1項(xiàng)目教學(xué)法的概念。項(xiàng)目教學(xué)法是指在教師的指導(dǎo)下,讓學(xué)生獨(dú)立完成一個(gè)相對(duì)獨(dú)立的項(xiàng)目，學(xué)生可獨(dú)立完成，或按小組的形式完成，貫穿信息收集、方案設(shè)計(jì)、項(xiàng)目實(shí)施、綜合評(píng)價(jià)等各環(huán)節(jié)，學(xué)生通過項(xiàng)目的執(zhí)行，了解項(xiàng)目過程中每一個(gè)環(huán)節(jié)的基本要求。3.2項(xiàng)目教學(xué)法的特點(diǎn)?！绊?xiàng)目教學(xué)法”是以項(xiàng)目為主線、學(xué)生為主教師為輔，主要特點(diǎn)有：（1）項(xiàng)目教學(xué)周期短、見效快；項(xiàng)目教學(xué)法通常是在一個(gè)短期內(nèi)、小范圍空間內(nèi)進(jìn)行的，并且教學(xué)效果良好。（2）收益的多樣性；對(duì)學(xué)生，讓他們?cè)谥鲃?dòng)積極的學(xué)習(xí)環(huán)境中，激發(fā)創(chuàng)新能力，培養(yǎng)學(xué)生分析問題解決問題的綜合能力。對(duì)教師，不再是主導(dǎo)者，轉(zhuǎn)變了傳統(tǒng)的教學(xué)觀念，通過對(duì)學(xué)生的指導(dǎo)，成為學(xué)生學(xué)習(xí)的促進(jìn)者、組織者和指導(dǎo)者。對(duì)學(xué)校，有利于教育理念的整體轉(zhuǎn)變，并逐步完善和整合學(xué)校課程體系。（3）可以激發(fā)學(xué)生的學(xué)習(xí)興趣，培養(yǎng)學(xué)生積極思考問題的能力，發(fā)揮出學(xué)習(xí)潛能。比如說在講到“圖書網(wǎng)站布局”的時(shí)候，先要講解盒子模型，并完成上下布局的網(wǎng)頁，再讓學(xué)生自己去網(wǎng)站觀察網(wǎng)頁布局，再引出其它的布局方法，讓學(xué)生跟著一起思考怎樣做出左右布局，以及布局的嵌套方法等等。通過這樣一個(gè)個(gè)具體項(xiàng)目完成，激發(fā)同學(xué)們積極思考，并最終在自己的努力和教師的指導(dǎo)下完成整個(gè)項(xiàng)目，提升了學(xué)習(xí)的成就感。（4）注重理論與實(shí)踐相結(jié)合。項(xiàng)目教學(xué)法是學(xué)習(xí)小組成員共同完成項(xiàng)目，并取得共同進(jìn)步的教學(xué)方法，也促進(jìn)了教師教學(xué)能力的提升。每個(gè)學(xué)生在理論的指導(dǎo)下，實(shí)現(xiàn)的網(wǎng)站也不同，也會(huì)有很多不同，會(huì)遇到很多不同的問題，老師和學(xué)生、學(xué)生之間都可以相互探討，找到解決問題的最佳方法，收獲頗豐。（5）積極營(yíng)造創(chuàng)新環(huán)境，培養(yǎng)學(xué)生創(chuàng)新意識(shí)。?有創(chuàng)新才有發(fā)展，創(chuàng)新是動(dòng)力源泉，教師要在育人過程中，要培養(yǎng)學(xué)生的創(chuàng)新思維。讓學(xué)生能夠運(yùn)用知識(shí)去創(chuàng)造作品，要充分發(fā)揮想象力和潛能，從而實(shí)現(xiàn)自己的想法。比如在講解表單知識(shí)點(diǎn)的時(shí)候，引導(dǎo)學(xué)生觀察到網(wǎng)站下載資料時(shí)大部分需要注冊(cè)會(huì)員，先讓學(xué)生觀看會(huì)員注冊(cè)頁面，結(jié)合所學(xué)內(nèi)容，講解此類會(huì)員注冊(cè)頁面運(yùn)用了哪些表單元素，并給學(xué)生設(shè)計(jì)以下子項(xiàng)目：要求學(xué)生參考資料，設(shè)計(jì)某網(wǎng)站會(huì)員申請(qǐng)頁面。學(xué)生可以發(fā)揮自己的想象力，也可以參考互聯(lián)網(wǎng)中的相關(guān)案例，利用各種工具及方法來進(jìn)行設(shè)計(jì)與布局。根據(jù)經(jīng)驗(yàn)和想象力，做出一個(gè)全新的作品。（6）可以培養(yǎng)學(xué)生的自學(xué)能力和團(tuán)隊(duì)合作精神。?“項(xiàng)目教學(xué)法”注重培養(yǎng)學(xué)生自主學(xué)習(xí)能力和合作學(xué)習(xí)的能力。在《網(wǎng)頁設(shè)計(jì)》課程中，教師在進(jìn)行“項(xiàng)目”設(shè)計(jì)時(shí)，要分別設(shè)計(jì)出不同的“自主學(xué)習(xí)項(xiàng)目”和“合作學(xué)習(xí)項(xiàng)目”。對(duì)于自主學(xué)習(xí)的“項(xiàng)目”，讓學(xué)生利用已學(xué)的技術(shù)和知識(shí)，來完成作品，培養(yǎng)學(xué)生的自主學(xué)習(xí)的能力。對(duì)于合作學(xué)習(xí)的“項(xiàng)目”，則要求由多個(gè)學(xué)生共同協(xié)作完成。比如在圖書網(wǎng)站項(xiàng)目的制作過程，要求小組成員分工不同，相互配合，使整個(gè)網(wǎng)站風(fēng)格統(tǒng)一，各子頁面功能不同，使學(xué)生與教師與、學(xué)生與學(xué)生之間產(chǎn)生多向交流，并在不斷地交流學(xué)習(xí)中提高技能，增強(qiáng)學(xué)生的自我學(xué)習(xí)能力及團(tuán)隊(duì)合作精神。

四、項(xiàng)目教學(xué)法在網(wǎng)頁設(shè)計(jì)課程中的應(yīng)用

4.1確定網(wǎng)站項(xiàng)目。確定優(yōu)秀的項(xiàng)目是項(xiàng)目教學(xué)法取得成功的關(guān)鍵，為了更好地與后續(xù)課程銜接，本課程采用的圖書銷售網(wǎng)站的制作，在上第一節(jié)課時(shí)，先對(duì)學(xué)生介紹項(xiàng)目的完成目標(biāo)，項(xiàng)目的主要過程，并對(duì)學(xué)生進(jìn)行分組，盡量使每一組學(xué)生的能力水平大致平衡。4.2制定網(wǎng)站項(xiàng)目計(jì)劃。當(dāng)項(xiàng)目確定以后，學(xué)生要根據(jù)已有的功能需求，設(shè)計(jì)出需要的頁面內(nèi)容及數(shù)量。完成站點(diǎn)的建立并畫出網(wǎng)站結(jié)構(gòu)圖。制定出完整的項(xiàng)目計(jì)劃，并按照計(jì)劃和網(wǎng)站的需求分析來確定項(xiàng)目需完成哪些功能模塊，并把一個(gè)個(gè)功能模塊細(xì)分為一系列小項(xiàng)目，在小項(xiàng)目中實(shí)施過程中側(cè)重鍛煉學(xué)生的各種能力，學(xué)生根據(jù)項(xiàng)目的時(shí)間安排，結(jié)合項(xiàng)目?jī)?nèi)容撰寫網(wǎng)站開發(fā)計(jì)劃書。4.3網(wǎng)站項(xiàng)目實(shí)施。項(xiàng)目的實(shí)施過程是項(xiàng)目教學(xué)法中的核心環(huán)節(jié)。為了保證項(xiàng)目能夠按照項(xiàng)目計(jì)劃書的時(shí)間進(jìn)度安排，按時(shí)保質(zhì)保量完成相應(yīng)的功能模塊，由于學(xué)生之前沒有學(xué)過本門課程，因此項(xiàng)目的實(shí)施必須分階段穩(wěn)步進(jìn)行。第一階段是基礎(chǔ)階段，主要教授學(xué)生網(wǎng)頁設(shè)計(jì)軟件的使用方法，每講一個(gè)基礎(chǔ)知識(shí)點(diǎn)，就完成一個(gè)實(shí)驗(yàn)項(xiàng)目，這樣有針對(duì)性的練習(xí)，可以使學(xué)生牢固地掌握基礎(chǔ)知識(shí)，使其形成相應(yīng)的具體能力。第二階段是項(xiàng)目實(shí)施過程，要結(jié)合第一階段學(xué)生對(duì)知識(shí)的掌握情況，根據(jù)項(xiàng)目計(jì)劃書的要求進(jìn)行項(xiàng)目開發(fā)實(shí)施。在此階段，教師要適時(shí)對(duì)教學(xué)小組的學(xué)生情況進(jìn)行點(diǎn)評(píng)和指導(dǎo)，解決學(xué)生在網(wǎng)站開發(fā)中遇到的難題，并對(duì)各小組共性的問題進(jìn)行集中講解。定期召開項(xiàng)目小組長(zhǎng)會(huì)議，反饋項(xiàng)目的進(jìn)度，收集各項(xiàng)目小組的難題問題，舉行項(xiàng)目經(jīng)驗(yàn)交流會(huì)，在會(huì)上探討解決疑難問題。第三階段項(xiàng)目實(shí)施總結(jié)過程，當(dāng)完成一個(gè)項(xiàng)目階段后，要撰寫總結(jié)報(bào)告，總結(jié)項(xiàng)目開發(fā)的經(jīng)驗(yàn)，為下一階段的項(xiàng)目工作提供有力保證。階段性總結(jié)評(píng)價(jià)對(duì)項(xiàng)目的順利完成也是至關(guān)重要的，在完成每個(gè)階段后，還應(yīng)對(duì)學(xué)習(xí)成果進(jìn)行展示、總結(jié)、評(píng)價(jià)，不足之處要限期整改糾正，從而鞏固項(xiàng)目成果，為后續(xù)工作的開展打下堅(jiān)實(shí)的基礎(chǔ)。評(píng)價(jià)不僅要有教師的，還要有學(xué)生的互評(píng)成績(jī)，如果是企業(yè)的真實(shí)項(xiàng)目，企業(yè)的評(píng)價(jià)比重應(yīng)占得更高更重。在做出評(píng)價(jià)時(shí)還應(yīng)考慮學(xué)生的學(xué)習(xí)態(tài)度、參與程度、合作能力等多方面進(jìn)行評(píng)價(jià)。4.4網(wǎng)站項(xiàng)目的總結(jié)和應(yīng)用。項(xiàng)目完成后要有項(xiàng)目總結(jié)環(huán)節(jié)，并將其成果應(yīng)用到實(shí)際中，實(shí)現(xiàn)該門課程的教學(xué)目標(biāo)。制作的網(wǎng)站項(xiàng)目和后續(xù)課程銜接完善后，可擇優(yōu)推向市場(chǎng)，并應(yīng)用到相關(guān)領(lǐng)域，由買家和用戶反饋使用滿意度，并根據(jù)反饋意見及時(shí)做出修改。項(xiàng)目完成后應(yīng)總結(jié)經(jīng)驗(yàn)并進(jìn)行經(jīng)驗(yàn)交流，各小組可以取長(zhǎng)補(bǔ)短，繼續(xù)完善作品。

五、總結(jié)

通過教學(xué)時(shí)間證明，這種改革方法能夠讓學(xué)生通過參與項(xiàng)目從而掌握整個(gè)學(xué)科體系。學(xué)生在網(wǎng)頁設(shè)計(jì)中做的網(wǎng)站開臺(tái)，通過JAVA和JSP的整合，可以實(shí)現(xiàn)與后臺(tái)數(shù)據(jù)庫的連接，從而能夠?qū)崿F(xiàn)網(wǎng)站前后臺(tái)功能的實(shí)現(xiàn)，項(xiàng)目教學(xué)法有利于學(xué)生明確學(xué)習(xí)目標(biāo)，發(fā)揮他們的主觀能動(dòng)性，能夠調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性，也能使學(xué)生各門課程知識(shí)的系統(tǒng)化組織，有助于他們自我學(xué)習(xí)能力的培養(yǎng)，提升動(dòng)手能力和團(tuán)隊(duì)合作能力，提高了學(xué)生的創(chuàng)新意識(shí)。在今后的教學(xué)過程中，還應(yīng)不斷改進(jìn)教學(xué)方法和教學(xué)手段，及時(shí)總結(jié)教學(xué)經(jīng)驗(yàn)，以達(dá)到更好的教學(xué)效果。

作者:康麗 單位:內(nèi)蒙古電子信息職業(yè)技術(shù)學(xué)院

網(wǎng)頁設(shè)計(jì)論文:中職學(xué)校網(wǎng)頁設(shè)計(jì)課程教學(xué)探索

摘要：

《網(wǎng)頁設(shè)計(jì)》課程是中職學(xué)校計(jì)算機(jī)專業(yè)以及一些相關(guān)專業(yè)所開設(shè)的一門實(shí)踐性很強(qiáng)的技能課程。隨著計(jì)算機(jī)技術(shù)與網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展，對(duì)網(wǎng)頁制作人才的需求越來越多，如何提高學(xué)生的網(wǎng)頁設(shè)計(jì)實(shí)踐操作技能和職業(yè)能力素質(zhì)來適應(yīng)社會(huì)需求，是中職學(xué)校急需解決的一個(gè)問題。筆者根據(jù)教學(xué)實(shí)踐，對(duì)本課程的教學(xué)內(nèi)容和教學(xué)方法進(jìn)行了探討。

關(guān)鍵詞：

網(wǎng)頁設(shè)計(jì)；教學(xué)模式

《網(wǎng)頁設(shè)計(jì)》課程是一門實(shí)踐性、技能性要求非常高的學(xué)科，這正符合了中職學(xué)校以培養(yǎng)學(xué)生的實(shí)踐技能為目的的特點(diǎn)。傳統(tǒng)的授課方式多數(shù)采?。赫n堂講解，課后實(shí)踐。然而對(duì)于基礎(chǔ)普遍較差的中職學(xué)生來說，單純的講解很難吸引他們的注意力。剛開始很多學(xué)生充滿好奇聽講，當(dāng)接受過多的理論灌輸后，興趣銳減，講課質(zhì)量會(huì)大大下降。另外，課后的實(shí)踐缺乏有效的監(jiān)督和引導(dǎo)，很容易在短暫的好奇之后失去興趣。所以，在教學(xué)過程中，需要我們結(jié)合學(xué)生的愛好與興趣，研究一種新的教學(xué)方案，探索一種更貼近學(xué)生特點(diǎn)的教學(xué)模式。針對(duì)中職學(xué)?！毒W(wǎng)頁設(shè)計(jì)》課程的教學(xué)，本文從以下幾方面去考慮：教學(xué)內(nèi)容、教學(xué)目標(biāo)、教學(xué)方法、教學(xué)實(shí)踐、教學(xué)評(píng)價(jià)。

1教學(xué)內(nèi)容、目標(biāo)和組織形式

在網(wǎng)頁設(shè)計(jì)教學(xué)過程中，首先，根據(jù)中職生的特點(diǎn)，研究清楚學(xué)生對(duì)本門課的認(rèn)知，他們對(duì)這門課的期望程度，想從這門課學(xué)到什么。然后，有選擇性的制訂教學(xué)內(nèi)容和教學(xué)計(jì)劃，盡量避開單純的理論講解，不斷改進(jìn)教學(xué)方法，以激發(fā)學(xué)生的學(xué)習(xí)興趣。本課程的教學(xué)目標(biāo)是要求學(xué)生把握一種現(xiàn)代的創(chuàng)新理念、層次思維、組織能力和審美觀點(diǎn)，培養(yǎng)學(xué)生具備設(shè)計(jì)與制作優(yōu)秀網(wǎng)頁的能力。教學(xué)過程的組織形式一一團(tuán)隊(duì)合作。在整個(gè)教學(xué)活動(dòng)中，主要采取分組學(xué)習(xí)的形式。根據(jù)學(xué)生的特點(diǎn)，合理地組成學(xué)習(xí)團(tuán)隊(duì)，分組的依據(jù)為：學(xué)生的性別、學(xué)習(xí)成績(jī)、行為習(xí)慣、學(xué)習(xí)能力等，主要以互補(bǔ)的形式為主。每個(gè)團(tuán)隊(duì)5~6名學(xué)生，并在每組中設(shè)立小組長(zhǎng)，全面負(fù)責(zé)小組的學(xué)習(xí)討論和學(xué)習(xí)項(xiàng)目的分工安排，同時(shí)強(qiáng)調(diào)團(tuán)隊(duì)互助合作的重要性。

2教學(xué)方法

2.1行為導(dǎo)向法

行為導(dǎo)向教學(xué)法是職業(yè)教育的主要教學(xué)方式，是一種先進(jìn)的職業(yè)技術(shù)培訓(xùn)教學(xué)法。它不是指某種具體的教學(xué)方法，而是一系列教學(xué)技術(shù)和方法。包括項(xiàng)目教學(xué)法、案例教學(xué)法、角色扮演法等。行動(dòng)導(dǎo)向教學(xué)法以教學(xué)生“學(xué)會(huì)學(xué)習(xí)”為目標(biāo)，學(xué)生是學(xué)習(xí)過程的中心，從注重“教法”轉(zhuǎn)到注重“學(xué)法”，將學(xué)生的學(xué)習(xí)與學(xué)生發(fā)展密切結(jié)合起來。教師是整個(gè)教學(xué)過程的引導(dǎo)者與協(xié)調(diào)者，在教學(xué)活動(dòng)中與學(xué)生互動(dòng)，引導(dǎo)學(xué)生自主學(xué)習(xí)和獨(dú)立探索，讓學(xué)生在自己“動(dòng)手”的實(shí)踐中習(xí)得專業(yè)知識(shí)和實(shí)踐技能，進(jìn)而形成自己的知識(shí)體系。

2.2默會(huì)知識(shí)

英國(guó)著名的科學(xué)哲學(xué)家波蘭尼在《人的研究》一書中首次提出了默會(huì)知識(shí)的概念與理論，他認(rèn)為：“人類有兩種知識(shí)，通常所說的知識(shí)是用書面文字或地圖數(shù)學(xué)公式來表達(dá)的，這只是知識(shí)的一種形式，還有一種知識(shí)是不能系統(tǒng)表述的，例如我們有關(guān)自己行為的某種知識(shí)，如果我們將前一種知識(shí)稱為顯性知識(shí)的話，那么我們就可以將后一種知識(shí)稱為默會(huì)知識(shí)?！彼且环N只可意會(huì)不可言傳的知識(shí)，是一種經(jīng)常使用卻又不能通過語言文字符號(hào)予以清晰表達(dá)或直接傳遞的知識(shí)。教學(xué)過程既是一個(gè)傳遞和掌握顯性知識(shí)的過程，同時(shí)也是一個(gè)通過實(shí)踐活動(dòng)領(lǐng)悟和獲取必要的默會(huì)知識(shí)或直接體驗(yàn)的過程。而學(xué)生要獲取以默會(huì)知識(shí)為主體的實(shí)踐知識(shí)和技能，關(guān)鍵是通過對(duì)具體實(shí)踐行為的觀察、模仿和體驗(yàn)，而并非語言的傳遞。因此，以培養(yǎng)學(xué)生實(shí)踐技能為核心任務(wù)的職校必須積極探索指向?qū)嵺`行動(dòng)的教學(xué)改革。例如，與相關(guān)企業(yè)合作，提供學(xué)生頂崗實(shí)習(xí)的機(jī)會(huì)，讓學(xué)生親身體驗(yàn)真正的工作環(huán)境。在《網(wǎng)頁設(shè)計(jì)》實(shí)踐教學(xué)中，筆者以學(xué)校舉辦的科技節(jié)活動(dòng)為契機(jī)，實(shí)施“小組合作，團(tuán)隊(duì)協(xié)作”的教學(xué)策略，在共同完成任務(wù)的過程中習(xí)得默會(huì)知識(shí)。

3教學(xué)實(shí)踐

3.1知識(shí)技能的掌握

行為導(dǎo)向教學(xué)是學(xué)生積極參與的教學(xué)，強(qiáng)調(diào)學(xué)生學(xué)習(xí)興趣的培養(yǎng)，具有針對(duì)性強(qiáng)、教學(xué)效率高的特點(diǎn)。因此，針對(duì)中職生的學(xué)情，在《網(wǎng)頁設(shè)計(jì)》基本知識(shí)技能的掌握上，筆者采用行為導(dǎo)向教學(xué)法之：案例法、小組討論法、辯論法、媒體展示法和任務(wù)驅(qū)動(dòng)法。本文簡(jiǎn)要說明案例教學(xué)法和小組討論教學(xué)法。1)案例教學(xué)法案例教學(xué)法是以某個(gè)實(shí)例為先導(dǎo)，提出問題引導(dǎo)學(xué)生思考，進(jìn)而實(shí)現(xiàn)舉一反三、觸類旁通的遷移，將問題一般化。以網(wǎng)頁中的“行為”這個(gè)知識(shí)點(diǎn)的學(xué)習(xí)為例。按照傳統(tǒng)的教學(xué)方法，首先直接給出行為的基本概念：行為是在某一對(duì)象上因?yàn)槟骋皇录|發(fā)某一動(dòng)作的綜合描述；然后開始按順序逐個(gè)介紹各個(gè)行為的使用。學(xué)生跟著教師的步伐可能可以完成相關(guān)行為的應(yīng)用，但在這種情況下，他們很難真正理解“行為”的含義，什么是“動(dòng)作”、什么是“事件”，更不用說實(shí)現(xiàn)舉一反三的效果。筆者在講解“行為”這個(gè)概念之前，先引導(dǎo)學(xué)生反復(fù)練習(xí)簡(jiǎn)單“電子地圖”的制作，之后通過這個(gè)例子中涉及的“顯示-隱藏元素”、“交換圖像”等動(dòng)作形象地引入“行為”所包含的“對(duì)象”、“動(dòng)作”和“事件”，讓學(xué)生自己對(duì)號(hào)入座（對(duì)象：圖片熱區(qū)；事件：鼠標(biāo)的移入和鼠標(biāo)的移出；動(dòng)作：圖片的顯示和隱藏；行為：鼠標(biāo)的移入+圖片的顯示，鼠標(biāo)的移出+圖片的隱藏。）。從而讓學(xué)生自發(fā)地認(rèn)知“行為”這個(gè)概念。在接下來的“行為應(yīng)用”的例子中，始終以不變的步驟：“選擇對(duì)象——選定動(dòng)作——確定事件”來分析和熟悉各個(gè)行為的應(yīng)用。按照這個(gè)步驟，學(xué)生就可以以不變應(yīng)萬變，靈活掌握各個(gè)“行為”的使用。行為中的“對(duì)象”、“動(dòng)作”、“事件”幾個(gè)比較抽象的概念通過實(shí)例形象化后，再加強(qiáng)，使學(xué)生較好地掌握了本堂課的內(nèi)容，有效地突破了重點(diǎn)和難點(diǎn)。2)小組討論教學(xué)法在網(wǎng)頁設(shè)計(jì)實(shí)踐訓(xùn)練過程中，每位學(xué)生都有自己的見解，教師要鼓勵(lì)學(xué)生發(fā)表自己的想法，也把自己的實(shí)踐經(jīng)驗(yàn)與其他同學(xué)交流，通過師生間、學(xué)生間的對(duì)話交流，提高學(xué)生學(xué)習(xí)興趣的同時(shí)，實(shí)現(xiàn)知識(shí)的融合與共享。例如，在網(wǎng)頁的布局上，讓學(xué)生分小組討論“表格、AP元素、框架”這三個(gè)布局技術(shù)的優(yōu)缺點(diǎn)與適用場(chǎng)合，結(jié)果以小組之間辯論的方式展示和總結(jié)。從而加深對(duì)這三個(gè)重要技術(shù)的認(rèn)識(shí)。

3.2綜合應(yīng)用

在《網(wǎng)頁設(shè)計(jì)》課程的知識(shí)技能的綜合應(yīng)用上，筆者采用行為導(dǎo)向教學(xué)法之項(xiàng)目教學(xué)法。項(xiàng)目教學(xué)法是目前中職學(xué)校專業(yè)課教學(xué)普遍采用的一種方法，尤其是計(jì)算機(jī)教學(xué)特別適合于采用項(xiàng)目教學(xué)法。筆者以學(xué)校舉辦的“科技節(jié)活動(dòng)”為契機(jī)，實(shí)施“小組合作，團(tuán)隊(duì)協(xié)作”的教學(xué)策略，在共同完成任務(wù)的過程中習(xí)得默會(huì)知識(shí)。最終在全校范圍內(nèi)進(jìn)行成果作品的評(píng)比，相應(yīng)的獎(jiǎng)勵(lì)是有效的激勵(lì)手段。項(xiàng)目教學(xué)的實(shí)施步驟：

1)確定項(xiàng)目主題

由教師提供一些參考主題（如個(gè)人主頁、班級(jí)主頁、學(xué)校6S管理、中國(guó)傳統(tǒng)文化、美食、旅游等）或?qū)W生自定的主題。項(xiàng)目的任務(wù)是繪制網(wǎng)站模板并完成網(wǎng)站的設(shè)計(jì)。項(xiàng)目的目標(biāo)是每個(gè)小組制作出一個(gè)完整的網(wǎng)站。

2)制訂計(jì)劃

由小組討論制定項(xiàng)目實(shí)施計(jì)劃,確定實(shí)現(xiàn)步驟和程序。

3)組織實(shí)施

項(xiàng)目小組學(xué)生分工后,按照既定步驟和程序開展工作，小組成員協(xié)作完成項(xiàng)目。第一，收集素材。網(wǎng)頁初學(xué)者在搜集素材上的一個(gè)共同特點(diǎn)是，從網(wǎng)絡(luò)上大量收集素材后卻無從下手，不知如何應(yīng)用。搜集素材的關(guān)鍵在于精而不在于多。因此，要求學(xué)生在搜集素材前，小組內(nèi)首先討論清楚自己要做什么內(nèi)容、網(wǎng)站分為幾個(gè)模塊、各個(gè)模塊需要哪些素材，從而有針對(duì)性地整理自己的素材，切忌靈感泛濫，什么都想做。第二，繪制網(wǎng)站模板。利用圖片處理工具Photoshop或者FireWorks繪制網(wǎng)站模板，教師提供一些典型的網(wǎng)站模板供學(xué)生參考。要求學(xué)生自己參閱一些知名網(wǎng)站的設(shè)計(jì)與組織架構(gòu)。建議小組成員做好分工合作、有效實(shí)現(xiàn)技術(shù)的共享。Logo的設(shè)計(jì)、Bannner條的制作、網(wǎng)頁版面的布局和色彩的搭配都是網(wǎng)站設(shè)計(jì)成功的關(guān)鍵。網(wǎng)站版面的設(shè)計(jì)缺乏規(guī)劃和創(chuàng)意是網(wǎng)站的初學(xué)者的通病，網(wǎng)頁元素的隨意堆砌容易使整個(gè)網(wǎng)站版面條理不清。小組負(fù)責(zé)人需要將任務(wù)分解并分配到小組成員的身上，在獨(dú)立完成自己的任務(wù)的同時(shí)加強(qiáng)與成員之間的交流。第三，鼓勵(lì)學(xué)生在實(shí)踐操作中對(duì)話交流。默會(huì)知識(shí)很難流動(dòng)，它只有在顯性化或被他人吸收、利用時(shí)才能發(fā)揮作用，只有在人際互動(dòng)學(xué)習(xí)中才便于其生成與獲得。

4)項(xiàng)目結(jié)果匯報(bào)與作品展示

各個(gè)小組展示模板和網(wǎng)頁，并陳述作品的創(chuàng)作過程。

5)評(píng)價(jià)總結(jié)

在課程結(jié)束的時(shí)候，舉行了一次作品展覽答辯會(huì)，由教師組建評(píng)價(jià)隊(duì)伍，對(duì)各個(gè)小組的作品分別進(jìn)行評(píng)價(jià)，評(píng)出優(yōu)秀作品，并在全校范圍內(nèi)展示。評(píng)價(jià)主要包括：自我評(píng)價(jià)、組內(nèi)互評(píng)、組間互評(píng)和教師點(diǎn)評(píng)。項(xiàng)目評(píng)價(jià)的目的是，通過答辯交流了解學(xué)生在學(xué)習(xí)過程中有無困難、是否順利等來判斷項(xiàng)目的設(shè)置和要求是否過高或者過低。

4結(jié)束語

實(shí)踐教學(xué)的質(zhì)量決定中職學(xué)校的人才培養(yǎng)質(zhì)量，所以教學(xué)改革需要不斷地深化。本文對(duì)《網(wǎng)頁設(shè)計(jì)》課程的教學(xué)內(nèi)容、教學(xué)方法、教學(xué)評(píng)價(jià)等方面進(jìn)行改革，增強(qiáng)學(xué)生的學(xué)習(xí)興趣和學(xué)習(xí)積極性。提高中職生的實(shí)踐操作技能，需要在實(shí)踐教學(xué)過程中不斷地進(jìn)行探索和完善。

作者:呂溪敏 單位:廈門信息學(xué)校

網(wǎng)頁設(shè)計(jì)論文:網(wǎng)頁設(shè)計(jì)中的圖形圖像處理技巧分析

摘要:

隨著我國(guó)互聯(lián)網(wǎng)信息技術(shù)的飛速發(fā)展，通過網(wǎng)絡(luò)流量網(wǎng)頁觀看新聞、圖片和視頻等已經(jīng)成為人們?nèi)粘Ｉ钪斜夭豢缮俚纳顑?nèi)容，因此，網(wǎng)頁設(shè)計(jì)所受到的關(guān)注度越來越高。其中圖形圖像處理技巧是網(wǎng)頁設(shè)計(jì)最重要的影響因素之一，決定著網(wǎng)頁設(shè)計(jì)整體效果、主題思路和瀏覽感受。為了滿足人們對(duì)網(wǎng)頁設(shè)計(jì)日益增長(zhǎng)的審美要求，必須充分發(fā)揮出圖形圖像處理技巧的優(yōu)勢(shì)，設(shè)計(jì)出更加優(yōu)秀和美觀的網(wǎng)頁。本文對(duì)網(wǎng)頁設(shè)計(jì)中的圖形圖像處理的優(yōu)勢(shì)、構(gòu)圖方法和處理技巧應(yīng)用等方面進(jìn)行了簡(jiǎn)要分析。切實(shí)希望有助于提升網(wǎng)頁設(shè)計(jì)中的圖形圖像處理的水平和質(zhì)量。

關(guān)鍵詞:

網(wǎng)頁設(shè)計(jì);圖形圖像處理技巧

近年來，隨著我國(guó)科學(xué)技術(shù)的飛速發(fā)展和人民生活質(zhì)量的不斷提高，通過互聯(lián)網(wǎng)信息技術(shù)瀏覽網(wǎng)頁已經(jīng)成為人們?nèi)粘９ぷ鲗W(xué)習(xí)生活的一部分，不但如此，各個(gè)行業(yè)領(lǐng)域、機(jī)關(guān)部門都需要借助網(wǎng)絡(luò)來輔助辦公，因此，網(wǎng)站和網(wǎng)頁建設(shè)是目前備受關(guān)注的焦點(diǎn)。網(wǎng)頁設(shè)計(jì)中最重要的一個(gè)環(huán)節(jié)就是圖形圖像處理的過程，由于網(wǎng)頁是面向網(wǎng)站用戶的直接對(duì)象，網(wǎng)頁所展示出的整體效果和層次脈絡(luò)代表著網(wǎng)頁所有者的能力和態(tài)度，能否把網(wǎng)頁設(shè)計(jì)與藝術(shù)美感有機(jī)結(jié)合是獲取瀏覽者認(rèn)同度和滿意度的基礎(chǔ)因素。這就要求網(wǎng)頁設(shè)計(jì)中圖形圖像處理過程的質(zhì)量和水平要格外高超，用專業(yè)的圖形圖像處理技能和知識(shí)配合富有藝術(shù)美感的處理技巧，充分滿足人們對(duì)瀏覽網(wǎng)頁的視覺需求和效用需求。

1網(wǎng)頁設(shè)計(jì)中的圖形圖像處理技術(shù)分析

1.1網(wǎng)頁設(shè)計(jì)過程中運(yùn)用圖形圖像的優(yōu)勢(shì)

首先，在網(wǎng)頁設(shè)計(jì)過程中使用圖片首先可以給用戶帶來直觀的視覺沖擊，具有視覺優(yōu)勢(shì)，以圖片作為網(wǎng)頁版面的構(gòu)成要素可以烘托出特殊的網(wǎng)頁風(fēng)格，而且圖片具有良好的適配性和包容性，能夠配合網(wǎng)頁中蘊(yùn)含的其他因素，從而使網(wǎng)頁獲得統(tǒng)一、協(xié)調(diào)的美感。其次，圖片內(nèi)容的受眾性逛具備認(rèn)知優(yōu)勢(shì)，通過圖片設(shè)計(jì)者可以忽略由于語言文字產(chǎn)生的信息障礙，增大瀏覽和觀看的受眾范圍，即使用戶不認(rèn)識(shí)文字或者來自不同語言文化的國(guó)家，都可以通過圖片內(nèi)容來準(zhǔn)確理解設(shè)計(jì)者所表達(dá)的思想內(nèi)涵。

1.2網(wǎng)頁設(shè)計(jì)過程中運(yùn)用圖形圖像的構(gòu)圖方式

網(wǎng)頁設(shè)計(jì)中主要的構(gòu)圖方式按結(jié)構(gòu)劃分有三種，分別是縱向式、水平式和中心式構(gòu)圖。其中，縱向式構(gòu)圖是指將網(wǎng)頁中的全部元素按照豎直方式進(jìn)行排列，這種構(gòu)圖方式比較簡(jiǎn)潔明了，用戶能夠直觀、清晰地感受到網(wǎng)頁的主體內(nèi)容，多適用于廣告設(shè)計(jì)中。而水平式構(gòu)圖與上一種構(gòu)圖方式類似，只不過是將排列方式轉(zhuǎn)變?yōu)闄M向，這種構(gòu)圖方式體現(xiàn)出莊重、樸實(shí)和嚴(yán)謹(jǐn)?shù)娘L(fēng)格，適合用戶的瀏覽習(xí)慣，主要適用于政府機(jī)關(guān)、企業(yè)單位和學(xué)校等機(jī)構(gòu)的網(wǎng)站中。中心式構(gòu)圖運(yùn)用較少，其設(shè)計(jì)理念是把所有元素統(tǒng)一集中到網(wǎng)頁中心，集中表現(xiàn)力較強(qiáng)，但是給人的感覺過于拘謹(jǐn)。

1.3網(wǎng)頁設(shè)計(jì)過程中運(yùn)用圖形圖像的處理技術(shù)

1.3.1圖形圖像去噪

網(wǎng)頁在添加圖形圖像的時(shí)候會(huì)伴隨著噪聲，噪聲的產(chǎn)生是由圖形圖像的自身屬性所決定的。通過圖形圖像去噪處理，可以有效提高圖形圖像的分辨率，對(duì)圖片質(zhì)量和大小進(jìn)行優(yōu)化。

1.3.2圖形圖像增強(qiáng)

主要是通過后期制作將中心圖像四周的圖像進(jìn)行淡化處理，以此達(dá)到突出中心主題的目的。圖形圖像增強(qiáng)能夠有效提升圖片的畫面感，其主要技術(shù)有，邊緣增強(qiáng)、圖像色彩增強(qiáng)和銳化增強(qiáng)等。

1.3.3圖形圖像壓縮

這種技術(shù)被大范圍適用于數(shù)字圖像中，主要是針對(duì)圖像數(shù)據(jù)中冗余信息進(jìn)行壓縮處理，以提升圖形圖像的分辨率、像素水平，降低圖像的失真性，提高圖片質(zhì)量。

2網(wǎng)頁設(shè)計(jì)中的圖形圖像處理技術(shù)的應(yīng)用

2.1圖形圖像的形式與網(wǎng)站整體風(fēng)格的匹配度與協(xié)調(diào)性

網(wǎng)頁設(shè)計(jì)中所涉及到圖形圖像的表達(dá)方式大致有三種，分別是四方圖、退底圖和邊緣模糊圖。每一種圖片表達(dá)方式都有其獨(dú)特的視覺效果和瀏覽體驗(yàn)，需要通過合理的運(yùn)用組合，才可以設(shè)計(jì)出高水平的網(wǎng)站網(wǎng)頁。在網(wǎng)頁設(shè)計(jì)過程中，要充分考慮到圖形圖像的形式與網(wǎng)站整體風(fēng)格的匹配度與協(xié)調(diào)性，按照主題風(fēng)格將圖片內(nèi)容進(jìn)行層次性排列設(shè)計(jì)，突出中心主題圖像，對(duì)次要信息表達(dá)的圖片進(jìn)行弱化處理，從而設(shè)計(jì)出最佳效果的網(wǎng)站網(wǎng)頁。

2.2對(duì)圖片的格式、大小和顏色等因素進(jìn)行處理

在設(shè)計(jì)網(wǎng)頁的過程中要按照實(shí)際需求選取圖片格式，科學(xué)規(guī)范的圖片格式設(shè)置可以保證網(wǎng)頁設(shè)計(jì)的合理性和美觀性，通過對(duì)拍攝圖片、截取圖片和拼接圖片的處理，增強(qiáng)用戶的視覺感官與瀏覽享受，運(yùn)用“圖片+文字”的手法是網(wǎng)頁設(shè)計(jì)中較為普遍的設(shè)計(jì)形式，為了不影響整體效果和中心內(nèi)涵，不同格式的圖片設(shè)計(jì)是必須考慮清楚的環(huán)節(jié)。由于網(wǎng)頁的版面所限，如何在有限的空間中高效運(yùn)用圖片進(jìn)行信息輸出是設(shè)計(jì)者需要考慮的重要內(nèi)容，網(wǎng)頁設(shè)計(jì)中圖片大小主要影響圖形圖像的分辨率清晰度，同樣需要配合網(wǎng)頁中心思想來進(jìn)行設(shè)置，突出重點(diǎn)來提升網(wǎng)頁瀏覽效果。網(wǎng)頁設(shè)計(jì)過程中圖形圖像的不同顏色搭配，能夠展現(xiàn)出不同的設(shè)計(jì)風(fēng)格和不同的表達(dá)效果，與圖表、背景和文字之間的協(xié)同搭配是設(shè)計(jì)師在選擇圖片顏色時(shí)考慮的重要因素。

2.3圖形圖像處理的相關(guān)技術(shù)

要想制作出具備觀賞性和藝術(shù)性的高水平網(wǎng)頁，圖形圖像處理的相關(guān)技術(shù)的運(yùn)用必不可少。Photoshop作為功能性和適用性較強(qiáng)的圖形圖像處理軟件，在網(wǎng)頁設(shè)計(jì)過程中應(yīng)用較為廣泛。根據(jù)網(wǎng)頁設(shè)計(jì)要求，Photoshop能夠?qū)D片的位置、大小和版式等多項(xiàng)內(nèi)容進(jìn)行處理和調(diào)整，其中，圖片分割技術(shù)是較為常用的一種技巧。通過多幅圖片的分割、重構(gòu)和組合能夠設(shè)計(jì)出別具風(fēng)格的圖形圖像，極大地增加了圖片的靈動(dòng)性和美感。

3結(jié)論

綜上所述，網(wǎng)頁設(shè)計(jì)對(duì)技術(shù)性和美觀性的要求越來越高，設(shè)計(jì)師對(duì)圖形圖像處理技巧運(yùn)用的能力更為重要。在設(shè)計(jì)網(wǎng)頁的過程中，通過強(qiáng)調(diào)圖形圖像的形式與網(wǎng)站整體風(fēng)格的匹配度與協(xié)調(diào)性，根據(jù)主題對(duì)圖片的格式、大小和顏色等因素進(jìn)行處理，運(yùn)用Photoshop等圖片處理軟件，可以有效提升網(wǎng)頁的藝術(shù)性和美觀性，提高網(wǎng)頁設(shè)計(jì)的質(zhì)量和水平。

作者:徐智旭 門威 單位:河南廣播電視大學(xué)

網(wǎng)頁設(shè)計(jì)論文:網(wǎng)頁設(shè)計(jì)中色彩對(duì)比與調(diào)和的應(yīng)用

摘要：

隨著科學(xué)技術(shù)的不斷發(fā)展，各種網(wǎng)絡(luò)產(chǎn)品幾乎滲透到生活的方方面面，在人們生活中產(chǎn)生重要的影響。網(wǎng)絡(luò)成為人們獲取信息的主要平臺(tái)，網(wǎng)頁成了信息的主要載體，所以網(wǎng)頁對(duì)人的吸引力有著實(shí)際的意義。

關(guān)鍵詞：

色彩對(duì)比；網(wǎng)頁設(shè)計(jì)；吸引力；視覺效果

1引言

在網(wǎng)站形象的傳達(dá)過程中，色彩是首位要考慮的視覺因素。為提高網(wǎng)頁對(duì)人們的吸引力，網(wǎng)站能夠給人們留下深刻的印象，提升網(wǎng)站運(yùn)行的質(zhì)量，做好色彩對(duì)比與調(diào)和的措施具有實(shí)際可行的意義。色彩，作為生活中不可或缺的調(diào)和劑，在網(wǎng)頁設(shè)計(jì)中，可以促使信息分類以及瀏覽的速度都有所上升，所以在網(wǎng)頁設(shè)計(jì)的因素參考中具有較為實(shí)際的意義，在近幾年的發(fā)展中，重要性不斷突出。色彩對(duì)比和調(diào)和的積極作用在實(shí)踐中得到突出的表現(xiàn)。

2色彩對(duì)比與調(diào)和在網(wǎng)頁設(shè)計(jì)中的應(yīng)用背景

隨著網(wǎng)絡(luò)技術(shù)水平的不斷提高，網(wǎng)絡(luò)技術(shù)逐漸滲透到人們生活的方方面面，并產(chǎn)生了重要的影響?；诰W(wǎng)絡(luò)化使得人們的生活更加便利，許多信息都是在網(wǎng)頁中進(jìn)行了解，所以網(wǎng)頁成為人們生活中一個(gè)重要的信息載體。因此，在網(wǎng)頁上進(jìn)行更好的信息傳達(dá)，成為現(xiàn)代研究工作中重要的一項(xiàng)新的課題。在具體的網(wǎng)頁設(shè)計(jì)過程中，作為傳達(dá)信息最為直接因素的色彩，在網(wǎng)頁設(shè)計(jì)越發(fā)重要的情況下，其積極作用也越發(fā)明顯。如何更好的通過色彩的對(duì)比和調(diào)和，來提高網(wǎng)頁對(duì)人的印象成為研究和關(guān)注的重點(diǎn)。色彩設(shè)計(jì)是整個(gè)網(wǎng)頁設(shè)計(jì)的靈魂，也是網(wǎng)頁作品的表達(dá)語言之一，對(duì)人們的視覺傳達(dá)有著重要的作用，是重要的手段和途徑。色彩對(duì)比和調(diào)和是利用色彩的重要的基礎(chǔ)的手段，運(yùn)用到網(wǎng)頁的設(shè)計(jì)過程中，對(duì)整體的協(xié)調(diào)和局部的突出都有著重要的作用。在網(wǎng)頁中做好色彩的對(duì)比，可以使色彩的明度和純度等對(duì)網(wǎng)頁的視覺效果都有著重要的作用。雖然對(duì)比和調(diào)和是色彩利用中較為矛盾的兩個(gè)方面，但是處理好這二者的關(guān)系，可以使得在色彩的促進(jìn)作用下，人們更直接的注意到相關(guān)的信息。在各種網(wǎng)頁的設(shè)計(jì)中，色彩本就是不可或缺的重要因素，對(duì)于提高廣告的重要意義有著突出的作用。色彩的不同處理，對(duì)于群眾主體以及群眾對(duì)網(wǎng)頁信息的獲取和理解都有著巨大的差別，所以做好色彩的處理對(duì)于網(wǎng)站持久的影響力有著重要的影響。

3色彩對(duì)比與調(diào)和在網(wǎng)頁設(shè)計(jì)中的應(yīng)用方法

色彩有著重要的意義，在實(shí)際的網(wǎng)頁設(shè)計(jì)中也有著許多不同的表現(xiàn)，發(fā)揮著不同的作用，筆者經(jīng)過相關(guān)資料的調(diào)查，得出相關(guān)的應(yīng)用表現(xiàn)有如下幾點(diǎn)：

3.1注重色彩的對(duì)比

在網(wǎng)頁的設(shè)計(jì)和實(shí)施的過程中，對(duì)于不同的顏色，不同的人會(huì)有不同的感覺，整體的表現(xiàn)效果也有著明顯的不同，所以要根據(jù)具體的內(nèi)容使用不同的顏色，使得顏色對(duì)于主要的閱讀群體有著重要的影響。要做好色相的對(duì)比，對(duì)主色和其他的顏色進(jìn)行搭配的綜合考慮，使得主色和其他顏色的整體效果較為突出。如果兩種顏色較為接近，就是柔和的對(duì)比，如果顏色差別較大，有一定的強(qiáng)調(diào)作用，但可能因?yàn)閷?duì)比太過突出從而降低整個(gè)的協(xié)調(diào)感。色彩的明度包括色彩差和非色彩差大部分的內(nèi)容，不同的色彩會(huì)使得色彩的明度有所差異，人們看見的明度會(huì)以空間層次的效果進(jìn)行呈現(xiàn)，所以明度的設(shè)計(jì)也要符合整個(gè)網(wǎng)頁的設(shè)計(jì)要求。顏色的安排要根據(jù)網(wǎng)頁信息的面積進(jìn)行具體的安排，提高網(wǎng)頁整體的質(zhì)量。

3.2同種色彩的調(diào)和

網(wǎng)頁色彩搭配的過程中，對(duì)于同一種色彩來說，進(jìn)行調(diào)和作用，降低顏色相似帶來的單一感，對(duì)色彩的純度和明度進(jìn)行充分的利用。運(yùn)用不同的顏色進(jìn)行網(wǎng)頁功能的劃分，也可以使得網(wǎng)站擁有更好的韻律感。在同一色環(huán)對(duì)立位置的顏色調(diào)和，則有更加重要的問題。要注意明確二者的突出關(guān)系，使得顏色在對(duì)比中保證整體的協(xié)調(diào)感，以免網(wǎng)頁設(shè)計(jì)過程中顏色嚴(yán)重的突兀。漸變色要調(diào)節(jié)網(wǎng)頁帶給人的視覺的層次性，所以在進(jìn)行漸變色的利用時(shí)，要保證網(wǎng)頁的整體節(jié)奏感和協(xié)調(diào)感，使得整個(gè)網(wǎng)頁帶給人的節(jié)奏感進(jìn)一步上升。

3.3對(duì)比調(diào)和規(guī)律

色彩對(duì)比看似矛盾，但在有效的利用過程中，也可以提高整體的協(xié)調(diào)性。為了使色彩的運(yùn)用更加的協(xié)調(diào)和平衡，在具體的設(shè)計(jì)過程中，高度重視對(duì)比和調(diào)和的色彩處理的綜合應(yīng)用。在進(jìn)行色彩選擇時(shí)，運(yùn)用同屬性的色彩相互配合，使得網(wǎng)頁設(shè)計(jì)中的色彩在與其他元素進(jìn)行配合時(shí)，有更好的兼容性，提高網(wǎng)頁綜合的質(zhì)量和吸引力。

4色彩對(duì)比與調(diào)和在網(wǎng)頁設(shè)計(jì)中的應(yīng)用重要性

網(wǎng)站進(jìn)行形象設(shè)計(jì)時(shí)，色彩作為首位的視覺因素需要進(jìn)行考慮和設(shè)計(jì)。為使訪問網(wǎng)站的用戶留下深刻的印象，色彩的處理具有重要的作用。即使用戶無法記住網(wǎng)頁的整體情況，也會(huì)因?yàn)轭伾淖饔脤?duì)個(gè)別內(nèi)容有深刻的印象。色彩在網(wǎng)頁的設(shè)計(jì)中發(fā)揮的作用有許多，如劃分視覺區(qū)域。在色彩的應(yīng)用中創(chuàng)造出一種有序的視覺感，設(shè)計(jì)中的色彩也可以突出主次的效果，使得用戶能夠注意到強(qiáng)調(diào)的主要內(nèi)容。在海量的信息中以最快的速度獲取想用的信息，就必須借助顏色等有利的因素進(jìn)行協(xié)調(diào)。色彩不僅可以美化整個(gè)網(wǎng)頁，重要的是可以對(duì)重點(diǎn)的內(nèi)容進(jìn)行突出，對(duì)瀏覽者提供重要的幫助。借助色彩的力量也可以增強(qiáng)網(wǎng)頁的吸引力，當(dāng)下的科學(xué)技術(shù)不斷發(fā)展，類似的網(wǎng)站數(shù)量不斷增加，利用好色彩可以使得網(wǎng)頁脫穎而出，促進(jìn)網(wǎng)站的長(zhǎng)遠(yuǎn)持久發(fā)展。一個(gè)優(yōu)秀的色彩的設(shè)計(jì)者，賦予一個(gè)網(wǎng)頁強(qiáng)有力的生命力，不僅反映在視覺上，還能夠使得網(wǎng)頁的色彩、使得網(wǎng)站擁有象征意義，以及重要的獨(dú)特心理影響的作用。在網(wǎng)頁設(shè)計(jì)中體現(xiàn)更多的藝術(shù)性，是保證網(wǎng)頁在發(fā)展中具備一定競(jìng)爭(zhēng)力的重要要求。網(wǎng)頁的發(fā)展是科技信息時(shí)代下發(fā)展的蛀牙潮流，進(jìn)行質(zhì)量的提高具有視覺的意義，色彩的對(duì)比和調(diào)和的作用不可忽視。

作者:劉娜娜 單位:天津市科學(xué)技術(shù)信息研究所

網(wǎng)頁設(shè)計(jì)論文:靜態(tài)網(wǎng)頁設(shè)計(jì)與制作分析

摘要：

伴隨著信息網(wǎng)絡(luò)技術(shù)的發(fā)展，人類已經(jīng)進(jìn)入信息時(shí)代。人們的各項(xiàng)工作都離不開網(wǎng)絡(luò)。企業(yè)網(wǎng)是展示企業(yè)形象的重要窗口，是傳播企業(yè)文化、企業(yè)信息、輔助業(yè)務(wù)辦公、服務(wù)生產(chǎn)經(jīng)營(yíng)的重要手段。本文介紹了企業(yè)網(wǎng)的搭建過程和幾個(gè)重要網(wǎng)頁部件的功能。

關(guān)鍵詞：

靜態(tài)網(wǎng)頁；Sharepoint2010；Web部件

1.靜態(tài)網(wǎng)頁概述

所謂的網(wǎng)頁就是在瀏覽器上看到的一幅幅畫面，又稱web頁，實(shí)際上它是一個(gè)文件，存放在和internet相連的某個(gè)服務(wù)器上。而靜態(tài)網(wǎng)頁指的是網(wǎng)頁內(nèi)容固定不變，當(dāng)瀏覽者通過互聯(lián)網(wǎng)的和channelfoot.html文件內(nèi)。網(wǎng)頁的頁頭和頁腳就制作好了。在網(wǎng)頁中部添加需要的取靜態(tài)頁面（帶宏替換）Web部件和新聞列表Web部件，配置部件屬性，指定路徑到對(duì)應(yīng)的html文件。頁面保存并，這樣一個(gè)網(wǎng)頁就搭建好了。

3.常用部件簡(jiǎn)單說明

(1)取靜態(tài)頁面（帶宏替換）Web部件。取靜態(tài)頁面（帶宏替換）Web部件可將靜態(tài)文件中的代碼整合到頁面指定位置，用于制作靜態(tài)內(nèi)容。用SharePointDesigner2010打開站點(diǎn)，選擇左側(cè)菜單中所有文件，點(diǎn)擊_EX_STATICPAGES_，在文檔庫區(qū)域中右鍵新HTML，修改文件名為英文字符即可。右鍵靜態(tài)文件，選擇打開，將靜態(tài)代碼添加進(jìn)去，保存關(guān)閉即可。添加的靜態(tài)代碼為HTML代碼片段，原則上不允許向其中添加<html><head><body>等網(wǎng)頁結(jié)構(gòu)標(biāo)簽或聲明語句。代碼片段中僅填寫結(jié)構(gòu)代碼，建議將樣式、圖片等資源放置在站點(diǎn)PageAssets的對(duì)應(yīng)文件或文件夾中，如Styles中的page.css，Images文件夾等。進(jìn)入頁面編輯狀態(tài)，在指定Web部件區(qū)域添加。如下圖：如果引用其他站點(diǎn)中的靜態(tài)文件，點(diǎn)擊文本框右側(cè)的藍(lán)色區(qū)域，彈出文本編輯器，在其中添加引用靜態(tài)文件的絕對(duì)或相對(duì)地址。保存部件配置，保存頁面，即可看到靜態(tài)內(nèi)容替換效果。(2)新聞列表Web部件。新聞列表Web部件實(shí)現(xiàn)動(dòng)態(tài)讀取指定新聞?lì)l道內(nèi)的新聞并以列表形式在頁面中展示。添加新聞列表WEB部件方法同內(nèi)容編輯器WEB部件。點(diǎn)開“新聞列表”右側(cè)下拉箭頭，選擇編輯web部件。新聞列表Web部件包括內(nèi)容設(shè)置、顯示設(shè)置、篩選和排序、圖片新聞顯示設(shè)置等7類屬性。設(shè)置好相應(yīng)的屬性，就可以顯示對(duì)應(yīng)的新聞欄目了。(3)IP過濾Web部件。我們可以采用兩種方式控制用戶對(duì)網(wǎng)站中某項(xiàng)內(nèi)容的訪問：權(quán)限管理或訪問IP限制。權(quán)限管理的控制最為準(zhǔn)確，因?yàn)榫W(wǎng)站使用用戶的賬號(hào)來辨別其是否有權(quán)限打開受限內(nèi)容。但在面對(duì)“我希望本單位所有的員工都有權(quán)訪問這個(gè)頁面”這樣的需求描述時(shí)，用給帳號(hào)授權(quán)的方式去控制訪問就變得有些困難，所以我們把它改造為“我希望在本單位內(nèi)可以上網(wǎng)的電腦都有權(quán)訪問這個(gè)頁面”，這個(gè)時(shí)候用IP地址進(jìn)行辨別就派上了用場(chǎng)。IP過濾Web部件通過對(duì)客戶端的IP地址進(jìn)行辨別，判斷用戶是否打開這個(gè)頁面，更加適用于一種面向“結(jié)構(gòu)”的訪問約束。所謂面向的“結(jié)構(gòu)”，如一個(gè)部門、一個(gè)單位、眾多組織，或如上面所提到的，一個(gè)邊界十分清晰的空間。我們所要準(zhǔn)備的東西只是拿到“結(jié)構(gòu)”內(nèi)的IP地址分配情況，開始配置。IP過濾Web部件只能在內(nèi)網(wǎng)中使用，只能拖拽到Web部件頁中。進(jìn)入頁面編輯狀態(tài)，在指定Web部件區(qū)域添加。布局中勾選“隱藏”。自定義屬性中的參數(shù)“允許的IP范圍”填寫可訪問頁面的IP段，IP段一定要有頭有尾，中間用“-”連接，IP段和IP段之間用分號(hào)隔開，最后一個(gè)IP段后不再使用分號(hào)。這樣就設(shè)定了兩個(gè)IP段可以訪問，其它地址的電腦無法訪問網(wǎng)頁。

4.結(jié)束語

全球性的網(wǎng)絡(luò)化、信息化進(jìn)程正改變著人們的工作方式。Internet技術(shù)的應(yīng)用為人們帶來了極大的方便。網(wǎng)絡(luò)辦公已經(jīng)深入到了企業(yè)的各個(gè)角落?，F(xiàn)在的企業(yè)網(wǎng)功能豐富，為人們的工作提供了便利。

作者:宋英茹 單位:大港油田第二采油廠

網(wǎng)頁設(shè)計(jì)論文:項(xiàng)目教學(xué)法在網(wǎng)頁設(shè)計(jì)中的應(yīng)用

摘要：

“項(xiàng)目教學(xué)法”是以項(xiàng)目小組的形式來共同實(shí)施一個(gè)完整的項(xiàng)目而進(jìn)行教學(xué)活動(dòng)，它作為行為導(dǎo)向教學(xué)法中的一種，學(xué)生在老師的指導(dǎo)下尋找實(shí)施項(xiàng)目的途徑和結(jié)論，最后通過展示和自我評(píng)價(jià)得分來提升學(xué)生的綜合素質(zhì)。在整個(gè)過程中，教師起到重要的作用，他不再是教學(xué)過程的主導(dǎo)者，而是參與到學(xué)生學(xué)習(xí)過程中，擔(dān)負(fù)起引導(dǎo)和監(jiān)督學(xué)生完成項(xiàng)目的責(zé)任。筆者分析了項(xiàng)目教學(xué)法在網(wǎng)頁設(shè)計(jì)課程教學(xué)中的應(yīng)用效果和價(jià)值，充分展示項(xiàng)目教學(xué)改革的必要性，探討項(xiàng)目教學(xué)法應(yīng)用在網(wǎng)頁設(shè)計(jì)教學(xué)過程中的重要意義。

關(guān)鍵詞：

項(xiàng)目教學(xué)法；計(jì)算機(jī)信息化；網(wǎng)頁設(shè)計(jì)課程

項(xiàng)目教學(xué)法是對(duì)傳統(tǒng)教學(xué)方法的改革，它以實(shí)踐的項(xiàng)目為導(dǎo)向，從教學(xué)這一職業(yè)的本質(zhì)需求出發(fā)，選取典型的一個(gè)項(xiàng)目來進(jìn)行教學(xué)，通過學(xué)生和老師的參與，將這個(gè)項(xiàng)目完成，到達(dá)教學(xué)的效果。在項(xiàng)目教學(xué)過程中，學(xué)生能夠積極主動(dòng)地參與到學(xué)習(xí)的過程中，梳理和應(yīng)用知識(shí)，強(qiáng)化了對(duì)知識(shí)點(diǎn)的整體記憶。項(xiàng)目教學(xué)法體現(xiàn)了注重學(xué)生的自主性、有計(jì)劃的行動(dòng)、解決問題的過程的全新教學(xué)理念。在課堂教學(xué)過程中把書本中的理論應(yīng)用到實(shí)踐中，充分激發(fā)學(xué)生的學(xué)習(xí)興趣，提高學(xué)生解決實(shí)際問題和團(tuán)隊(duì)合作的綜合能力。對(duì)于中職教師而言，項(xiàng)目教學(xué)法在教學(xué)過程中既發(fā)揮了教師的主導(dǎo)作用，同時(shí)也展示了現(xiàn)代職業(yè)教育以能力為本位的價(jià)值取向，提高課堂教學(xué)質(zhì)量和效果。如何在網(wǎng)頁設(shè)計(jì)與制作課程中利用項(xiàng)目教學(xué)法提高網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)質(zhì)量，強(qiáng)化學(xué)生職業(yè)能力培養(yǎng)，是教師需要重點(diǎn)關(guān)注和解決的問題。

1項(xiàng)目教學(xué)的教學(xué)設(shè)計(jì)原則

在教學(xué)過程中，以學(xué)生為中心，在教師的協(xié)助下完成選取的項(xiàng)目，是項(xiàng)目教學(xué)法的設(shè)計(jì)原則。一方面，教師要根據(jù)教學(xué)課程的內(nèi)容需要，同時(shí)結(jié)合學(xué)校學(xué)生的實(shí)際水平，選取適當(dāng)?shù)默F(xiàn)實(shí)的項(xiàng)目，這個(gè)項(xiàng)目應(yīng)包括本課程的基本的知識(shí)點(diǎn)內(nèi)容，能夠起到學(xué)生解決問題、牢記知識(shí)點(diǎn)的作用，同時(shí)教師和學(xué)生共同參與到項(xiàng)目的實(shí)施過程中，幫助學(xué)生完成難度適合的項(xiàng)目。另一方面，項(xiàng)目的實(shí)施過程要分組完成，讓學(xué)生有更多的機(jī)會(huì)接觸到項(xiàng)目的各個(gè)部分，充分把自己所學(xué)的知識(shí)應(yīng)用到項(xiàng)目中，為學(xué)生提供多種學(xué)習(xí)資源。同時(shí)，要積極促成學(xué)生小組之間的討論交流，讓他們?cè)谙嗷ソ涣髦胁槁┭a(bǔ)缺，了解自己的優(yōu)點(diǎn)和不足，養(yǎng)成學(xué)生協(xié)商、交流解決難題的能力，提高他們的團(tuán)隊(duì)協(xié)作能力，從而實(shí)現(xiàn)整體的進(jìn)步。

2教師使用項(xiàng)目教學(xué)法的基本流程

項(xiàng)目教學(xué)的過程是實(shí)現(xiàn)教師的主導(dǎo)與學(xué)生學(xué)習(xí)主體的結(jié)合。在教學(xué)過程中，需要兩個(gè)大步驟：一是教師根據(jù)教學(xué)計(jì)劃制定項(xiàng)目，明確本節(jié)課的教學(xué)內(nèi)容、目的和相關(guān)知識(shí)，同時(shí)關(guān)注學(xué)生在完成項(xiàng)目的過程中易出現(xiàn)的問題；二是學(xué)生具體實(shí)施和完成項(xiàng)目的過程和結(jié)果。如圖1所示：

3項(xiàng)目教學(xué)法在網(wǎng)頁設(shè)計(jì)教學(xué)中的實(shí)踐

以網(wǎng)頁設(shè)計(jì)與制作課程為例，結(jié)合項(xiàng)目教學(xué)法的模式特點(diǎn)，選取了制作企業(yè)網(wǎng)站的綜合應(yīng)用為案例，來進(jìn)行項(xiàng)目實(shí)踐。

3.1制定項(xiàng)目任務(wù)書，明確項(xiàng)目名稱和目標(biāo)

教師首先選取合適的教學(xué)容容，明確項(xiàng)目名稱、教學(xué)目標(biāo)，同時(shí)將學(xué)生進(jìn)行分組，如設(shè)計(jì)制作信用卡網(wǎng)站。教學(xué)的目標(biāo)是讓學(xué)生通過使用Photoshop、Dreamweaver等工具制作符合企業(yè)要求的實(shí)用型網(wǎng)站。通過實(shí)踐項(xiàng)目，使學(xué)生熟練掌握網(wǎng)站制作、測(cè)試、的整體流程，同時(shí)使學(xué)生能夠掌握多個(gè)網(wǎng)頁的布局設(shè)計(jì)方法，加強(qiáng)對(duì)CSS+DIV的綜合應(yīng)用能力。

3.2點(diǎn)評(píng)學(xué)生項(xiàng)目設(shè)計(jì)，完善項(xiàng)目計(jì)劃書

在項(xiàng)目小組接受任務(wù)后，教師要指導(dǎo)學(xué)生設(shè)計(jì)和制作項(xiàng)目實(shí)施計(jì)劃，引導(dǎo)學(xué)生搜集、整理項(xiàng)目?jī)?nèi)容和信息，在學(xué)生制訂設(shè)計(jì)實(shí)施計(jì)劃后點(diǎn)評(píng)各小組的項(xiàng)目計(jì)劃書，讓小組之間進(jìn)行交流，不斷完善項(xiàng)目和活動(dòng)計(jì)劃表。

3.2.1明確網(wǎng)站定位和功能定位

教師通過引導(dǎo)學(xué)生分析銀行信用卡網(wǎng)的需求，讓各小組根據(jù)分析結(jié)果明確信用卡網(wǎng)站定位、功能定位。信用卡網(wǎng)站的定位應(yīng)為提供最專業(yè)全面的用卡知識(shí)介紹及經(jīng)驗(yàn)交流與分享等服務(wù)。所以在網(wǎng)站設(shè)計(jì)中，要體現(xiàn)產(chǎn)品和服務(wù)，宣傳企業(yè)品牌，介紹企業(yè)的信用卡產(chǎn)品。尤其在提出優(yōu)惠促銷、鼓勵(lì)信用卡消費(fèi)方面，要激發(fā)潛在用戶，并且要提供網(wǎng)絡(luò)信息服務(wù)和網(wǎng)上銀行登錄服務(wù)。

3.2.2分析網(wǎng)站整體框架設(shè)計(jì)

針對(duì)信用卡網(wǎng)站定位和功能，需要對(duì)網(wǎng)站布局進(jìn)行整體分析和設(shè)計(jì)。企業(yè)網(wǎng)站頁面一般需要展現(xiàn)企業(yè)的LOGO和BANNER動(dòng)畫等標(biāo)志信息。網(wǎng)站導(dǎo)航必不可少，可以幫助瀏覽者準(zhǔn)確檢索信息。網(wǎng)站導(dǎo)航可以利用動(dòng)畫或交互方式實(shí)現(xiàn)。主體功能區(qū)部分，展示網(wǎng)頁的主要信息和瀏覽者需要獲取的信息。按照用戶的瀏覽順序，遵循從左至右、從上倒下的規(guī)則設(shè)計(jì)主體部分頁面。版權(quán)和法律聲明區(qū)一般選擇放在網(wǎng)頁的底部，以達(dá)到形式和標(biāo)志信息區(qū)呼應(yīng)的效果，同時(shí)使版式完整規(guī)范。通過整體分析，企業(yè)網(wǎng)頁布局比較合適使用“T”字型布局，從上到下分別是頁頭區(qū)、主內(nèi)容區(qū)、版權(quán)和法律聲明區(qū)。此種布局既可以突出網(wǎng)站的整體形象，也可以展示網(wǎng)頁的重要內(nèi)容，條例清晰，是企業(yè)網(wǎng)布局的首選類型。

3.2.3設(shè)計(jì)網(wǎng)站外觀效果

通過使用CSS控制網(wǎng)站中文字的鏈接，取消文字鏈接的下劃線，產(chǎn)生超鏈接效果。同時(shí)用CSS控制超鏈接和背景圖片，制作鼠標(biāo)移上鏈接元素背景圖片改變的效果，制作鼠標(biāo)移上鏈接文字改變顏色的效果。對(duì)于文字效果，通過列表展現(xiàn)信息內(nèi)容的多文字排版，達(dá)到整齊美觀的布局效果。同時(shí)利用CSS控制圖片和文字，取得網(wǎng)站圖文混排的效果。對(duì)于特效效果，利用CSS實(shí)現(xiàn)整齊的邊框效果。利用CSS、JS等創(chuàng)建下拉菜單，在有效利用網(wǎng)頁空間的同時(shí)，提升頁面的動(dòng)感效果。

3.3項(xiàng)目的實(shí)施

教師通過展示做好的網(wǎng)站及各個(gè)頁面，或通過互聯(lián)網(wǎng)讓學(xué)生仿效制作，如交通銀行信用卡、建設(shè)銀行信用卡、招商銀行信用卡網(wǎng)站，引導(dǎo)學(xué)生完成項(xiàng)目。在項(xiàng)目教學(xué)的整個(gè)實(shí)施階段，學(xué)生將成為課堂教學(xué)的主角，教師變?yōu)榕浣?，主要工作為巡回指?dǎo)，對(duì)各小組的制作進(jìn)行一對(duì)一的指導(dǎo)。各學(xué)生分組合作，進(jìn)入制作主頁及其他網(wǎng)頁的過程。項(xiàng)目小組中，學(xué)生分別發(fā)揮各自的長(zhǎng)處進(jìn)行制作。通過小組內(nèi)的溝通與交流，通過參考課本、網(wǎng)絡(luò)資料等，加深理解網(wǎng)站制作的全過程。通過項(xiàng)目實(shí)施，學(xué)生對(duì)項(xiàng)目的參與度提高，學(xué)生的學(xué)習(xí)主動(dòng)性和積極性提高。小組之間的討論能夠幫助學(xué)生加強(qiáng)發(fā)現(xiàn)問題、分析問題與解決問題等能力，同時(shí)團(tuán)隊(duì)的合作能夠幫助學(xué)生加強(qiáng)合作、溝通等社交的能力，對(duì)學(xué)生形成敬業(yè)的素質(zhì)及職業(yè)道德和團(tuán)隊(duì)合作精神有重要影響。

3.4評(píng)價(jià)階段

在評(píng)價(jià)階段，各小組上傳班級(jí)網(wǎng)站，進(jìn)行宣傳和展示。每組需派代表進(jìn)行項(xiàng)目的展示并講解操作流程，根據(jù)各小組之間互評(píng)和教師的總結(jié)性點(diǎn)評(píng)，各小組進(jìn)行適當(dāng)?shù)男薷?，最后每個(gè)學(xué)生填寫自評(píng)表進(jìn)行自評(píng)。項(xiàng)目教學(xué)法的評(píng)價(jià)方式有教師的指導(dǎo)性評(píng)價(jià)和學(xué)生的自主性相互評(píng)價(jià)兩種。教師的指導(dǎo)性評(píng)價(jià)能夠起到指導(dǎo)學(xué)生學(xué)習(xí)的作用。因此，教師的評(píng)價(jià)應(yīng)注重學(xué)生的項(xiàng)目制作過程，既要根據(jù)學(xué)生對(duì)知識(shí)點(diǎn)的理解和能力的掌握情況，又要考慮學(xué)生的態(tài)度和情感發(fā)展。既要關(guān)注學(xué)生實(shí)施項(xiàng)目的結(jié)果，更要看到學(xué)生在項(xiàng)目實(shí)施中的發(fā)展和成長(zhǎng)，進(jìn)行鼓勵(lì)式評(píng)價(jià)。學(xué)生作為項(xiàng)目的主體，學(xué)生的自主性互評(píng)更應(yīng)提倡。通過學(xué)生的自我評(píng)價(jià)，學(xué)生能夠查漏補(bǔ)缺，發(fā)揚(yáng)自己的長(zhǎng)處，彌補(bǔ)自己的不足，使自身各方面能力得到提高。而各小組之間的互評(píng)，能夠使學(xué)生團(tuán)結(jié)合作，培養(yǎng)他們溝通、協(xié)調(diào)的能力，幫助學(xué)生適應(yīng)團(tuán)隊(duì)的項(xiàng)目合。

4結(jié)語

實(shí)施項(xiàng)目教學(xué)法，對(duì)教師來說是一個(gè)新的挑戰(zhàn)，尤其是網(wǎng)頁設(shè)計(jì)這種實(shí)踐性較強(qiáng)的學(xué)科，這就更加需要教師在教學(xué)過程中，要求學(xué)生在實(shí)踐中掌握知識(shí)，將理論的知識(shí)點(diǎn)用到實(shí)踐的操作中，加深學(xué)生的記憶。同時(shí)通過一個(gè)完整的項(xiàng)目，可以幫助學(xué)生將零碎的知識(shí)點(diǎn)整理成為系統(tǒng)，理解不易理解的知識(shí)點(diǎn)，激發(fā)了學(xué)生對(duì)課程的學(xué)習(xí)興趣，讓學(xué)生在一個(gè)團(tuán)隊(duì)中認(rèn)識(shí)自己的定位，使學(xué)習(xí)效果得到顯著提高。

作者:王少琳 單位:上海市商業(yè)學(xué)校

網(wǎng)頁設(shè)計(jì)論文:高職院校網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目化課程研究

摘要：

該文介紹了《網(wǎng)頁設(shè)計(jì)與制作》項(xiàng)目化教學(xué)思路和方法，從設(shè)計(jì)理念與思路、對(duì)計(jì)應(yīng)相關(guān)專業(yè)建設(shè)與發(fā)展的定位與作用、課程內(nèi)容的針對(duì)性與適用性、教學(xué)內(nèi)容的組織與安排、教學(xué)模式的設(shè)計(jì)與創(chuàng)新、實(shí)踐教學(xué)條件的建設(shè)與使用等6個(gè)方面進(jìn)行了設(shè)計(jì)與分析，為學(xué)生較好地掌握知識(shí)及快速適應(yīng)工作崗位需求進(jìn)行了一些思考和探索。

關(guān)鍵詞：

高職院校;網(wǎng)頁設(shè)計(jì);項(xiàng)目化課程;開發(fā)實(shí)踐

《網(wǎng)頁設(shè)計(jì)與制作》是計(jì)算機(jī)應(yīng)用專業(yè)的一門專業(yè)核心課程。該課程目標(biāo)是讓學(xué)生掌握網(wǎng)頁設(shè)計(jì)與制作能力。它以圖形圖像處理、互聯(lián)網(wǎng)應(yīng)用等課程的學(xué)習(xí)為基礎(chǔ)，也是進(jìn)一步學(xué)習(xí)動(dòng)態(tài)網(wǎng)站設(shè)計(jì)等課程的基礎(chǔ)。學(xué)完本課程，要求學(xué)生能達(dá)到掌握網(wǎng)頁美工初步技能；熟練掌握HTML+CSS進(jìn)行頁面布局與排版的技能；基本掌握使用網(wǎng)頁腳本控制頁面操作和提升用戶體驗(yàn)的能力。按照高職高專知識(shí)傳授特點(diǎn)與職業(yè)技能需求，同時(shí)根據(jù)網(wǎng)頁設(shè)計(jì)與制作課程知識(shí)的掌握規(guī)律，目前我校采用了項(xiàng)目化教學(xué)方法，為學(xué)生較好地掌握知識(shí)及快速適應(yīng)工作崗位需求打下扎實(shí)的基礎(chǔ)。

1設(shè)計(jì)理念與思路

該課程根據(jù)職業(yè)能力發(fā)展的基本規(guī)律（新手—生手—熟手—能手—專家），將學(xué)習(xí)內(nèi)容設(shè)計(jì)為網(wǎng)頁設(shè)計(jì)實(shí)際工作，通過工作實(shí)現(xiàn)學(xué)習(xí)。采用整體→模塊→整體的設(shè)計(jì)思路，按照簡(jiǎn)單到復(fù)雜、單一到綜合、低級(jí)到高級(jí)的原則進(jìn)行。

1.1設(shè)計(jì)理念：學(xué)習(xí)的內(nèi)容是工作，通過工作實(shí)現(xiàn)學(xué)習(xí)。這一理念體現(xiàn)了該課程的職業(yè)性和實(shí)踐性，同時(shí)學(xué)習(xí)的主體變?yōu)閷W(xué)生，學(xué)習(xí)內(nèi)容以培養(yǎng)學(xué)生的職業(yè)技能為主。為體現(xiàn)這一設(shè)計(jì)理念，在課程設(shè)計(jì)前我們調(diào)研了數(shù)十家合作企業(yè)，與企業(yè)專家一起，對(duì)網(wǎng)頁設(shè)計(jì)各個(gè)方面涵蓋的崗位進(jìn)行職業(yè)技能與職業(yè)素質(zhì)分析，整合出一個(gè)基于工作實(shí)踐的“網(wǎng)頁設(shè)計(jì)與制作”項(xiàng)目（比工作實(shí)踐更完備體現(xiàn)課程的各個(gè)知識(shí)點(diǎn)）。同時(shí)分解實(shí)際工作中網(wǎng)頁設(shè)計(jì)的工作流程和崗位，確立多個(gè)子項(xiàng)目。這種方式學(xué)習(xí)，充分體現(xiàn)職業(yè)典型工作任務(wù)，以“工作”促學(xué)習(xí)，邊“工作”邊學(xué)習(xí)，學(xué)生學(xué)習(xí)內(nèi)容具體化，學(xué)習(xí)興趣大大提高。

1.2設(shè)計(jì)思路：整體→模塊→整體課程設(shè)計(jì)的思路是根據(jù)幾個(gè)不同類型的網(wǎng)站案例整體設(shè)計(jì)入手，將網(wǎng)頁設(shè)計(jì)所有環(huán)節(jié)和操作步驟詳細(xì)介紹給學(xué)生，讓學(xué)生從與“用戶”溝通開始參與到整個(gè)系統(tǒng)的設(shè)計(jì)過程中，教師根據(jù)任務(wù)需要，先給出網(wǎng)頁效果圖，讓學(xué)生體驗(yàn)完成后的整體效果，再根據(jù)項(xiàng)目進(jìn)程分解任務(wù)，這種設(shè)計(jì)優(yōu)點(diǎn)是能讓學(xué)生將學(xué)習(xí)過程作為完整的“工作”過程。在此基礎(chǔ)上，進(jìn)一步將各工作任務(wù)分成若干子任務(wù)，通過90課時(shí)教學(xué)+30課時(shí)整周實(shí)訓(xùn)學(xué)習(xí)，最終將各個(gè)子項(xiàng)目整合，完成網(wǎng)站整體設(shè)計(jì)工作。在子模塊學(xué)習(xí)任務(wù)設(shè)定中，每個(gè)子任務(wù)設(shè)計(jì)是按實(shí)際工作中網(wǎng)頁設(shè)計(jì)的技能要求提煉出來的，能滿足不同崗位的需求。項(xiàng)目完成時(shí)，我們還設(shè)計(jì)了學(xué)員相互評(píng)價(jià)體系，對(duì)設(shè)計(jì)成果進(jìn)行評(píng)估，讓學(xué)生在自我學(xué)習(xí)過程中及時(shí)總結(jié)并收獲進(jìn)步。

2對(duì)專業(yè)建設(shè)與發(fā)展的定位與作用

該課程采用項(xiàng)目化教學(xué)方式，可以起到如下作用。（1）學(xué)生對(duì)該專業(yè)的工作崗位有了具體認(rèn)識(shí)，了解了各崗位所需的專業(yè)知識(shí)，從而幫助學(xué)生進(jìn)行職業(yè)規(guī)劃和知識(shí)儲(chǔ)備。（2）學(xué)生對(duì)所學(xué)專業(yè)的工作內(nèi)容有了比較具體的認(rèn)識(shí)。該課程使學(xué)生對(duì)計(jì)應(yīng)專業(yè)到底是做什么的、怎么做等問題有了全面認(rèn)識(shí)，增強(qiáng)了學(xué)習(xí)信心和學(xué)習(xí)興趣。

3課程內(nèi)容的針對(duì)性與適用性

（1）該課程是依據(jù)“計(jì)算機(jī)應(yīng)用專業(yè)職業(yè)崗位與職業(yè)能力分析表”中網(wǎng)頁設(shè)計(jì)師職業(yè)崗位設(shè)置的?？傮w設(shè)計(jì)思路是：著重培養(yǎng)學(xué)生網(wǎng)頁制作能力，具備HTML、CSS、JavaScript等知識(shí)，以網(wǎng)站設(shè)計(jì)工作任務(wù)為中心選擇和組織課程內(nèi)容，讓學(xué)生在完成網(wǎng)站設(shè)計(jì)具體項(xiàng)目的過程中完成相應(yīng)工作任務(wù)。課程構(gòu)成主要突出職業(yè)能力要求。（2）課程總學(xué)時(shí)為90學(xué)時(shí)教學(xué)+30學(xué)時(shí)整周實(shí)訓(xùn)，內(nèi)容包括Web服務(wù)器配置、網(wǎng)頁視覺效果設(shè)計(jì)、用戶體驗(yàn)設(shè)計(jì)、網(wǎng)頁兼容性設(shè)計(jì)等。（3）知識(shí)目標(biāo)和能力目標(biāo)。知識(shí)目標(biāo)應(yīng)掌握HTML、CSS、JavaScript、HTML5、CSS3等知識(shí)，該課程學(xué)習(xí)結(jié)束，學(xué)生應(yīng)能自行設(shè)計(jì)各種網(wǎng)頁、開發(fā)一定規(guī)模的網(wǎng)站，熟練掌握網(wǎng)站制作基本方法和技巧，并最終設(shè)計(jì)出綜合性的網(wǎng)站。能力目標(biāo)主要體現(xiàn)以下方面：①熟練使用網(wǎng)頁編輯軟件。②熟練使用樣式表控制頁面外觀。③能在網(wǎng)頁中設(shè)置需要的腳本。④能進(jìn)行網(wǎng)站的更新與管理。另外根據(jù)職業(yè)教育要求，加強(qiáng)學(xué)生以下素質(zhì)：①服務(wù)意識(shí)：為他人提供優(yōu)質(zhì)的服務(wù)。②文明法制意識(shí)：網(wǎng)站內(nèi)容積極健康向上，不做違法的事。③合作精神：能夠與他人合作，具有協(xié)調(diào)能力和組織管理能力。④較強(qiáng)的自我知識(shí)及技術(shù)更新能力：能快速跟蹤網(wǎng)頁制作的新技術(shù)及市場(chǎng)應(yīng)用動(dòng)態(tài)。

4教學(xué)內(nèi)容的組織與安排

該課程主要教學(xué)內(nèi)容包括網(wǎng)站服務(wù)器、HTML、CSS、網(wǎng)頁界面整體設(shè)計(jì)(含JavaScript應(yīng)用)、網(wǎng)頁兼容性等5個(gè)教學(xué)模塊，其中HTML和CSS為學(xué)習(xí)和實(shí)踐的重點(diǎn)，通過幾個(gè)案例的制作過程展開知識(shí)講授。具體教學(xué)內(nèi)容及課時(shí)安排見表1，“網(wǎng)頁外觀制作技術(shù)”項(xiàng)目的教學(xué)設(shè)計(jì)見表2（其他教學(xué)項(xiàng)目的教學(xué)設(shè)計(jì)因篇幅所限此處省略）。

5教學(xué)模式的設(shè)計(jì)與創(chuàng)新

在該課程的教學(xué)中，教學(xué)地點(diǎn)由教室遷移到一體化實(shí)訓(xùn)室，教學(xué)方式由教師講為主轉(zhuǎn)變?yōu)閷W(xué)生做為主。實(shí)施中包含如下步驟。（1）指定清晰的工作任務(wù)，教師展示頁面效果。（2）學(xué)生制訂工作計(jì)劃，理順工作思路。（3）教師進(jìn)行工作過程輔導(dǎo)，講解涉及的理論知識(shí)。（4）學(xué)生根據(jù)需要在課程網(wǎng)站上獲得豐富的教學(xué)資源。（5）學(xué)生完成工作任務(wù)，體驗(yàn)工作效果。（6）師生及企業(yè)專家共同評(píng)價(jià)工作成果。

6實(shí)踐教學(xué)條件的建設(shè)與使用

課程在網(wǎng)站設(shè)計(jì)一體化教室完成，其間配合到企業(yè)現(xiàn)場(chǎng)教學(xué)實(shí)習(xí)環(huán)節(jié),實(shí)施時(shí)由每位學(xué)生獨(dú)立完成網(wǎng)頁制作任務(wù)，課程各種教學(xué)資源能夠在學(xué)習(xí)過程中在線使用。

7結(jié)語

課程的開發(fā)與實(shí)踐是教育實(shí)施中始終不能停止的工作，不僅要根據(jù)課程教學(xué)的一般規(guī)律行事，還要根據(jù)不同專業(yè)、不同課程加以調(diào)整，另外也并不是所有課程都能很好地適用項(xiàng)目化教學(xué)方法，在職業(yè)技術(shù)教育中只有與時(shí)俱進(jìn)，本著培養(yǎng)實(shí)用型人才、服務(wù)于社會(huì)經(jīng)濟(jì)發(fā)展的宗旨，才能真正讓學(xué)生對(duì)課程知識(shí)學(xué)得快、學(xué)得好、用得著。

作者:周蘇峽 單位:湖北三峽職業(yè)技術(shù)學(xué)院

網(wǎng)頁設(shè)計(jì)論文:網(wǎng)頁設(shè)計(jì)的安全缺陷及對(duì)策

摘要：

網(wǎng)站是互聯(lián)網(wǎng)技術(shù)的基本表現(xiàn)形態(tài)，也是信息輸入和輸出的重要平臺(tái)，隨著近年來我國(guó)電子商務(wù)產(chǎn)業(yè)的快速發(fā)展，網(wǎng)站建設(shè)的安全性要求也不斷提高。網(wǎng)頁作為網(wǎng)站的基本構(gòu)成要素，往往因?yàn)榇嬖谠O(shè)計(jì)方面的安全缺陷而成為黑客、病毒和木馬威脅的對(duì)象，由此造成嚴(yán)重的經(jīng)濟(jì)損失，甚至造成社會(huì)恐慌。本文中筆者針對(duì)網(wǎng)站建設(shè)的安全性展開研究，以網(wǎng)頁設(shè)計(jì)的安全缺陷為切入點(diǎn)，通過分析并提出相應(yīng)地防治策略。

關(guān)鍵詞：

網(wǎng)站建設(shè);網(wǎng)頁設(shè)計(jì);安全缺陷;防治對(duì)策

一直以來，網(wǎng)站建設(shè)中都將安全性作為首要考慮對(duì)象，尤其在當(dāng)前互聯(lián)網(wǎng)經(jīng)濟(jì)環(huán)境下，各類網(wǎng)站的運(yùn)營(yíng)均以會(huì)員制度展開，尤其是電子商務(wù)網(wǎng)站，除了用戶的個(gè)人隱私之外，還包括重要的金融信息，很容易被不法分子所覬覦。針對(duì)網(wǎng)站的非法行為主要是利用技術(shù)手段找到破綻，從而達(dá)到非法獲利的目的，因此對(duì)廣大網(wǎng)站運(yùn)營(yíng)主體而言，在網(wǎng)站建設(shè)前、中、后期都要做好全面的安全防護(hù)工作；相對(duì)而言，網(wǎng)頁設(shè)計(jì)中存在的安全缺陷較多，如權(quán)限級(jí)別過高、數(shù)據(jù)庫漏洞等，所以應(yīng)該將其視為網(wǎng)站安全防護(hù)的重點(diǎn)。

1、網(wǎng)站建設(shè)中網(wǎng)頁安全的重要性

狹義上說，網(wǎng)站是由不同功能界面的網(wǎng)頁構(gòu)成的，網(wǎng)頁的形式總體上分為靜態(tài)和動(dòng)態(tài)兩種。靜態(tài)網(wǎng)頁是網(wǎng)站技術(shù)早期的一種形式，通過瀏覽器可以訪問預(yù)先設(shè)計(jì)好的網(wǎng)頁格式，但靜態(tài)網(wǎng)頁中的所有元素都是固定的，如圖片、文字、視頻等，修改工作也基于人工操作完成，信息不會(huì)因?yàn)橛脩舻牟僮鞫l(fā)生變化，嚴(yán)格意義上說，靜態(tài)網(wǎng)頁除了IP之外不存在其他“入口”。然而，靜態(tài)網(wǎng)頁顯然不符合網(wǎng)站建設(shè)的發(fā)展趨勢(shì)，隨著用于規(guī)模擴(kuò)大、信息容量增加，網(wǎng)站逐漸采取了動(dòng)態(tài)技術(shù)，如PHP、ASP、C++等，其優(yōu)勢(shì)在于網(wǎng)頁內(nèi)容可根據(jù)用戶操作發(fā)生相應(yīng)的變化，反饋用戶所需要的信息，換而言之，基于服務(wù)器中斷的網(wǎng)頁設(shè)計(jì)中包含了大量腳本語言，利用程式化優(yōu)勢(shì)來提高網(wǎng)站資源的統(tǒng)籌和管理效率，而“網(wǎng)頁”變成一種臨時(shí)性的調(diào)用元素“集合”，當(dāng)用戶需要某一網(wǎng)頁形式時(shí)，腳本語言直接從數(shù)據(jù)庫中調(diào)取相應(yīng)的元素，如用戶登錄網(wǎng)頁和注冊(cè)網(wǎng)頁中存在的“驗(yàn)證碼”部分，事實(shí)上屬于同一種驗(yàn)證機(jī)制。理論上說，任何一種系統(tǒng)都存在漏洞，以技術(shù)實(shí)現(xiàn)的網(wǎng)站系統(tǒng)更是如此，在動(dòng)態(tài)網(wǎng)頁驅(qū)使下產(chǎn)生的安全缺陷更多，具有高超計(jì)算機(jī)程度能力的黑客只需要簡(jiǎn)單的步驟就可以找到“突破口”。

2、網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計(jì)的安全缺陷分析

目前在國(guó)內(nèi)網(wǎng)站技術(shù)背景下，常見的網(wǎng)頁設(shè)計(jì)安全缺陷主要有以下幾種表現(xiàn)。

2.1驗(yàn)證安全缺陷

驗(yàn)證安全缺陷是目前國(guó)內(nèi)網(wǎng)站中最為常見的一種，尤其是在大量自主開發(fā)網(wǎng)站中，其源程序和代碼均來源于網(wǎng)絡(luò)，難免存在一些設(shè)計(jì)缺陷。驗(yàn)證機(jī)制最早是針對(duì)惡意注冊(cè)、網(wǎng)絡(luò)攻擊而開發(fā)的，最早出現(xiàn)與一些公眾交流平臺(tái)，如論壇、貼吧、聊天室等，由于它可以很好地保護(hù)網(wǎng)絡(luò)的通暢性，因此迅速的在廣大網(wǎng)站中流行開來。但是，登錄驗(yàn)證機(jī)制只是網(wǎng)站安全的“最低門檻”，雖然通過提高驗(yàn)證復(fù)雜性來規(guī)避惡意注冊(cè)，卻不能將其視為保護(hù)網(wǎng)站安全的唯一途徑。事實(shí)上，驗(yàn)證機(jī)制由于和服務(wù)器、數(shù)據(jù)庫之間的密切聯(lián)系，很可能成為一個(gè)被刻意攻擊的對(duì)象，而對(duì)于網(wǎng)站程序員而言，很少會(huì)刻意強(qiáng)化一個(gè)本質(zhì)上屬于“安全機(jī)制”的組件，一旦登錄驗(yàn)證被攻破，網(wǎng)站的整個(gè)安全性也就隨之降低。

2.2地址安全缺陷

通過SQL注入的方法可以欺騙服務(wù)器，找出網(wǎng)站數(shù)據(jù)庫存在的安全漏洞，從而進(jìn)行非法活動(dòng)，尤其在以WEB表單遞交查詢關(guān)鍵字的網(wǎng)站系統(tǒng)中，黑客可以繞過敏感網(wǎng)頁的權(quán)限直接進(jìn)入后臺(tái)頁面，這一缺陷在國(guó)內(nèi)大量成品網(wǎng)站中十分突出，如事業(yè)單位、企業(yè)單位、個(gè)人網(wǎng)站中，長(zhǎng)期忽視安全級(jí)別更新，不法分子在得知某一個(gè)網(wǎng)頁的文件名、路徑、元素之后，能夠繞過登錄、注冊(cè)和驗(yàn)證機(jī)制。

2.3防護(hù)安全缺陷

病毒和木馬是人為制造出來的計(jì)算機(jī)惡性應(yīng)用程序（或代碼），也是針對(duì)網(wǎng)站展開攻擊頻率最高的一種形式，不法分子只需要制造并傳播病毒、木馬即可，而不需要親自操作。以計(jì)算機(jī)網(wǎng)絡(luò)病毒為例，一旦被激活之后就會(huì)迅速感染計(jì)算機(jī)文件，并通過正常的網(wǎng)站操作進(jìn)入網(wǎng)站系統(tǒng)，從而對(duì)整個(gè)網(wǎng)站的安全產(chǎn)生威脅。事實(shí)上，網(wǎng)站空間中的病毒也常常偽裝為網(wǎng)頁文件（如.ASP/.PHP等）、圖片、壓縮文檔等形式，讓人真假難辨，且十分頑固、難以清除。

3、網(wǎng)頁設(shè)計(jì)的安全缺陷防治對(duì)策

結(jié)合現(xiàn)狀來說，網(wǎng)站建設(shè)技術(shù)已經(jīng)相對(duì)穩(wěn)定，在安全防護(hù)機(jī)制上重點(diǎn)突出硬件的特征，但網(wǎng)頁作為一個(gè)基本因素也不可掉以輕心，這是因?yàn)榫W(wǎng)頁設(shè)計(jì)的安全缺陷不僅僅是技術(shù)方面造成的，還與設(shè)計(jì)人員自身的安全意識(shí)相關(guān)。在網(wǎng)站建設(shè)技術(shù)日益成熟、防范殺毒系統(tǒng)（包括硬件）功能不斷增強(qiáng)的前提下，人為因素導(dǎo)致的安全缺陷開始增加，由于設(shè)計(jì)人員缺乏足夠的安全意識(shí)，在網(wǎng)頁設(shè)計(jì)過程中會(huì)忽略大量的安全要素。第一，加強(qiáng)網(wǎng)站源代碼的保護(hù)力度。在網(wǎng)絡(luò)資源免費(fèi)共享的誘惑下，大量開源網(wǎng)站代碼被植入到網(wǎng)站設(shè)計(jì)中，一些設(shè)計(jì)人員為了節(jié)省開發(fā)成本，對(duì)于安全級(jí)別較高的網(wǎng)頁缺乏審查，增加了后門和漏洞的風(fēng)險(xiǎn)。因此，在網(wǎng)站運(yùn)行前和運(yùn)行中都應(yīng)該不斷進(jìn)行網(wǎng)頁安全級(jí)別測(cè)試，及時(shí)法相存在的問題。第二，提高驗(yàn)證機(jī)制的安全性水平。目前，驗(yàn)證機(jī)制不僅僅被用于注冊(cè)、登陸，包括下載、修改、刪除等操作也大量存在，客觀上為網(wǎng)站入侵提供了更多的渠道。對(duì)于涉及驗(yàn)證機(jī)制的網(wǎng)頁或組件應(yīng)該提升安全級(jí)別，如設(shè)計(jì)二次登陸或加密算法。第三，重視文件上傳內(nèi)容的健康性。為了吸引用戶，一些網(wǎng)站提供了大量的免費(fèi)空間服務(wù)，這也是一個(gè)典型的安全漏洞，特別是在局域網(wǎng)絡(luò)中，如公司內(nèi)部網(wǎng)、校園網(wǎng)、網(wǎng)絡(luò)硬盤等空間中，一些被巧妙偽裝的病毒、木馬也可以上傳成功，從而產(chǎn)生嚴(yán)重的安全問題；因此，在提供免費(fèi)空間服務(wù)的網(wǎng)頁界面中，要提高對(duì)上傳者的身份驗(yàn)證、權(quán)限驗(yàn)證和內(nèi)容審查力度，加強(qiáng)文件信息和數(shù)據(jù)過濾的強(qiáng)度。

作者:樂蓓 陳莉 單位:江西現(xiàn)代技師學(xué)院

網(wǎng)頁設(shè)計(jì)論文:高校計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)教學(xué)研究

摘要：

網(wǎng)頁設(shè)計(jì)課程是高校計(jì)算機(jī)專業(yè)中的一門核心課程，其實(shí)用性和綜合性很強(qiáng)。如何建立高效率的課堂，讓學(xué)生學(xué)習(xí)好這門課程，成為廣大教師重點(diǎn)關(guān)注和亟待解決的重要問題。

關(guān)鍵詞：

計(jì)算機(jī)；網(wǎng)頁設(shè)計(jì)；教學(xué)模式；實(shí)踐；互動(dòng)

《網(wǎng)頁設(shè)計(jì)》課程相對(duì)其他學(xué)科來說，是一門趣味性較高的課程，如何吸引學(xué)生的興趣，激發(fā)他們學(xué)習(xí)的熱情，是廣大教師應(yīng)該深入思考的問題。而且網(wǎng)頁設(shè)計(jì)課程最大特點(diǎn)是易學(xué)易忘，學(xué)生如果僅僅在課堂上學(xué)習(xí)，課后的自學(xué)意識(shí)和復(fù)習(xí)意識(shí)差，那么他的學(xué)習(xí)質(zhì)量將難以保證。因此，為提高網(wǎng)頁設(shè)計(jì)課程的教學(xué)效率，必須不斷改革與充實(shí)教學(xué)內(nèi)容，改進(jìn)教學(xué)方式，注重突出網(wǎng)頁設(shè)計(jì)課程的實(shí)踐性和應(yīng)用性，注重培養(yǎng)學(xué)生的動(dòng)手意識(shí)和計(jì)算機(jī)操作能力，使學(xué)生能夠運(yùn)用所學(xué)知識(shí)進(jìn)行網(wǎng)頁管理和設(shè)計(jì)。

一、營(yíng)造融洽的課堂氣氛，體現(xiàn)師生互動(dòng)

傳統(tǒng)教學(xué)中教與學(xué)的關(guān)系，使教師與學(xué)生的角色產(chǎn)生了定型。教師如果只管教，學(xué)生愛聽不聽，這種教育效果會(huì)很不理想。為提高教學(xué)效率，必須營(yíng)造出融洽的課堂氛圍，在教學(xué)中注重師生互動(dòng)，及時(shí)反映出教師和學(xué)生的不足。教師可以針對(duì)不同的教學(xué)內(nèi)容、學(xué)生的掌握程度，靈活采用多種教學(xué)方法。在教學(xué)中，教師要了解學(xué)生的領(lǐng)悟情況，注意學(xué)生所反映出的問題，及時(shí)跟學(xué)生進(jìn)行相應(yīng)互動(dòng)。實(shí)踐證明，充分的師生互動(dòng)，可以提高學(xué)生的參與熱情，同時(shí)也能活躍課堂氣氛，大大提高學(xué)生的學(xué)習(xí)效率，從而提升教學(xué)效果。

二、充分利用案例教學(xué)，加深學(xué)生印象

網(wǎng)頁設(shè)計(jì)是一門實(shí)用性和綜合性很強(qiáng)的學(xué)科，在高校教學(xué)中，應(yīng)該更注重這些特點(diǎn)。因此，教師在教授網(wǎng)頁設(shè)計(jì)課程的時(shí)候，要充分利用好實(shí)例教學(xué)的模式，突出學(xué)科的實(shí)用性，同時(shí)，也能激發(fā)學(xué)生的學(xué)習(xí)興趣。在教學(xué)中，教師可以切入和學(xué)習(xí)內(nèi)容有關(guān)的情景或?qū)嵗?，讓學(xué)生通過參與情境學(xué)習(xí)，分析和判斷學(xué)習(xí)情境所帶來的問題。教師在教學(xué)實(shí)例的選取上應(yīng)該以貼切實(shí)際為原則，以實(shí)際應(yīng)用的案例為主線，讓學(xué)生切身體會(huì)實(shí)例從需求分析、設(shè)計(jì)、制作、測(cè)試到完成的整個(gè)過程，使每次學(xué)習(xí)都變成一次實(shí)踐，從而加深對(duì)學(xué)科的印象。同時(shí)，教師要引導(dǎo)學(xué)生自己去分析整個(gè)實(shí)例過程，使每個(gè)學(xué)生都參與其中，培養(yǎng)他們的分析能力和自學(xué)能力，激發(fā)學(xué)生的學(xué)習(xí)興趣，使學(xué)生的學(xué)習(xí)更有針對(duì)性和實(shí)用性，為他們以后參加工作打下堅(jiān)實(shí)基礎(chǔ)。

三、采用分階段分模塊的方式教學(xué)

教師在制定教學(xué)目標(biāo)的時(shí)候，應(yīng)當(dāng)根據(jù)教學(xué)內(nèi)容，同時(shí)結(jié)合學(xué)生的學(xué)習(xí)能力，制作出一個(gè)整體大綱，根據(jù)由淺入深的原則，分模塊教學(xué)。例如，網(wǎng)頁設(shè)計(jì)課程中，可以嘗試計(jì)劃出四個(gè)教學(xué)階段，第一階段目標(biāo)是讓學(xué)生能夠熟練使用網(wǎng)頁設(shè)計(jì)的超文本標(biāo)記語言HTML，能相應(yīng)地制作簡(jiǎn)單的網(wǎng)頁和超鏈接文本。教師根據(jù)第一階段學(xué)生學(xué)習(xí)的情況，及時(shí)進(jìn)入第二階段學(xué)習(xí)，第二階段的目標(biāo)是讓學(xué)生能熟悉并熟練使用網(wǎng)頁基本制作工具Dreamweaver，同時(shí)可以在記事本和工具之間自由切換。第三階段是讓學(xué)生能進(jìn)行網(wǎng)頁設(shè)計(jì)中的圖像插入和簡(jiǎn)單的Flash制作，相應(yīng)地教導(dǎo)學(xué)生用Photoshop進(jìn)行圖片處理。第四階段讓學(xué)生掌握在網(wǎng)頁中嵌入Java腳本語言，從而實(shí)現(xiàn)網(wǎng)頁動(dòng)態(tài)效果。這樣一個(gè)由淺入深的過程，不僅能適當(dāng)減少學(xué)生的學(xué)習(xí)壓力，同時(shí)能一步步帶領(lǐng)學(xué)生感受新知識(shí)的魅力，激發(fā)學(xué)生的求知欲望，使學(xué)生主動(dòng)學(xué)習(xí)，大大增強(qiáng)教學(xué)效果。

四、舉辦各種競(jìng)賽活動(dòng)，激發(fā)學(xué)生的學(xué)習(xí)熱情

教師在網(wǎng)頁設(shè)計(jì)的教學(xué)過程中，可以通過舉行各種比賽或活動(dòng)來吸引學(xué)生的參與熱情。例如，在學(xué)習(xí)中教師可以建立一個(gè)學(xué)習(xí)園地、作品展示區(qū)。在園地中，學(xué)生可以大膽發(fā)揮自己的想象能力，制作有自己特色的作品，可以是關(guān)于學(xué)校宣傳、學(xué)科學(xué)習(xí)、個(gè)人興趣的網(wǎng)站等，教師則幫助啟發(fā)學(xué)生設(shè)計(jì)思路。又如舉辦“學(xué)生網(wǎng)頁設(shè)計(jì)大賽”，給學(xué)生搭建一個(gè)交流學(xué)習(xí)的平臺(tái)。通過這個(gè)平臺(tái)，一方面可以使學(xué)生展示出自己的學(xué)習(xí)成果，激發(fā)其學(xué)習(xí)熱情。另一方面教師也可以在學(xué)生展示的作品中了解前期學(xué)生的學(xué)習(xí)情況，適當(dāng)調(diào)整教學(xué)方法。這樣一個(gè)平臺(tái)，明確了學(xué)生的學(xué)習(xí)方向，同時(shí)也能讓學(xué)生體會(huì)到一個(gè)實(shí)例的制作過程，提高他們的動(dòng)手操作能力，也教育學(xué)生要學(xué)以致用，提高學(xué)生的綜合實(shí)踐能力。

五、結(jié)語

隨著信息技術(shù)的發(fā)展，教學(xué)模式要更加多樣化才能滿足學(xué)生的學(xué)習(xí)需求。網(wǎng)頁設(shè)計(jì)是一門實(shí)用性和綜合性很強(qiáng)的課程，如何通過此課程，提高學(xué)生的動(dòng)手操作能力和綜合實(shí)踐能力，值得人們思考。只有通過不斷探索和改進(jìn)，才能提高課堂的教學(xué)效率和學(xué)生的學(xué)習(xí)質(zhì)量，從而培育出更加優(yōu)秀的人才。

作者：王宇祥 單位：遼寧廣告職業(yè)學(xué)院

網(wǎng)頁設(shè)計(jì)論文:網(wǎng)頁設(shè)計(jì)費(fèi)茨法則的應(yīng)用

隨著互聯(lián)網(wǎng)的發(fā)展，現(xiàn)在的人們會(huì)花費(fèi)更多的時(shí)間瀏覽網(wǎng)頁、網(wǎng)站。然而網(wǎng)頁上每一部分的大小，每一部分的長(zhǎng)寬比，都是怎樣的數(shù)值才能讓用戶獲得更好的體驗(yàn)跟更精準(zhǔn)的點(diǎn)擊呢？有沒有一種科學(xué)的依據(jù)呢？費(fèi)茨法則就是一種科學(xué)的界定大小、長(zhǎng)寬比的非?？茖W(xué)的法則。依據(jù)費(fèi)茨法則，可以設(shè)計(jì)出擁有更好用戶體驗(yàn)的網(wǎng)頁。

一、費(fèi)茨法則是什么

費(fèi)茨法則（Time=a+blog2(D/S+1)），其中D是鼠標(biāo)到達(dá)目標(biāo)的距離，S是目標(biāo)的寬度或者說是目標(biāo)的尺寸，a代表設(shè)備的啟停時(shí)間（截距），b代表設(shè)備的固有的固有速度（斜率）。費(fèi)茨法則主要是為人機(jī)交互提供了一個(gè)度量的法則，每個(gè)目標(biāo)的大小，距離屏幕的距離都提供了一個(gè)科學(xué)的依據(jù)。其實(shí)費(fèi)茨法則已經(jīng)運(yùn)用在電腦操作的各方各面上，不僅僅是網(wǎng)頁設(shè)計(jì)。一打開電腦，桌面上的圖標(biāo)的默認(rèn)大小就是經(jīng)過費(fèi)茨法則設(shè)計(jì)過的，才能使用戶在使用的時(shí)候既能快速又能準(zhǔn)確的點(diǎn)擊到客戶想要點(diǎn)擊的目標(biāo)。

二、費(fèi)茨法則的應(yīng)用

費(fèi)茨法則在生活中的方方面面都是在使用著的，例如汽車的設(shè)計(jì)。汽車的剎車和油門的大小就是經(jīng)過費(fèi)茨法則設(shè)計(jì)過的。在汽車上，剎車和油門的距離較近，并且剎車的大小比油門大一些，這就是運(yùn)用了費(fèi)茨法則進(jìn)行的設(shè)計(jì)。剎車與油門距離較近，可以使得使用者能盡快的踩到想要踩到的目標(biāo)，而剎車的大小較大可以使用戶想要踩剎車時(shí)比較快速的踩到剎車，防止一些事故的發(fā)生。然而在游戲廳的賽車游戲中，剎車和油門的大小與正常車的大小成反比，也就是油門比較大，剎車比較小。這是因?yàn)樵谫愜囉螒蛑校僮髡吒有枰焖俨鹊接烷T的時(shí)間比較多，需要踩剎車的時(shí)間比較小。而且操作者會(huì)希望比較快速的完成游戲，踩油門的幾率十分高。在電腦操作系統(tǒng)上費(fèi)茨法則的運(yùn)用頻率也是十分高的，例如windows系統(tǒng)和macintosh系統(tǒng)。非常大的一個(gè)差別就是macintosh系統(tǒng)的工具欄是始終在屏幕最頂端，而windows系統(tǒng)的工具欄是在標(biāo)題欄的下方。事實(shí)表明，工具欄固定放在屏幕最頂端比放在工具欄下方更容易點(diǎn)擊。當(dāng)鼠標(biāo)想要點(diǎn)擊工具欄時(shí)，使用macintosh系統(tǒng)可以鼠標(biāo)直接向上移，不用擔(dān)心會(huì)因?yàn)橐苿?dòng)的距離過于大而無法快速的點(diǎn)擊目標(biāo)，而使用windows系統(tǒng)時(shí)就需要斟酌一下鼠標(biāo)移動(dòng)的距離，不然就會(huì)因?yàn)橐苿?dòng)的距離過大而錯(cuò)過目標(biāo)。

三、費(fèi)茨法則在網(wǎng)頁設(shè)計(jì)中的應(yīng)用

很多設(shè)計(jì)者其實(shí)在無意中都會(huì)運(yùn)用費(fèi)茨法則來進(jìn)行設(shè)計(jì)。比如最經(jīng)常用到的百度網(wǎng)站，它就會(huì)把一些經(jīng)常用到的按鈕比較集中的放在一起。同時(shí)，搜索引擎最重要的搜索框放在最中間，最醒目的地方，并且在讓用戶舒服的前提下讓搜索框盡量的大一些，使用戶能更快速更精準(zhǔn)的點(diǎn)擊到搜索框。微博也是一個(gè)很好的費(fèi)茨法則的例子，還未登陸之前，重要的登錄入口和一些活動(dòng)頁放在最頂端也是最醒目的地方，同時(shí)能吸引住還未注冊(cè)的用戶注冊(cè)并同時(shí)進(jìn)行廣告宣傳。登陸入口就在活動(dòng)區(qū)域的右側(cè)，能順利且快速的找到并點(diǎn)擊想要的目標(biāo)，同時(shí)將登陸入口放在右邊較醒目的位置能減少用戶使用鼠標(biāo)從當(dāng)前位置到目標(biāo)的路程距離。登陸進(jìn)入后的頁面，新微博占據(jù)了較大的空間位置。想新微博的用戶能迅速準(zhǔn)確的找到自己想要尋找的目標(biāo)進(jìn)行新微博的，不想新微博的用戶可以運(yùn)用滾輪進(jìn)行瀏覽。在利用滾輪進(jìn)行瀏覽時(shí)，微博的用戶信息的大小就進(jìn)行了一番設(shè)計(jì)。頭像占據(jù)了一塊比較大的距離，那是因?yàn)楸绕鹞淖郑蠖鄶?shù)人更傾向于記憶圖片。然后是用戶的名稱，用戶名稱也是使用的用戶經(jīng)常會(huì)點(diǎn)擊的區(qū)域，所以用戶名也是比較大的。相對(duì)來講，點(diǎn)擊微博時(shí)間的人數(shù)會(huì)少很多，所以在設(shè)計(jì)上，時(shí)間運(yùn)用了比較小的字體，占據(jù)的位置也不是十分重要。微博內(nèi)容有時(shí)會(huì)十分長(zhǎng)且復(fù)雜，所以設(shè)計(jì)者在設(shè)計(jì)內(nèi)容布局上比較注重文字的清晰程度，運(yùn)用了和用戶名相同的大小，但是更加清晰的文字來使用戶更加清晰快速的獲得想要獲得的信息。費(fèi)茨法則在網(wǎng)頁中的應(yīng)用多種多樣，比較常見的就是運(yùn)用在鏈接的點(diǎn)擊區(qū)域上，例如登陸界面，用戶名輸入框的大小、長(zhǎng)寬比，密碼輸入框的大小、長(zhǎng)寬比，確認(rèn)和注冊(cè)按鈕的長(zhǎng)寬比，他們之間的距離，在頁面中的位置都可以運(yùn)用費(fèi)茨法則來進(jìn)行設(shè)計(jì)。費(fèi)茨法則在網(wǎng)頁設(shè)計(jì)中的應(yīng)用是十分廣泛的。雖然費(fèi)茨法則的應(yīng)用十分廣泛且實(shí)用，但是也不必刻板的遵循費(fèi)茨法則。有時(shí)，脫離了費(fèi)茨法則定義的設(shè)計(jì)反而會(huì)使得網(wǎng)頁更加生動(dòng)有趣。費(fèi)茨法則在網(wǎng)頁設(shè)計(jì)中主要是給點(diǎn)擊區(qū)域，文字，圖片的大小和長(zhǎng)寬比以及各種元素之間的距離給定了一個(gè)可以依靠的科學(xué)依據(jù)。讓設(shè)計(jì)者們?cè)谠O(shè)計(jì)時(shí)可以擁有一個(gè)站得住腳的科學(xué)依據(jù)。

四、結(jié)束語

本文主要就費(fèi)茨法則的應(yīng)用進(jìn)行了討論。經(jīng)過本文的討論可以發(fā)現(xiàn)，費(fèi)茨法則是與我們生活息息相關(guān)的一條法則。不止是在小小的電腦屏幕上，只要是人類與機(jī)器的交互上就會(huì)或多或少的使用到費(fèi)茨法則。只是某些時(shí)候費(fèi)茨法則不應(yīng)當(dāng)是一個(gè)約束，只是將其當(dāng)做一個(gè)可以合理解釋為何這樣設(shè)計(jì)、為何設(shè)計(jì)成這樣的科學(xué)依據(jù)將能更好的理解與應(yīng)用費(fèi)茨法則。

作者：侯曉雨 單位：山東女子學(xué)院

網(wǎng)頁設(shè)計(jì)論文:計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)教學(xué)分析

摘要：

在網(wǎng)絡(luò)技術(shù)迅速發(fā)展的今天，網(wǎng)頁設(shè)計(jì)與制作已經(jīng)成為當(dāng)今社會(huì)上一種比較熱門的技術(shù)，也是“計(jì)算機(jī)應(yīng)用技術(shù)、網(wǎng)絡(luò)技術(shù)、電腦藝術(shù)技術(shù)”等專業(yè)學(xué)生的必修課，同時(shí)，也是相關(guān)專業(yè)學(xué)生的選修課。在實(shí)際的計(jì)算機(jī)網(wǎng)絡(luò)設(shè)計(jì)教學(xué)中，由于教師專業(yè)經(jīng)驗(yàn)不足、課時(shí)及實(shí)踐設(shè)置不合理等原因，使教學(xué)的效果大打折扣。為了保證教學(xué)過程取得成功，提高教學(xué)質(zhì)量，本文簡(jiǎn)要分析現(xiàn)階段網(wǎng)頁設(shè)計(jì)教學(xué)模式存在的一些問題，并介紹一些比較先進(jìn)的教學(xué)方法，希望能為達(dá)到理想的教學(xué)效果提供借鑒。

關(guān)鍵詞：

計(jì)算機(jī)；網(wǎng)頁設(shè)計(jì)；教學(xué)模式

1引言

隨著互聯(lián)網(wǎng)的高速發(fā)展，我國(guó)逐步進(jìn)入信息化時(shí)代，各行業(yè)領(lǐng)域?qū)τ趯I(yè)計(jì)算機(jī)知識(shí)人才的需求都有了明顯的增加。為了滿足社會(huì)的需求，我國(guó)一部分職業(yè)技術(shù)學(xué)校與高等學(xué)校紛紛開設(shè)計(jì)算機(jī)運(yùn)用與維修、計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)等課程，這些課程的開設(shè)為我國(guó)培養(yǎng)了大量的IT人才。近些年，雖然計(jì)算機(jī)教學(xué)取得了不俗成績(jī)，但是我們也要正視教學(xué)中存在的一些不足。

2計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)教學(xué)中存在的問題

2.1教師專業(yè)經(jīng)驗(yàn)不足

我國(guó)職業(yè)院校的大部分老師是師范畢業(yè)生，這些教師往往存在教學(xué)基礎(chǔ)與經(jīng)驗(yàn)的不足，教師缺乏必要的實(shí)際應(yīng)用動(dòng)手操作能力。因此在教學(xué)時(shí)大多是照本宣科，并沒將教材的知識(shí)點(diǎn)與實(shí)際運(yùn)用情況相融合，生硬的課堂語言，讓課堂氣氛變得沉悶，學(xué)生學(xué)習(xí)的興致不高。網(wǎng)頁設(shè)計(jì)這門課程實(shí)用性強(qiáng)，不但需要扎實(shí)的理論知識(shí)，而且需要大量的實(shí)踐過程[1]，如果不能實(shí)踐上機(jī)操作的話，那么就會(huì)對(duì)所學(xué)的知識(shí)一知半解，達(dá)不到教學(xué)的要求。

2.2課時(shí)及實(shí)踐設(shè)置不合理

很多職業(yè)院校一周只安排2個(gè)課時(shí)的網(wǎng)頁設(shè)計(jì)教學(xué)，課時(shí)過少，學(xué)生在進(jìn)行網(wǎng)頁設(shè)計(jì)與制作的實(shí)踐時(shí)，跟老師互動(dòng)、交流的機(jī)會(huì)也就相應(yīng)減少，這就不利于學(xué)生對(duì)所學(xué)知識(shí)的鞏固。而且學(xué)生若在實(shí)踐過程中碰到難題不能在老師的幫助下及時(shí)得到解決，這也會(huì)極大挫傷學(xué)生學(xué)習(xí)的積極性。此外，學(xué)校更多的是注重理論知識(shí)的灌輸，常常忽略實(shí)踐上機(jī)操作的重要性。

2.3學(xué)生本身學(xué)習(xí)能力有限

隨著90年代末高校的擴(kuò)招，高等教育事業(yè)得到了迅猛的發(fā)展，高校的擴(kuò)招對(duì)中專教育造成了強(qiáng)大的沖擊，很多人選擇了去高校就讀，導(dǎo)致中專院校招生越來越困難，學(xué)生數(shù)量以及整體質(zhì)量均有所降低。大多數(shù)中職生基礎(chǔ)比較薄弱，而且自覺性比較差，上課時(shí)不主動(dòng)積極，導(dǎo)致其不能完全接受、消化教師所傳授的內(nèi)容，更不用說進(jìn)行深層次的探索與創(chuàng)新了。

3提高計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)教學(xué)質(zhì)量的方法

3.1提高教學(xué)質(zhì)量，改進(jìn)教學(xué)方法

在傳統(tǒng)的教學(xué)中，大多數(shù)老師仍然沿用灌輸式的教學(xué)模式進(jìn)行教學(xué)，教學(xué)方法單一，枯燥乏味，沉悶的課堂氣氛會(huì)大大降低學(xué)生學(xué)習(xí)的積極性，甚至?xí)寣W(xué)生產(chǎn)生厭學(xué)情緒。為了激發(fā)學(xué)生的學(xué)習(xí)熱情，現(xiàn)在很多老師在教學(xué)中融入了項(xiàng)目教學(xué)法、案例演示法、頭腦風(fēng)暴法等較先進(jìn)的教學(xué)方法。第一，項(xiàng)目教學(xué)法。項(xiàng)目教學(xué)法就是在老師的指導(dǎo)下，將一個(gè)相對(duì)獨(dú)立的項(xiàng)目交由學(xué)生自己處理，信息的收集、方案的設(shè)計(jì)、項(xiàng)目實(shí)施及最終評(píng)價(jià)，都由學(xué)生自己負(fù)責(zé)，學(xué)生通過該項(xiàng)目的進(jìn)行，了解并把握整個(gè)過程及每一個(gè)環(huán)節(jié)中的基本要求?！绊?xiàng)目教學(xué)法”最顯著的特點(diǎn)是“以項(xiàng)目為主線、教師為引導(dǎo)、學(xué)生為主體”，具體表現(xiàn)在：目標(biāo)指向的多重性；培訓(xùn)周期短，見效快；可控性好；注重理論與實(shí)踐相結(jié)合。項(xiàng)目教學(xué)法是師生共同完成項(xiàng)目，共同取得進(jìn)步的教學(xué)方法。但是教師在應(yīng)用這一教學(xué)方法時(shí)要對(duì)學(xué)生的學(xué)習(xí)能力、基礎(chǔ)知識(shí)的儲(chǔ)備進(jìn)行全面的考慮，不能一刀切。第二，案例教學(xué)法。案例教學(xué)法是教師根據(jù)教材內(nèi)容，選擇具有啟發(fā)性的、緊扣教材內(nèi)容的典型案例，通過具體的情境提高學(xué)生理解、掌握知識(shí)、感悟等綜合素質(zhì)的一種教學(xué)方法。傳統(tǒng)的教學(xué)方法是老師講、學(xué)員聽，聽沒聽、聽懂多少。要到最后的測(cè)試時(shí)才知道，而且學(xué)到的都是死知識(shí)。在案例教學(xué)中，學(xué)生拿到案例后，先要進(jìn)行消化，然后查閱各種他認(rèn)為必要的理論知識(shí)。這無形中加深了對(duì)知識(shí)的理解，而且是主動(dòng)進(jìn)行的[2]。捕捉這些理論知識(shí)后，他還要經(jīng)過縝密地思考，提出解決問題的方案。第三，頭腦風(fēng)暴法。通常所說的“頭腦風(fēng)暴法”，是指將不同專業(yè)與背景的人集中到一起，讓他們互提設(shè)想，互相撞擊，求得新創(chuàng)造、新構(gòu)思的方法。它是一種名符其實(shí)的集思廣益法，它能使每個(gè)參與者在決策的過程中，思考相互沖擊，迸發(fā)出火花，作出創(chuàng)造性的問題解決方案。在教學(xué)中實(shí)施頭腦風(fēng)暴法有助于培養(yǎng)學(xué)生的創(chuàng)造思維，讓每個(gè)學(xué)生的腦子動(dòng)起來，極大地提高課堂教學(xué)效果。

3.2設(shè)計(jì)科學(xué)、合理的專業(yè)教學(xué)

計(jì)算機(jī)專業(yè)的課程一般都屬于要求具有較高動(dòng)手操作能力的專業(yè)技能課程，因此，在專業(yè)教學(xué)課程的設(shè)定方面，應(yīng)該以實(shí)踐上機(jī)操作為主，讓學(xué)生多動(dòng)手練習(xí)，實(shí)踐理論知識(shí)的學(xué)習(xí)，引導(dǎo)學(xué)生對(duì)所學(xué)知識(shí)的思考。專業(yè)課程的設(shè)計(jì)應(yīng)該將重點(diǎn)方向定位于社會(huì)實(shí)際應(yīng)用。學(xué)生所學(xué)的專業(yè)知識(shí)與技能，在今后的崗位中，主要的應(yīng)用就是實(shí)踐操作。只有讓學(xué)生多方位地全面掌握基礎(chǔ)，在基礎(chǔ)的層面上加深專業(yè)技能的培訓(xùn)，才能讓學(xué)生在眾多的競(jìng)爭(zhēng)者中脫穎而出。中職教育的最終目的在于學(xué)生就業(yè)，因此，教學(xué)內(nèi)容的設(shè)定應(yīng)該與就業(yè)緊密結(jié)合，這樣才能夠?yàn)樯鐣?huì)培養(yǎng)出高素質(zhì)的計(jì)算機(jī)專業(yè)勞動(dòng)者和技能人才。

3.3加強(qiáng)教師技術(shù)培訓(xùn)

當(dāng)今社會(huì)，知識(shí)更新越來越快，特別是在計(jì)算機(jī)領(lǐng)域方面。我們的教師也要不斷學(xué)習(xí)，強(qiáng)化自己的專業(yè)能力。此外，可以有計(jì)劃的安排專業(yè)教師到企業(yè)實(shí)踐，這樣才能讓教師了解計(jì)算機(jī)網(wǎng)絡(luò)發(fā)展的最新動(dòng)向，加強(qiáng)教師的實(shí)際應(yīng)用動(dòng)手操作能力，為教師今后的教學(xué)指導(dǎo)方向。

4結(jié)束語

計(jì)算機(jī)傳統(tǒng)的教學(xué)模式，已經(jīng)不能適應(yīng)現(xiàn)代不斷更新的計(jì)算機(jī)技術(shù)的需求。教師必須摒棄傳統(tǒng)的教學(xué)模式，改變教學(xué)理念，培養(yǎng)學(xué)生擁有較強(qiáng)的專業(yè)技能、較高的綜合素質(zhì)，只有這樣學(xué)生才能夠適應(yīng)社會(huì)發(fā)展的需求，在眾多競(jìng)爭(zhēng)者中脫穎而出。

作者：陳上 單位：海南軟件職業(yè)技術(shù)學(xué)院