序論：寫作是一種深度的自我表達(dá)。它要求我們深入探索自己的思想和情感，挖掘那些隱藏在內(nèi)心深處的真相，好投稿為您帶來了一篇網(wǎng)頁設(shè)計(jì)論文范文，愿它們成為您寫作過程中的靈感催化劑，助力您的創(chuàng)作。

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

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

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

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

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

平面設(shè)計(jì)教育在我國起步雖晚，但發(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ì)。目前，國內(nèi)各大本科院校多依據(jù)所屬專業(yè)確定網(wǎng)頁設(shè)計(jì)課程的教學(xué)側(cè)重點(diǎn)。計(jì)算機(jī)類的側(cè)重代碼編程，注重培養(yǎng)網(wǎng)站后臺人才；藝術(shù)類的側(cè)重界面規(guī)劃和美化，致力于培養(yǎng)網(wǎng)站前臺、網(wǎng)頁美工。但各專業(yè)在網(wǎng)頁設(shè)計(jì)課程教學(xué)上主要存在以下兩種現(xiàn)象：一是“輕維護(hù)、重美觀”，培養(yǎng)出的學(xué)生多注重靜態(tài)頁面的藝術(shù)性，不在乎是否有利于后臺維護(hù)；另一種是“輕線下、重線上”，部分學(xué)生往往只在意屏幕的視覺效果，對線下互聯(lián)網(wǎng)用戶的需求了解不夠。這導(dǎo)致他們設(shè)計(jì)的網(wǎng)頁界面看起來很漂亮，鏈接也很流暢，但實(shí)用性不強(qiáng)，更不利于線下產(chǎn)品的開發(fā)。因此，對平面設(shè)計(jì)專業(yè)網(wǎng)頁設(shè)計(jì)課程教學(xué)進(jìn)行改革勢在必行。

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

對于平面設(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ù)理論課程模塊的知識點(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)系，對網(wǎng)頁設(shè)計(jì)工作起著至關(guān)重要的作用。網(wǎng)頁設(shè)計(jì)的功能元素有背景與底紋、按鈕與控件、頁眉與頁腳、導(dǎo)航器和目錄、功能板塊和廣告位等，這些功能元素依靠文字、圖片、色彩、多媒體和超級鏈接實(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)載體，所以作品的寬度不宜超過顯示器寬度，高度可以任意，但只能顯示一屏的高度，隨著瀏覽者拖動滾動條，作品的顯示高度隨之變化。用于傳統(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ì)中相對應(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)容與市場接軌，在調(diào)整后的教學(xué)內(nèi)容中新增了這一知識點(diǎn)。此部分教學(xué)內(nèi)容包括用戶體驗(yàn)研究、層級結(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ì)知識結(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)者對該企業(yè)網(wǎng)站的瀏覽興趣，增強(qiáng)上網(wǎng)者的瀏覽記憶，促進(jìn)該企業(yè)的宣傳推廣。在藝術(shù)理論課程模塊教學(xué)內(nèi)容中應(yīng)滲透品牌形象概念，將此概念應(yīng)用到網(wǎng)頁設(shè)計(jì)的各個環(huán)節(jié)之中，無論是網(wǎng)頁LOGO、網(wǎng)頁色彩還是版式和導(dǎo)航等設(shè)計(jì)，都應(yīng)該保持品牌形象的一致性。

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

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

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

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

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

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

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

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

3.第三級：對接社會、校企合作階段

平面設(shè)計(jì)專業(yè)網(wǎng)頁設(shè)計(jì)課程教學(xué)改革的最終目的是為社會輸出合格的互聯(lián)網(wǎng)網(wǎng)頁設(shè)計(jì)人才，更好地服務(wù)社會。對此，平面設(shè)計(jì)專業(yè)網(wǎng)頁設(shè)計(jì)課程教學(xué)對接社會、加強(qiáng)校企合作就顯得尤為必要和重要。學(xué)校應(yīng)該根據(jù)自身特點(diǎn)選擇合適的企業(yè)建立教學(xué)實(shí)踐基地，聘請企業(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)營，承接校外的網(wǎng)頁設(shè)計(jì)項(xiàng)目。此階段教學(xué)培養(yǎng)學(xué)生的社會接軌能力，為學(xué)生對接社會提供條件，將企業(yè)文化和行業(yè)規(guī)范引入教學(xué)，實(shí)現(xiàn)校企無障礙對接，真正將理論教學(xué)與實(shí)踐教學(xué)有機(jī)結(jié)合在一起。在計(jì)算機(jī)信息技術(shù)飛速發(fā)展的環(huán)境下，平面設(shè)計(jì)專業(yè)網(wǎng)頁設(shè)計(jì)課程更要緊扣時代的脈搏，求實(shí)創(chuàng)新，不斷地更新和豐富教學(xué)內(nèi)容，結(jié)合市場發(fā)展趨勢創(chuàng)新教學(xué)方法，及時將最新案例和相關(guān)知識點(diǎn)引入課堂，最終培養(yǎng)出滿足“互聯(lián)網(wǎng)+”國家戰(zhàn)略實(shí)施需要、具有綜合素養(yǎng)的網(wǎng)頁設(shè)計(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)狀，提出了針對電子商務(wù)專業(yè)調(diào)整教學(xué)內(nèi)容的措施，讓課程的教學(xué)更符合電子商務(wù)專業(yè)的要求，讓學(xué)生真正學(xué)到知識。

關(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è)置成全校公選課程，但是教師上這門課時在教學(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)和動態(tài)網(wǎng)頁制作、網(wǎng)站管理的所見即所得網(wǎng)頁編輯器。FIREWORKS主要是用于網(wǎng)頁圖片的制作與處理，也可用于網(wǎng)頁布局。FLASH主要用來制作動畫。按照這種教學(xué)內(nèi)容培養(yǎng)出來的學(xué)生往往只是熟悉軟件的使用，不懂網(wǎng)頁源代碼，做出來的網(wǎng)頁效果一般，缺乏特色，學(xué)生將來從事網(wǎng)頁設(shè)計(jì)工作時會感覺困難重重。

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

這種教學(xué)方式比較常見，教師只講述DREAMWEAVER軟件的使用，包括：DREAMWEAVER的工作界面、文檔編輯、圖像與多媒體、超鏈接、表格、框架、CSS、模板和庫、表單、行為、網(wǎng)站測試與。學(xué)生學(xué)習(xí)該課程后，能熟練使用軟件，能用表格、框架、層來進(jìn)行頁面布局，懂得基本的CSS樣式設(shè)置，會利用行為面板添加一定的網(wǎng)頁特效，在網(wǎng)頁設(shè)計(jì)完成之后，能進(jìn)行網(wǎng)站的測試與。相比前一種，這種方式培養(yǎng)出來的學(xué)生網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識更為扎實(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í)現(xiàn)更加精確地控制，CSS3是CSS技術(shù)的升級版本。JAVASCRIPT一種直譯式腳本語言，用來給HTML網(wǎng)頁增加動態(tài)功能。HTML5、CSS3、JAVASCRIPT是網(wǎng)頁設(shè)計(jì)的主流技術(shù)，是教學(xué)的重點(diǎn)和難點(diǎn)。

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

除了介紹DREAMWEAVER軟件的使用外，還重點(diǎn)講述后臺數(shù)據(jù)庫的訪問，即C#語言、數(shù)據(jù)庫編程。由于《網(wǎng)頁設(shè)計(jì)》課程通常開設(shè)在大一，對于很多從來沒有接觸過編程和數(shù)據(jù)庫的學(xué)生來說，他們會覺得特別難，容易產(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)用知識和技能的高素質(zhì)人才。《網(wǎng)頁設(shè)計(jì)》是電子商務(wù)專業(yè)的一門專業(yè)必修課，是一門涉及面很廣泛的學(xué)科，僅僅講述DREAMWEAVER顯然是不夠的，畢竟在一個完整的網(wǎng)站中，除了有合理的頁面布局之外，用戶還希望能看到畫面優(yōu)美的圖片、制作精美的動畫作品、引人入勝的網(wǎng)頁特效，網(wǎng)站設(shè)計(jì)完成之后，還需要將網(wǎng)站上傳和定期維護(hù)。另外對于正在讀大一的電子商務(wù)專業(yè)學(xué)生來說，在《網(wǎng)頁設(shè)計(jì)》課程中講述動態(tài)網(wǎng)頁也不合適，超出了他們的接受程度。因此本人在給電子商務(wù)專業(yè)的學(xué)生講課時，結(jié)合他們的專業(yè)特色，將教學(xué)內(nèi)容和課時（一學(xué)期64個課時）做了如下安排：

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

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

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

通常《網(wǎng)頁設(shè)計(jì)》課程的教學(xué)順序是：網(wǎng)站基本知識、HTML、DREAMWEAVER（HTML5+CSS3+JAVASCRIPT）、FLASH、FIREWORKS。本人在講述該課程時教學(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ì)，動畫設(shè)計(jì)和圖片處理效果更為生動直觀，更能激發(fā)學(xué)生的學(xué)習(xí)興趣。

三、結(jié)束語

任何一門課程的教學(xué)都應(yīng)該根據(jù)專業(yè)的特色來調(diào)整教學(xué)內(nèi)容，培養(yǎng)出適應(yīng)社會需求的專業(yè)性人才。上述《網(wǎng)頁設(shè)計(jì)》課程教學(xué)內(nèi)容的設(shè)計(jì)使電子商務(wù)專業(yè)學(xué)生能夠扎實(shí)掌握網(wǎng)頁設(shè)計(jì)技能，同時為后續(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課時有效提高學(xué)生的操作與實(shí)踐能力，讓學(xué)生學(xué)以致用。本文探討了基于項(xiàng)目教學(xué)的《網(wǎng)頁設(shè)計(jì)》課程教學(xué)實(shí)踐，希望對課程的教學(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é)時，內(nèi)容多、課程緊，如何在有限的時間內(nèi)最優(yōu)化學(xué)生的學(xué)習(xí)效果是授課教師面臨的重要課題。

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

以《網(wǎng)頁設(shè)計(jì)》課程為中心，重新規(guī)劃了傳播學(xué)專業(yè)網(wǎng)絡(luò)傳播方向的相關(guān)課程群內(nèi)容，課程的先修課程包含有通識課程《計(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ì)》及《動態(tài)網(wǎng)站建設(shè)》。

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

在對課程進(jìn)行了重新定位和性質(zhì)分析的基礎(chǔ)上，確定課程的總體教學(xué)目標(biāo)為培養(yǎng)學(xué)生靜態(tài)網(wǎng)站設(shè)計(jì)與制作的實(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é)作意識、自我學(xué)習(xí)能力、溝通表達(dá)能力和知識歸納與積累能力。

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

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

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

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

（一）知識引入

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

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

教師對項(xiàng)目任務(wù)的重點(diǎn)、難點(diǎn)進(jìn)行細(xì)致的分析講解，學(xué)生針對性地記錄相關(guān)知識點(diǎn)。例如，對“甜品飲料吧”案例進(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é)

對于項(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í)際操作能力較弱，個別學(xué)習(xí)能力較強(qiáng)的學(xué)生會利用自已準(zhǔn)備的素材設(shè)計(jì)具有個人特點(diǎn)的作品，大部分基本利用老師提供的素材和按照提供的效果圖完成最終任務(wù)，從作品中看出學(xué)生靈活變通能力、自主創(chuàng)作設(shè)計(jì)能力不足。部分學(xué)生更希望老師操作演示，自己減少思考和動手操作過程，所以要密切關(guān)注學(xué)生當(dāng)堂學(xué)習(xí)情況并及時調(diào)整教學(xué)方法。此外可以采用小組分工合作等方法活躍課堂氣氛，要通過小組評價(jià)、小組互評、教師評價(jià)等方法盡可能在評價(jià)反饋方面詳盡合理，同時要注意過程性評價(jià)與總結(jié)性評價(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é)時，以學(xué)生文本，加強(qiáng)對意義建構(gòu)的主義理論、探究式學(xué)習(xí)的理論的重視作用。即在整個教學(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é)生的主觀能動性，從而提高他們的創(chuàng)造能力與創(chuàng)新精神。因此基于項(xiàng)目教學(xué)模式下，對“網(wǎng)頁設(shè)計(jì)與制作”課程進(jìn)行改革與實(shí)踐，勢在必行。

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

在計(jì)算機(jī)應(yīng)用專業(yè)的教學(xué)中，對于網(wǎng)頁設(shè)計(jì)和制作課程的教學(xué)總體目標(biāo)，主要是通過真實(shí)的網(wǎng)站項(xiàng)目來開展教學(xué)活動，讓學(xué)生能夠依據(jù)網(wǎng)站開發(fā)的過程和網(wǎng)頁制作方法，結(jié)合需要制作的要求，制作出簡單的網(wǎng)頁圖像與自動生成的動態(tài)網(wǎng)頁，以提升學(xué)生網(wǎng)頁制作技能，積累豐富的網(wǎng)頁制作經(jīng)驗(yàn)，從而滿足日后工作崗位需求。因此在進(jìn)行網(wǎng)頁設(shè)計(jì)與制作時，應(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án)境的能力。(2)培養(yǎng)職業(yè)技術(shù)能力和解決問題的能力。培養(yǎng)學(xué)生具備扎實(shí)的專業(yè)技術(shù)能力，這是網(wǎng)頁設(shè)計(jì)與制作課程中能力培養(yǎng)的關(guān)鍵。因此在進(jìn)行教學(xué)時，對學(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ì)對專業(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é)的知識，并通過自主學(xué)習(xí)的方式，來獲得有用的信息，以積極的應(yīng)對職業(yè)中遇到的問題。而創(chuàng)新能力則是培養(yǎng)學(xué)生具備創(chuàng)新思維與創(chuàng)新意識，從而為日后工作打下扎實(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)容時，必須保證對學(xué)生具有挑戰(zhàn)性、實(shí)用性、趣味性以及可操作性，要求學(xué)生通過查閱相關(guān)資料，經(jīng)過仔細(xì)研究和思考，便可順利地完成學(xué)習(xí)任務(wù)。但需要特殊注意的是，教師在設(shè)計(jì)學(xué)習(xí)任務(wù)時，必須按照教學(xué)目標(biāo)與學(xué)生個性差異來設(shè)計(jì)，保證內(nèi)容設(shè)計(jì)不能過于復(fù)雜[2]。例如在“網(wǎng)頁設(shè)計(jì)與制作”的教學(xué)過程中，課程整體設(shè)計(jì)的目標(biāo)是從簡單——復(fù)雜——綜合網(wǎng)站建設(shè)項(xiàng)目的訓(xùn)練方式，讓學(xué)生能夠依據(jù)網(wǎng)站業(yè)務(wù)的需要，對網(wǎng)站需要的功能加以分析，以明確網(wǎng)頁風(fēng)格與結(jié)構(gòu)，理解并設(shè)計(jì)出相應(yīng)的制作方案，從而掌握網(wǎng)頁制作與網(wǎng)站的方法，熟練HTML語言、Dreamweaver網(wǎng)頁制作軟件，能讀取JavaScript代碼，并學(xué)會靈活運(yùn)用CSS設(shè)計(jì)網(wǎng)站的元素。這時教師需要在設(shè)計(jì)上，依據(jù)項(xiàng)目的需要，選出“企業(yè)網(wǎng)站建設(shè)”作為該課程的實(shí)訓(xùn)項(xiàng)目，將課程設(shè)計(jì)任務(wù)劃分為5個項(xiàng)目，16個任務(wù)、每個任務(wù)4學(xué)時，前2個項(xiàng)目是網(wǎng)站點(diǎn)的創(chuàng)建和靜態(tài)網(wǎng)頁設(shè)計(jì)，屬于簡單的入門項(xiàng)目，由教師輔導(dǎo)；第3與4個項(xiàng)目是進(jìn)行網(wǎng)頁素材設(shè)計(jì)和制作，依據(jù)規(guī)范進(jìn)行標(biāo)準(zhǔn)化網(wǎng)頁設(shè)計(jì)；第5個項(xiàng)目課后完成項(xiàng)目的情況，讓學(xué)生能夠積極參與項(xiàng)目的開發(fā)和維護(hù)中，以拓寬課程教學(xué)的內(nèi)容。但是每1個項(xiàng)目都應(yīng)以任務(wù)為載體，將課程學(xué)習(xí)的內(nèi)容劃分到每1個項(xiàng)目中。且每1個項(xiàng)目之間都有明顯的獨(dú)立性，同時項(xiàng)目之間相互聯(lián)系，知識與技能循環(huán)漸進(jìn)；前1項(xiàng)是后1項(xiàng)的基礎(chǔ)，后1項(xiàng)是鞏固前1項(xiàng)的關(guān)鍵，實(shí)現(xiàn)知識和技能學(xué)習(xí)的層層遞進(jì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)任本組的小組長。然后每組學(xué)生在組長的領(lǐng)導(dǎo)下，按照項(xiàng)目要求的內(nèi)容，在課后充分利用參考書目、內(nèi)容對網(wǎng)站制作與設(shè)計(jì)所涉及的資料進(jìn)行查閱。此外，教師是項(xiàng)目的指導(dǎo)者，應(yīng)適當(dāng)引導(dǎo)學(xué)生整理所需要資料。讓每個成員之間依據(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)任小組長的學(xué)生負(fù)責(zé)對網(wǎng)站加以宣傳，并制定項(xiàng)目進(jìn)度表，明確成果完成的時間，同時詳細(xì)記錄每個成員學(xué)習(xí)的情況、態(tài)度，為教師的評價(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í)中所需要的知識與技能，通過有效的學(xué)習(xí)方法來開展學(xué)習(xí)活動，激發(fā)學(xué)生的學(xué)習(xí)熱情與主動性[3]。例如在確定各小組的學(xué)習(xí)任務(wù)后，進(jìn)入具體“網(wǎng)頁設(shè)計(jì)與制作”課程的學(xué)習(xí)中，一開始部分學(xué)生會感覺到制作一個網(wǎng)站，以我個人的能力，難以順利完成教師布置的任務(wù)，又怎會設(shè)計(jì)出具有個人鮮明、獨(dú)具個性的網(wǎng)站來吸引客戶的注意力？針對這些問題，在進(jìn)行教學(xué)時，教師需要將教學(xué)知識轉(zhuǎn)變成學(xué)習(xí)任務(wù)，以學(xué)生合作的方式，然后詳細(xì)講解網(wǎng)頁設(shè)計(jì)與制作的知識點(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框架集文檔顯示的若干個獨(dú)立的可滾動區(qū)域就是框架，框架集中每一個框架在Web瀏覽器窗口中，屬于自己管轄區(qū)域內(nèi)顯示一個HTML文檔，可使用選項(xiàng)內(nèi)是否滾動和可調(diào)整大小來調(diào)整頁面。

2.4成果展示

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

2.5考核方式的改革

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

3結(jié)束語

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

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

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

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

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

在科學(xué)技術(shù)日新月異的今天，因特網(wǎng)這個嶄新的傳播媒體，使人與人之間的距離更近。在網(wǎng)絡(luò)迅速發(fā)展的今天，人們可以足不出戶的利用網(wǎng)絡(luò)獲取外界信息，因此對瀏覽界面也有了新的要求，除了功能性更強(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)頁，遵循這一定的移動規(guī)律，而視覺的移動規(guī)律，能夠引導(dǎo)瀏覽者瀏覽網(wǎng)頁的視覺順序，進(jìn)而使網(wǎng)頁瀏覽更加輕松。這就要求設(shè)計(jì)者，要依靠視覺語言各要素直接的聯(lián)系與外形呼應(yīng)，建立網(wǎ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ì)也更加簡便化。網(wǎng)絡(luò)可以達(dá)到提高人類信息交流與傳播的目的，讓日常生活變得更加方便，也提升了基本生活標(biāo)準(zhǔn)。

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

網(wǎng)絡(luò)頁面中會呈現(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)行資料搜索，加快對重點(diǎn)信息的瀏覽速度。網(wǎng)絡(luò)頁面的整體構(gòu)圖也應(yīng)清晰合理，避免對瀏覽者造成視覺干擾，只有這樣，才能保證瀏覽者可以按照導(dǎo)向指示，完成資料的搜索任務(wù)。

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

由于人體視網(wǎng)膜構(gòu)造的原因，人體視網(wǎng)膜晶體只能產(chǎn)生單一焦點(diǎn)，這就限制了人類瀏覽信息的速度，所以，瀏覽者需要按照個人需求有順序地進(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)的信息量十分巨大，這對瀏覽者會造成一定的信息干擾。為保證可以在重要區(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)容，這對瀏覽者的閱讀速度是一種考驗(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動態(tài)視覺元素

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

2.2人性化視覺語言

瀏覽者可以在網(wǎng)頁中第一時間獲取想要知道的信息內(nèi)容，并可以在正確的引導(dǎo)下完成下一步的信息搜索，這是網(wǎng)頁設(shè)計(jì)師想要看到的成果。這種較為人性化的網(wǎng)頁設(shè)計(jì)理念既要充分突出網(wǎng)頁的特點(diǎ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)擊的可能性，又可以對瀏覽者進(jìn)行信息的引導(dǎo)，但是，多數(shù)網(wǎng)頁設(shè)計(jì)人員并沒有這么做，瀏覽者通常無法點(diǎn)擊到那些敏感且悠閑的區(qū)域，這就促使某些重要信息始終無法被閱讀，失去其存在的價(jià)值和意義。合理地對現(xiàn)有網(wǎng)絡(luò)框架進(jìn)行布局，并通過文字或圖片引導(dǎo)的方式，讓網(wǎng)頁的排版更加有序，增強(qiáng)頁面對瀏覽者的視覺沖擊感，確保瀏覽頁面具有一定的引導(dǎo)功能。合適的背景音樂可以放松瀏覽者的心情，并快速獲取瀏覽者的關(guān)注，在避免其出現(xiàn)審視疲勞的同時，可以給瀏覽者以更真實(shí)的感受和體驗(yàn)。

2．3交互化視覺元素

“鏈接”是網(wǎng)絡(luò)應(yīng)用中比較常見的一種資源共享和交流的方式，在網(wǎng)絡(luò)上利用鏈接進(jìn)行資源共享，可以實(shí)現(xiàn)對文字詞語視頻以及影像資料的及時交換，提高資料搜索的準(zhǔn)確度。超鏈接同樣作為網(wǎng)頁瀏覽的另一種資源交換方式，這種資源分享的途徑可以完成全新視角的元素分享，并做到信息及時同步，提高信息的利用價(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)一步方便瀏覽者對網(wǎng)頁進(jìn)行資源搜索，需要在底部設(shè)置返回主頁、返回頂層等選項(xiàng)，可以將這些按鈕以紅色按鈕的方式進(jìn)行展示，來引起瀏覽者的注意，這也是體現(xiàn)人性化設(shè)計(jì)的主要方式。加強(qiáng)人與商品之間的信息溝通和交流，可以進(jìn)一步提高購物的樂趣。網(wǎng)頁設(shè)計(jì)應(yīng)盡量做到簡潔明了，排除過多不必要文字的敘述，讓瀏覽者可以快速分清主次關(guān)系。適當(dāng)?shù)靥砑訄D片，可以提高瀏覽者的點(diǎn)擊量，讓網(wǎng)頁更加美觀。網(wǎng)頁還要保持整體的設(shè)計(jì)風(fēng)格，及時對重要信息進(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)一、版式布局清晰合理，并提供精簡的文字描述，讓一致的風(fēng)格為瀏覽者的信息搜索提供方便。為避免不合理信息布局對瀏覽者的信息搜索造成干擾，網(wǎng)頁設(shè)計(jì)人員需要保證重要信息具有逐次遞進(jìn)關(guān)系，并以圖片引導(dǎo)的方式，時刻對瀏覽者進(jìn)行提醒，并為瀏覽者提供更自由的搜索空間，讓瀏覽者有更愉快的搜索感受。

3結(jié)語

對網(wǎng)頁設(shè)計(jì)中的視覺元素功能與審美進(jìn)行了分析，對如何進(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)頁整體的審美性，同時也能夠提高網(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é)模式，對該課程進(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í)踐操作相結(jié)合，增強(qiáng)學(xué)生的實(shí)踐動手能力。

關(guān)鍵詞：

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

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

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

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

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

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

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

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

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

（四）考核方式不合理

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

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

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

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

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

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

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

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

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

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

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

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

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

項(xiàng)目化教學(xué)中涉及的項(xiàng)目具有較高的真實(shí)性和模擬性，其中包含的知識和技能要求與社會工作崗位要求高度一致，有利于學(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)知的主體，是信息意義的主動建構(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é)法時，首先要了解學(xué)生的基本情況，然后根據(jù)其教學(xué)思路和上述設(shè)計(jì)原則，制定合理的教學(xué)計(jì)劃，一般而言，包括以下四個基本環(huán)節(jié)。

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

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

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

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

（四）檢查評估

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

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

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

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

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

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

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

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

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

（四）及時開展項(xiàng)目后評估活動

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

五、實(shí)施效果

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

六、結(jié)論

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

前言

隨著我國信息時代的不斷發(fā)展，人們主要通過網(wǎng)絡(luò)來獲取相關(guān)信息，網(wǎng)絡(luò)的作用也日益凸顯，而網(wǎng)頁作為網(wǎng)絡(luò)的重要展現(xiàn)形式，其在設(shè)計(jì)過程中的排版與布局會直接影響一個網(wǎng)頁的瀏覽量。因此，對網(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ī)劃。通過對頁面的文字和圖片進(jìn)行整體平衡，并融入趣味內(nèi)容，實(shí)現(xiàn)頁面的和諧統(tǒng)一；其次，突出網(wǎng)頁主題。即利用網(wǎng)頁版面的主次關(guān)系，將具有較高價(jià)值的信息放在版面上部位置，起到重點(diǎn)突出的作用；再次，版面恰當(dāng)裝飾。即在不影響網(wǎng)頁功能的前提下，對網(wǎng)頁予以簡單裝飾，做到疏密有度、圖文并茂；最后，遵循色彩原則。為了讓一個網(wǎng)頁在眾多網(wǎng)頁中脫穎而出，在對網(wǎng)頁進(jìn)行排版設(shè)計(jì)的過程中，應(yīng)對頁面色彩進(jìn)行合理組合，形成強(qiáng)烈的視覺沖擊力，以引起瀏覽者的重點(diǎn)關(guān)注[1]。

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

網(wǎng)頁設(shè)計(jì)中排版與布局主要是對文字和圖像進(jìn)行版式設(shè)計(jì)，使兩者合理組合，向?yàn)g覽者準(zhǔn)確傳遞相關(guān)信息的同時展現(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)容變得更加生動活潑，從而激發(fā)瀏覽者的閱讀興趣，充分發(fā)揮網(wǎng)頁傳遞信息的作用[2]。

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

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

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

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

五、結(jié)論

綜上所述，網(wǎng)頁設(shè)計(jì)中的排版與布局影響著網(wǎng)頁的成敗，為不斷滿足人們對網(wǎng)絡(luò)的需求，網(wǎng)頁設(shè)計(jì)人員應(yīng)針對不同類型的內(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è)課時，前續(xù)課程掌握的知識和技能也逐漸淡忘了，對各門專業(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)目有效地銜接各門課程的知識點(diǎn)和技能點(diǎn)，根據(jù)學(xué)生的課程學(xué)習(xí)進(jìn)度來循序漸進(jìn)地完成軟件項(xiàng)目設(shè)計(jì)與實(shí)現(xiàn)，提高學(xué)生的學(xué)習(xí)效率和實(shí)踐動手能力。

關(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è)的前后臺相關(guān)課程，也會隨著不同的授課老師而采用不同的案例來教學(xué)，學(xué)生學(xué)到的知識都是片斷化，很難掌握整個學(xué)科體系，學(xué)生到企業(yè)中也很難上手去做，因此改革勢在必行，為使學(xué)生實(shí)現(xiàn)零距離就業(yè)，我們使用企業(yè)真實(shí)的開發(fā)案例，通過案例銜接各門課程的知識點(diǎn)和技能點(diǎn)，從而提高學(xué)生的學(xué)習(xí)效率和實(shí)踐動手能力。

二、網(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)識并編寫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社會能力目標(biāo)。樹立網(wǎng)絡(luò)安全意識、具有創(chuàng)新意識、具備良好的思想道德修養(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ú)立完成一個相對獨(dú)立的項(xiàng)目，學(xué)生可獨(dú)立完成，或按小組的形式完成，貫穿信息收集、方案設(shè)計(jì)、項(xiàng)目實(shí)施、綜合評價(jià)等各環(huán)節(jié)，學(xué)生通過項(xiàng)目的執(zhí)行，了解項(xiàng)目過程中每一個環(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é)法通常是在一個短期內(nèi)、小范圍空間內(nèi)進(jìn)行的，并且教學(xué)效果良好。（2）收益的多樣性；對學(xué)生，讓他們在主動積極的學(xué)習(xí)環(huán)境中，激發(fā)創(chuàng)新能力，培養(yǎng)學(xué)生分析問題解決問題的綜合能力。對教師，不再是主導(dǎo)者，轉(zhuǎn)變了傳統(tǒng)的教學(xué)觀念，通過對學(xué)生的指導(dǎo)，成為學(xué)生學(xué)習(xí)的促進(jìn)者、組織者和指導(dǎo)者。對學(xué)校，有利于教育理念的整體轉(zhuǎn)變，并逐步完善和整合學(xué)校課程體系。（3）可以激發(fā)學(xué)生的學(xué)習(xí)興趣，培養(yǎng)學(xué)生積極思考問題的能力，發(fā)揮出學(xué)習(xí)潛能。比如說在講到“圖書網(wǎng)站布局”的時候，先要講解盒子模型，并完成上下布局的網(wǎng)頁，再讓學(xué)生自己去網(wǎng)站觀察網(wǎng)頁布局，再引出其它的布局方法，讓學(xué)生跟著一起思考怎樣做出左右布局，以及布局的嵌套方法等等。通過這樣一個個具體項(xiàng)目完成，激發(fā)同學(xué)們積極思考，并最終在自己的努力和教師的指導(dǎo)下完成整個項(xiàng)目，提升了學(xué)習(xí)的成就感。（4）注重理論與實(shí)踐相結(jié)合。項(xiàng)目教學(xué)法是學(xué)習(xí)小組成員共同完成項(xiàng)目，并取得共同進(jìn)步的教學(xué)方法，也促進(jìn)了教師教學(xué)能力的提升。每個學(xué)生在理論的指導(dǎo)下，實(shí)現(xiàn)的網(wǎng)站也不同，也會有很多不同，會遇到很多不同的問題，老師和學(xué)生、學(xué)生之間都可以相互探討，找到解決問題的最佳方法，收獲頗豐。（5）積極營造創(chuàng)新環(huán)境，培養(yǎng)學(xué)生創(chuàng)新意識。?有創(chuàng)新才有發(fā)展，創(chuàng)新是動力源泉，教師要在育人過程中，要培養(yǎng)學(xué)生的創(chuàng)新思維。讓學(xué)生能夠運(yùn)用知識去創(chuàng)造作品，要充分發(fā)揮想象力和潛能，從而實(shí)現(xiàn)自己的想法。比如在講解表單知識點(diǎn)的時候，引導(dǎo)學(xué)生觀察到網(wǎng)站下載資料時大部分需要注冊會員，先讓學(xué)生觀看會員注冊頁面，結(jié)合所學(xué)內(nèi)容，講解此類會員注冊頁面運(yùn)用了哪些表單元素，并給學(xué)生設(shè)計(jì)以下子項(xiàng)目：要求學(xué)生參考資料，設(shè)計(jì)某網(wǎng)站會員申請頁面。學(xué)生可以發(fā)揮自己的想象力，也可以參考互聯(lián)網(wǎng)中的相關(guān)案例，利用各種工具及方法來進(jìn)行設(shè)計(jì)與布局。根據(jù)經(jīng)驗(yàn)和想象力，做出一個全新的作品。（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è)計(jì)出不同的“自主學(xué)習(xí)項(xiàng)目”和“合作學(xué)習(xí)項(xiàng)目”。對于自主學(xué)習(xí)的“項(xiàng)目”，讓學(xué)生利用已學(xué)的技術(shù)和知識，來完成作品，培養(yǎng)學(xué)生的自主學(xué)習(xí)的能力。對于合作學(xué)習(xí)的“項(xiàng)目”，則要求由多個學(xué)生共同協(xié)作完成。比如在圖書網(wǎng)站項(xiàng)目的制作過程，要求小組成員分工不同，相互配合，使整個網(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é)課時，先對學(xué)生介紹項(xiàng)目的完成目標(biāo)，項(xiàng)目的主要過程，并對學(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)目需完成哪些功能模塊，并把一個個功能模塊細(xì)分為一系列小項(xiàng)目，在小項(xiàng)目中實(shí)施過程中側(cè)重鍛煉學(xué)生的各種能力，學(xué)生根據(jù)項(xiàng)目的時間安排，結(jié)合項(xiàng)目內(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ì)劃書的時間進(jìn)度安排，按時保質(zhì)保量完成相應(yīng)的功能模塊，由于學(xué)生之前沒有學(xué)過本門課程，因此項(xiàng)目的實(shí)施必須分階段穩(wěn)步進(jìn)行。第一階段是基礎(chǔ)階段，主要教授學(xué)生網(wǎng)頁設(shè)計(jì)軟件的使用方法，每講一個基礎(chǔ)知識點(diǎn)，就完成一個實(shí)驗(yàn)項(xiàng)目，這樣有針對性的練習(xí)，可以使學(xué)生牢固地掌握基礎(chǔ)知識，使其形成相應(yīng)的具體能力。第二階段是項(xiàng)目實(shí)施過程，要結(jié)合第一階段學(xué)生對知識的掌握情況，根據(jù)項(xiàng)目計(jì)劃書的要求進(jìn)行項(xiàng)目開發(fā)實(shí)施。在此階段，教師要適時對教學(xué)小組的學(xué)生情況進(jìn)行點(diǎn)評和指導(dǎo)，解決學(xué)生在網(wǎng)站開發(fā)中遇到的難題，并對各小組共性的問題進(jìn)行集中講解。定期召開項(xiàng)目小組長會議，反饋項(xiàng)目的進(jìn)度，收集各項(xiàng)目小組的難題問題，舉行項(xiàng)目經(jīng)驗(yàn)交流會，在會上探討解決疑難問題。第三階段項(xiàng)目實(shí)施總結(jié)過程，當(dāng)完成一個項(xiàng)目階段后，要撰寫總結(jié)報(bào)告，總結(jié)項(xiàng)目開發(fā)的經(jīng)驗(yàn)，為下一階段的項(xiàng)目工作提供有力保證。階段性總結(jié)評價(jià)對項(xiàng)目的順利完成也是至關(guān)重要的，在完成每個階段后，還應(yīng)對學(xué)習(xí)成果進(jìn)行展示、總結(jié)、評價(jià)，不足之處要限期整改糾正，從而鞏固項(xiàng)目成果，為后續(xù)工作的開展打下堅(jiān)實(shí)的基礎(chǔ)。評價(jià)不僅要有教師的，還要有學(xué)生的互評成績，如果是企業(yè)的真實(shí)項(xiàng)目，企業(yè)的評價(jià)比重應(yīng)占得更高更重。在做出評價(jià)時還應(yīng)考慮學(xué)生的學(xué)習(xí)態(tài)度、參與程度、合作能力等多方面進(jìn)行評價(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)推向市場，并應(yīng)用到相關(guān)領(lǐng)域，由買家和用戶反饋使用滿意度，并根據(jù)反饋意見及時做出修改。項(xiàng)目完成后應(yīng)總結(jié)經(jīng)驗(yàn)并進(jìn)行經(jīng)驗(yàn)交流，各小組可以取長補(bǔ)短，繼續(xù)完善作品。

五、總結(jié)

通過教學(xué)時間證明，這種改革方法能夠讓學(xué)生通過參與項(xiàng)目從而掌握整個學(xué)科體系。學(xué)生在網(wǎng)頁設(shè)計(jì)中做的網(wǎng)站開臺，通過JAVA和JSP的整合，可以實(shí)現(xiàn)與后臺數(shù)據(jù)庫的連接，從而能夠?qū)崿F(xiàn)網(wǎng)站前后臺功能的實(shí)現(xiàn)，項(xiàng)目教學(xué)法有利于學(xué)生明確學(xué)習(xí)目標(biāo)，發(fā)揮他們的主觀能動性，能夠調(diào)動學(xué)生學(xué)習(xí)的積極性，也能使學(xué)生各門課程知識的系統(tǒng)化組織，有助于他們自我學(xué)習(xí)能力的培養(yǎng)，提升動手能力和團(tuán)隊(duì)合作能力，提高了學(xué)生的創(chuàng)新意識。在今后的教學(xué)過程中，還應(yīng)不斷改進(jìn)教學(xué)方法和教學(xué)手段，及時總結(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ā)展，對網(wǎng)頁制作人才的需求越來越多，如何提高學(xué)生的網(wǎng)頁設(shè)計(jì)實(shí)踐操作技能和職業(yè)能力素質(zhì)來適應(yīng)社會需求，是中職學(xué)校急需解決的一個問題。筆者根據(jù)教學(xué)實(shí)踐，對本課程的教學(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ù)采取：課堂講解，課后實(shí)踐。然而對于基礎(chǔ)普遍較差的中職學(xué)生來說，單純的講解很難吸引他們的注意力。剛開始很多學(xué)生充滿好奇聽講，當(dāng)接受過多的理論灌輸后，興趣銳減，講課質(zhì)量會大大下降。另外，課后的實(shí)踐缺乏有效的監(jiān)督和引導(dǎo)，很容易在短暫的好奇之后失去興趣。所以，在教學(xué)過程中，需要我們結(jié)合學(xué)生的愛好與興趣，研究一種新的教學(xué)方案，探索一種更貼近學(xué)生特點(diǎn)的教學(xué)模式。針對中職學(xué)校《網(wǎng)頁設(shè)計(jì)》課程的教學(xué)，本文從以下幾方面去考慮：教學(xué)內(nèi)容、教學(xué)目標(biāo)、教學(xué)方法、教學(xué)實(shí)踐、教學(xué)評價(jià)。

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

在網(wǎng)頁設(shè)計(jì)教學(xué)過程中，首先，根據(jù)中職生的特點(diǎn)，研究清楚學(xué)生對本門課的認(rèn)知，他們對這門課的期望程度，想從這門課學(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ì)合作。在整個教學(xué)活動中，主要采取分組學(xué)習(xí)的形式。根據(jù)學(xué)生的特點(diǎn)，合理地組成學(xué)習(xí)團(tuán)隊(duì)，分組的依據(jù)為：學(xué)生的性別、學(xué)習(xí)成績、行為習(xí)慣、學(xué)習(xí)能力等，主要以互補(bǔ)的形式為主。每個團(tuán)隊(duì)5~6名學(xué)生，并在每組中設(shè)立小組長，全面負(fù)責(zé)小組的學(xué)習(xí)討論和學(xué)習(xí)項(xiàng)目的分工安排，同時強(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ǎo)向教學(xué)法以教學(xué)生“學(xué)會學(xué)習(xí)”為目標(biāo)，學(xué)生是學(xué)習(xí)過程的中心，從注重“教法”轉(zhuǎn)到注重“學(xué)法”，將學(xué)生的學(xué)習(xí)與學(xué)生發(fā)展密切結(jié)合起來。教師是整個教學(xué)過程的引導(dǎo)者與協(xié)調(diào)者，在教學(xué)活動中與學(xué)生互動，引導(dǎo)學(xué)生自主學(xué)習(xí)和獨(dú)立探索，讓學(xué)生在自己“動手”的實(shí)踐中習(xí)得專業(yè)知識和實(shí)踐技能，進(jìn)而形成自己的知識體系。

2.2默會知識

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

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

3.1知識技能的掌握

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

3.2綜合應(yīng)用

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

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

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

2)制訂計(jì)劃

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

3)組織實(shí)施

項(xiàng)目小組學(xué)生分工后,按照既定步驟和程序開展工作，小組成員協(xié)作完成項(xiàng)目。第一，收集素材。網(wǎng)頁初學(xué)者在搜集素材上的一個共同特點(diǎn)是，從網(wǎng)絡(luò)上大量收集素材后卻無從下手，不知如何應(yīng)用。搜集素材的關(guān)鍵在于精而不在于多。因此，要求學(xué)生在搜集素材前，小組內(nèi)首先討論清楚自己要做什么內(nèi)容、網(wǎng)站分為幾個模塊、各個模塊需要哪些素材，從而有針對性地整理自己的素材，切忌靈感泛濫，什么都想做。第二，繪制網(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)頁元素的隨意堆砌容易使整個網(wǎng)站版面條理不清。小組負(fù)責(zé)人需要將任務(wù)分解并分配到小組成員的身上，在獨(dú)立完成自己的任務(wù)的同時加強(qiáng)與成員之間的交流。第三，鼓勵學(xué)生在實(shí)踐操作中對話交流。默會知識很難流動，它只有在顯性化或被他人吸收、利用時才能發(fā)揮作用，只有在人際互動學(xué)習(xí)中才便于其生成與獲得。

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

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

5)評價(jià)總結(jié)

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

4結(jié)束語

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

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

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

摘要:

隨著我國互聯(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ì)整體效果、主題思路和瀏覽感受。為了滿足人們對網(wǎng)頁設(shè)計(jì)日益增長的審美要求，必須充分發(fā)揮出圖形圖像處理技巧的優(yōu)勢，設(shè)計(jì)出更加優(yōu)秀和美觀的網(wǎng)頁。本文對網(wǎng)頁設(shè)計(jì)中的圖形圖像處理的優(yōu)勢、構(gòu)圖方法和處理技巧應(yīng)用等方面進(jìn)行了簡要分析。切實(shí)希望有助于提升網(wǎng)頁設(shè)計(jì)中的圖形圖像處理的水平和質(zhì)量。

關(guān)鍵詞:

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

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

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

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

首先，在網(wǎng)頁設(shè)計(jì)過程中使用圖片首先可以給用戶帶來直觀的視覺沖擊，具有視覺優(yōu)勢，以圖片作為網(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è)計(jì)者可以忽略由于語言文字產(chǎn)生的信息障礙，增大瀏覽和觀看的受眾范圍，即使用戶不認(rèn)識文字或者來自不同語言文化的國家，都可以通過圖片內(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)圖方式比較簡潔明了，用戶能夠直觀、清晰地感受到網(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)頁在添加圖形圖像的時候會伴隨著噪聲，噪聲的產(chǎn)生是由圖形圖像的自身屬性所決定的。通過圖形圖像去噪處理，可以有效提高圖形圖像的分辨率，對圖片質(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ù)字圖像中，主要是針對圖像數(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ì)，突出中心主題圖像，對次要信息表達(dá)的圖片進(jìn)行弱化處理，從而設(shè)計(jì)出最佳效果的網(wǎng)站網(wǎng)頁。

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

在設(shè)計(jì)網(wǎng)頁的過程中要按照實(shí)際需求選取圖片格式，科學(xué)規(guī)范的圖片格式設(shè)置可以保證網(wǎng)頁設(shè)計(jì)的合理性和美觀性，通過對拍攝圖片、截取圖片和拼接圖片的處理，增強(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ì)師在選擇圖片顏色時考慮的重要因素。

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)格的圖形圖像，極大地增加了圖片的靈動性和美感。

3結(jié)論

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

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

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

摘要：

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

關(guān)鍵詞：

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

1引言

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

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

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

3色彩對比與調(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注重色彩的對比

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

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

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

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

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

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

網(wǎng)站進(jìn)行形象設(shè)計(jì)時，色彩作為首位的視覺因素需要進(jìn)行考慮和設(shè)計(jì)。為使訪問網(wǎng)站的用戶留下深刻的印象，色彩的處理具有重要的作用。即使用戶無法記住網(wǎng)頁的整體情況，也會因?yàn)轭伾淖饔脤€別內(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)。色彩不僅可以美化整個網(wǎng)頁，重要的是可以對重點(diǎn)的內(nèi)容進(jìn)行突出，對瀏覽者提供重要的幫助。借助色彩的力量也可以增強(qiáng)網(wǎng)頁的吸引力，當(dāng)下的科學(xué)技術(shù)不斷發(fā)展，類似的網(wǎng)站數(shù)量不斷增加，利用好色彩可以使得網(wǎng)頁脫穎而出，促進(jìn)網(wǎng)站的長遠(yuǎn)持久發(fā)展。一個優(yōu)秀的色彩的設(shè)計(jì)者，賦予一個網(wǎng)頁強(qiáng)有力的生命力，不僅反映在視覺上，還能夠使得網(wǎng)頁的色彩、使得網(wǎng)站擁有象征意義，以及重要的獨(dú)特心理影響的作用。在網(wǎng)頁設(shè)計(jì)中體現(xiàn)更多的藝術(shù)性，是保證網(wǎng)頁在發(fā)展中具備一定競爭力的重要要求。網(wǎng)頁的發(fā)展是科技信息時代下發(fā)展的蛀牙潮流，進(jìn)行質(zhì)量的提高具有視覺的意義，色彩的對比和調(diào)和的作用不可忽視。

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

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

摘要：

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

關(guān)鍵詞：

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

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

所謂的網(wǎng)頁就是在瀏覽器上看到的一幅幅畫面，又稱web頁，實(shí)際上它是一個文件，存放在和internet相連的某個服務(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部件，配置部件屬性，指定路徑到對應(yīng)的html文件。頁面保存并，這樣一個網(wǎng)頁就搭建好了。

3.常用部件簡單說明

(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的對應(yīng)文件或文件夾中，如Styles中的page.css，Images文件夾等。進(jìn)入頁面編輯狀態(tài)，在指定Web部件區(qū)域添加。如下圖：如果引用其他站點(diǎn)中的靜態(tài)文件，點(diǎn)擊文本框右側(cè)的藍(lán)色區(qū)域，彈出文本編輯器，在其中添加引用靜態(tài)文件的絕對或相對地址。保存部件配置，保存頁面，即可看到靜態(tài)內(nèi)容替換效果。(2)新聞列表Web部件。新聞列表Web部件實(shí)現(xiàn)動態(tài)讀取指定新聞頻道內(nèi)的新聞并以列表形式在頁面中展示。添加新聞列表WEB部件方法同內(nèi)容編輯器WEB部件。點(diǎn)開“新聞列表”右側(cè)下拉箭頭，選擇編輯web部件。新聞列表Web部件包括內(nèi)容設(shè)置、顯示設(shè)置、篩選和排序、圖片新聞顯示設(shè)置等7類屬性。設(shè)置好相應(yīng)的屬性，就可以顯示對應(yīng)的新聞欄目了。(3)IP過濾Web部件。我們可以采用兩種方式控制用戶對網(wǎng)站中某項(xiàng)內(nèi)容的訪問：權(quán)限管理或訪問IP限制。權(quán)限管理的控制最為準(zhǔn)確，因?yàn)榫W(wǎng)站使用用戶的賬號來辨別其是否有權(quán)限打開受限內(nèi)容。但在面對“我希望本單位所有的員工都有權(quán)訪問這個頁面”這樣的需求描述時，用給帳號授權(quán)的方式去控制訪問就變得有些困難，所以我們把它改造為“我希望在本單位內(nèi)可以上網(wǎng)的電腦都有權(quán)訪問這個頁面”，這個時候用IP地址進(jìn)行辨別就派上了用場。IP過濾Web部件通過對客戶端的IP地址進(jìn)行辨別，判斷用戶是否打開這個頁面，更加適用于一種面向“結(jié)構(gòu)”的訪問約束。所謂面向的“結(jié)構(gòu)”，如一個部門、一個單位、眾多組織，或如上面所提到的，一個邊界十分清晰的空間。我們所要準(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段之間用分號隔開，最后一個IP段后不再使用分號。這樣就設(shè)定了兩個IP段可以訪問，其它地址的電腦無法訪問網(wǎng)頁。

4.結(jié)束語

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

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

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

摘要：

“項(xiàng)目教學(xué)法”是以項(xiàng)目小組的形式來共同實(shí)施一個完整的項(xiàng)目而進(jìn)行教學(xué)活動，它作為行為導(dǎo)向教學(xué)法中的一種，學(xué)生在老師的指導(dǎo)下尋找實(shí)施項(xiàng)目的途徑和結(jié)論，最后通過展示和自我評價(jià)得分來提升學(xué)生的綜合素質(zhì)。在整個過程中，教師起到重要的作用，他不再是教學(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é)法是對傳統(tǒng)教學(xué)方法的改革，它以實(shí)踐的項(xiàng)目為導(dǎo)向，從教學(xué)這一職業(yè)的本質(zhì)需求出發(fā)，選取典型的一個項(xiàng)目來進(jìn)行教學(xué)，通過學(xué)生和老師的參與，將這個項(xiàng)目完成，到達(dá)教學(xué)的效果。在項(xiàng)目教學(xué)過程中，學(xué)生能夠積極主動地參與到學(xué)習(xí)的過程中，梳理和應(yīng)用知識，強(qiáng)化了對知識點(diǎn)的整體記憶。項(xiàng)目教學(xué)法體現(xiàn)了注重學(xué)生的自主性、有計(jì)劃的行動、解決問題的過程的全新教學(xué)理念。在課堂教學(xué)過程中把書本中的理論應(yīng)用到實(shí)踐中，充分激發(fā)學(xué)生的學(xué)習(xí)興趣，提高學(xué)生解決實(shí)際問題和團(tuán)隊(duì)合作的綜合能力。對于中職教師而言，項(xiàng)目教學(xué)法在教學(xué)過程中既發(fā)揮了教師的主導(dǎo)作用，同時也展示了現(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)容需要，同時結(jié)合學(xué)校學(xué)生的實(shí)際水平，選取適當(dāng)?shù)默F(xiàn)實(shí)的項(xiàng)目，這個項(xiàng)目應(yīng)包括本課程的基本的知識點(diǎn)內(nèi)容，能夠起到學(xué)生解決問題、牢記知識點(diǎn)的作用，同時教師和學(xué)生共同參與到項(xiàng)目的實(shí)施過程中，幫助學(xué)生完成難度適合的項(xiàng)目。另一方面，項(xiàng)目的實(shí)施過程要分組完成，讓學(xué)生有更多的機(jī)會接觸到項(xiàng)目的各個部分，充分把自己所學(xué)的知識應(yīng)用到項(xiàng)目中，為學(xué)生提供多種學(xué)習(xí)資源。同時，要積極促成學(xué)生小組之間的討論交流，讓他們在相互交流之中查漏補(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é)過程中，需要兩個大步驟：一是教師根據(jù)教學(xué)計(jì)劃制定項(xiàng)目，明確本節(jié)課的教學(xué)內(nèi)容、目的和相關(guān)知識，同時關(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)，同時將學(xué)生進(jìn)行分組，如設(shè)計(jì)制作信用卡網(wǎng)站。教學(xué)的目標(biāo)是讓學(xué)生通過使用Photoshop、Dreamweaver等工具制作符合企業(yè)要求的實(shí)用型網(wǎng)站。通過實(shí)踐項(xiàng)目，使學(xué)生熟練掌握網(wǎng)站制作、測試、的整體流程，同時使學(xué)生能夠掌握多個網(wǎng)頁的布局設(shè)計(jì)方法，加強(qiáng)對CSS+DIV的綜合應(yīng)用能力。

3.2點(diǎn)評學(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)目內(nèi)容和信息，在學(xué)生制訂設(shè)計(jì)實(shí)施計(jì)劃后點(diǎn)評各小組的項(xiàng)目計(jì)劃書，讓小組之間進(jìn)行交流，不斷完善項(xiàng)目和活動計(jì)劃表。

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

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

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

針對信用卡網(wǎng)站定位和功能，需要對網(wǎng)站布局進(jìn)行整體分析和設(shè)計(jì)。企業(yè)網(wǎng)站頁面一般需要展現(xiàn)企業(yè)的LOGO和BANNER動畫等標(biāo)志信息。網(wǎng)站導(dǎo)航必不可少，可以幫助瀏覽者準(zhǔn)確檢索信息。網(wǎng)站導(dǎo)航可以利用動畫或交互方式實(shí)現(xiàn)。主體功能區(qū)部分，展示網(wǎng)頁的主要信息和瀏覽者需要獲取的信息。按照用戶的瀏覽順序，遵循從左至右、從上倒下的規(guī)則設(shè)計(jì)主體部分頁面。版權(quán)和法律聲明區(qū)一般選擇放在網(wǎng)頁的底部，以達(dá)到形式和標(biāo)志信息區(qū)呼應(yīng)的效果，同時使版式完整規(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)生超鏈接效果。同時用CSS控制超鏈接和背景圖片，制作鼠標(biāo)移上鏈接元素背景圖片改變的效果，制作鼠標(biāo)移上鏈接文字改變顏色的效果。對于文字效果，通過列表展現(xiàn)信息內(nèi)容的多文字排版，達(dá)到整齊美觀的布局效果。同時利用CSS控制圖片和文字，取得網(wǎng)站圖文混排的效果。對于特效效果，利用CSS實(shí)現(xiàn)整齊的邊框效果。利用CSS、JS等創(chuàng)建下拉菜單，在有效利用網(wǎng)頁空間的同時，提升頁面的動感效果。

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

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

3.4評價(jià)階段

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

4結(jié)語

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

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

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

摘要：

該文介紹了《網(wǎng)頁設(shè)計(jì)與制作》項(xiàng)目化教學(xué)思路和方法，從設(shè)計(jì)理念與思路、對計(jì)應(yīng)相關(guān)專業(yè)建設(shè)與發(fā)展的定位與作用、課程內(nèi)容的針對性與適用性、教學(xué)內(nèi)容的組織與安排、教學(xué)模式的設(shè)計(jì)與創(chuàng)新、實(shí)踐教學(xué)條件的建設(shè)與使用等6個方面進(jìn)行了設(shè)計(jì)與分析，為學(xué)生較好地掌握知識及快速適應(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í)動態(tài)網(wǎng)站設(shè)計(jì)等課程的基礎(chǔ)。學(xué)完本課程，要求學(xué)生能達(dá)到掌握網(wǎng)頁美工初步技能；熟練掌握HTML+CSS進(jìn)行頁面布局與排版的技能；基本掌握使用網(wǎng)頁腳本控制頁面操作和提升用戶體驗(yàn)的能力。按照高職高專知識傳授特點(diǎn)與職業(yè)技能需求，同時根據(jù)網(wǎng)頁設(shè)計(jì)與制作課程知識的掌握規(guī)律，目前我校采用了項(xiàng)目化教學(xué)方法，為學(xué)生較好地掌握知識及快速適應(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ì)思路，按照簡單到復(fù)雜、單一到綜合、低級到高級的原則進(jìn)行。

1.1設(shè)計(jì)理念：學(xué)習(xí)的內(nèi)容是工作，通過工作實(shí)現(xiàn)學(xué)習(xí)。這一理念體現(xiàn)了該課程的職業(yè)性和實(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è)專家一起，對網(wǎng)頁設(shè)計(jì)各個方面涵蓋的崗位進(jìn)行職業(yè)技能與職業(yè)素質(zhì)分析，整合出一個基于工作實(shí)踐的“網(wǎng)頁設(shè)計(jì)與制作”項(xiàng)目（比工作實(shí)踐更完備體現(xiàn)課程的各個知識點(diǎn)）。同時分解實(shí)際工作中網(wǎng)頁設(shè)計(jì)的工作流程和崗位，確立多個子項(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ù)幾個不同類型的網(wǎng)站案例整體設(shè)計(jì)入手，將網(wǎng)頁設(shè)計(jì)所有環(huán)節(jié)和操作步驟詳細(xì)介紹給學(xué)生，讓學(xué)生從與“用戶”溝通開始參與到整個系統(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課時教學(xué)+30課時整周實(shí)訓(xùn)學(xué)習(xí)，最終將各個子項(xiàng)目整合，完成網(wǎng)站整體設(shè)計(jì)工作。在子模塊學(xué)習(xí)任務(wù)設(shè)定中，每個子任務(wù)設(shè)計(jì)是按實(shí)際工作中網(wǎng)頁設(shè)計(jì)的技能要求提煉出來的，能滿足不同崗位的需求。項(xiàng)目完成時，我們還設(shè)計(jì)了學(xué)員相互評價(jià)體系，對設(shè)計(jì)成果進(jìn)行評估，讓學(xué)生在自我學(xué)習(xí)過程中及時總結(jié)并收獲進(jìn)步。

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

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

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

（1）該課程是依據(jù)“計(jì)算機(jī)應(yīng)用專業(yè)職業(yè)崗位與職業(yè)能力分析表”中網(wǎng)頁設(shè)計(jì)師職業(yè)崗位設(shè)置的。總體設(shè)計(jì)思路是：著重培養(yǎng)學(xué)生網(wǎng)頁制作能力，具備HTML、CSS、JavaScript等知識，以網(wǎng)站設(shè)計(jì)工作任務(wù)為中心選擇和組織課程內(nèi)容，讓學(xué)生在完成網(wǎng)站設(shè)計(jì)具體項(xiàng)目的過程中完成相應(yīng)工作任務(wù)。課程構(gòu)成主要突出職業(yè)能力要求。（2）課程總學(xué)時為90學(xué)時教學(xué)+30學(xué)時整周實(shí)訓(xùn)，內(nèi)容包括Web服務(wù)器配置、網(wǎng)頁視覺效果設(shè)計(jì)、用戶體驗(yàn)設(shè)計(jì)、網(wǎng)頁兼容性設(shè)計(jì)等。（3）知識目標(biāo)和能力目標(biāo)。知識目標(biāo)應(yīng)掌握HTML、CSS、JavaScript、HTML5、CSS3等知識，該課程學(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ù)意識：為他人提供優(yōu)質(zhì)的服務(wù)。②文明法制意識：網(wǎng)站內(nèi)容積極健康向上，不做違法的事。③合作精神：能夠與他人合作，具有協(xié)調(diào)能力和組織管理能力。④較強(qiáng)的自我知識及技術(shù)更新能力：能快速跟蹤網(wǎng)頁制作的新技術(shù)及市場應(yī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個教學(xué)模塊，其中HTML和CSS為學(xué)習(xí)和實(shí)踐的重點(diǎn)，通過幾個案例的制作過程展開知識講授。具體教學(xué)內(nèi)容及課時安排見表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)，講解涉及的理論知識。（4）學(xué)生根據(jù)需要在課程網(wǎng)站上獲得豐富的教學(xué)資源。（5）學(xué)生完成工作任務(wù)，體驗(yàn)工作效果。（6）師生及企業(yè)專家共同評價(jià)工作成果。

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

課程在網(wǎng)站設(shè)計(jì)一體化教室完成，其間配合到企業(yè)現(xiàn)場教學(xué)實(shí)習(xí)環(huán)節(jié),實(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ù)教育中只有與時俱進(jìn)，本著培養(yǎng)實(shí)用型人才、服務(wù)于社會經(jīng)濟(jì)發(fā)展的宗旨，才能真正讓學(xué)生對課程知識學(xué)得快、學(xué)得好、用得著。

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

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

摘要：

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

關(guān)鍵詞：

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

一直以來，網(wǎng)站建設(shè)中都將安全性作為首要考慮對象，尤其在當(dāng)前互聯(lián)網(wǎng)經(jīng)濟(jì)環(huán)境下，各類網(wǎng)站的運(yùn)營均以會員制度展開，尤其是電子商務(wù)網(wǎng)站，除了用戶的個人隱私之外，還包括重要的金融信息，很容易被不法分子所覬覦。針對網(wǎng)站的非法行為主要是利用技術(shù)手段找到破綻，從而達(dá)到非法獲利的目的，因此對廣大網(wǎng)站運(yùn)營主體而言，在網(wǎng)站建設(shè)前、中、后期都要做好全面的安全防護(hù)工作；相對而言，網(wǎng)頁設(shè)計(jì)中存在的安全缺陷較多，如權(quán)限級別過高、數(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)和動態(tài)兩種。靜態(tài)網(wǎng)頁是網(wǎng)站技術(shù)早期的一種形式，通過瀏覽器可以訪問預(yù)先設(shè)計(jì)好的網(wǎng)頁格式，但靜態(tài)網(wǎng)頁中的所有元素都是固定的，如圖片、文字、視頻等，修改工作也基于人工操作完成，信息不會因?yàn)橛脩舻牟僮鞫l(fā)生變化，嚴(yán)格意義上說，靜態(tài)網(wǎng)頁除了IP之外不存在其他“入口”。然而，靜態(tài)網(wǎng)頁顯然不符合網(wǎng)站建設(shè)的發(fā)展趨勢，隨著用于規(guī)模擴(kuò)大、信息容量增加，網(wǎng)站逐漸采取了動態(tài)技術(shù)，如PHP、ASP、C++等，其優(yōu)勢在于網(wǎng)頁內(nèi)容可根據(jù)用戶操作發(fā)生相應(yīng)的變化，反饋用戶所需要的信息，換而言之，基于服務(wù)器中斷的網(wǎng)頁設(shè)計(jì)中包含了大量腳本語言，利用程式化優(yōu)勢來提高網(wǎng)站資源的統(tǒng)籌和管理效率，而“網(wǎng)頁”變成一種臨時性的調(diào)用元素“集合”，當(dāng)用戶需要某一網(wǎng)頁形式時，腳本語言直接從數(shù)據(jù)庫中調(diào)取相應(yīng)的元素，如用戶登錄網(wǎng)頁和注冊網(wǎng)頁中存在的“驗(yàn)證碼”部分，事實(shí)上屬于同一種驗(yàn)證機(jī)制。理論上說，任何一種系統(tǒng)都存在漏洞，以技術(shù)實(shí)現(xiàn)的網(wǎng)站系統(tǒng)更是如此，在動態(tài)網(wǎng)頁驅(qū)使下產(chǎn)生的安全缺陷更多，具有高超計(jì)算機(jī)程度能力的黑客只需要簡單的步驟就可以找到“突破口”。

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

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

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

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

2.2地址安全缺陷

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

2.3防護(hù)安全缺陷

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

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

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

《網(wǎng)頁設(shè)計(jì)》課程相對其他學(xué)科來說，是一門趣味性較高的課程，如何吸引學(xué)生的興趣，激發(fā)他們學(xué)習(xí)的熱情，是廣大教師應(yīng)該深入思考的問題。而且網(wǎng)頁設(shè)計(jì)課程最大特點(diǎn)是易學(xué)易忘，學(xué)生如果僅僅在課堂上學(xué)習(xí)，課后的自學(xué)意識和復(fù)習(xí)意識差，那么他的學(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é)生的動手意識和計(jì)算機(jī)操作能力，使學(xué)生能夠運(yùn)用所學(xué)知識進(jìn)行網(wǎng)頁管理和設(shè)計(jì)。

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

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

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

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

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

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

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

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

五、結(jié)語

隨著信息技術(shù)的發(fā)展，教學(xué)模式要更加多樣化才能滿足學(xué)生的學(xué)習(xí)需求。網(wǎng)頁設(shè)計(jì)是一門實(shí)用性和綜合性很強(qiáng)的課程，如何通過此課程，提高學(xué)生的動手操作能力和綜合實(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)在的人們會花費(fèi)更多的時間瀏覽網(wǎng)頁、網(wǎng)站。然而網(wǎng)頁上每一部分的大小，每一部分的長寬比，都是怎樣的數(shù)值才能讓用戶獲得更好的體驗(yàn)跟更精準(zhǔn)的點(diǎn)擊呢？有沒有一種科學(xué)的依據(jù)呢？費(fèi)茨法則就是一種科學(xué)的界定大小、長寬比的非常科學(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è)備的啟停時間（截距），b代表設(shè)備的固有的固有速度（斜率）。費(fèi)茨法則主要是為人機(jī)交互提供了一個度量的法則，每個目標(biāo)的大小，距離屏幕的距離都提供了一個科學(xué)的依據(jù)。其實(shí)費(fèi)茨法則已經(jīng)運(yùn)用在電腦操作的各方各面上，不僅僅是網(wǎng)頁設(shè)計(jì)。一打開電腦，桌面上的圖標(biāo)的默認(rèn)大小就是經(jīng)過費(fèi)茨法則設(shè)計(jì)過的，才能使用戶在使用的時候既能快速又能準(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)，而剎車的大小較大可以使用戶想要踩剎車時比較快速的踩到剎車，防止一些事故的發(fā)生。然而在游戲廳的賽車游戲中，剎車和油門的大小與正常車的大小成反比，也就是油門比較大，剎車比較小。這是因?yàn)樵谫愜囉螒蛑校僮髡吒有枰焖俨鹊接烷T的時間比較多，需要踩剎車的時間比較小。而且操作者會希望比較快速的完成游戲，踩油門的幾率十分高。在電腦操作系統(tǒng)上費(fèi)茨法則的運(yùn)用頻率也是十分高的，例如windows系統(tǒng)和macintosh系統(tǒng)。非常大的一個差別就是macintosh系統(tǒng)的工具欄是始終在屏幕最頂端，而windows系統(tǒng)的工具欄是在標(biāo)題欄的下方。事實(shí)表明，工具欄固定放在屏幕最頂端比放在工具欄下方更容易點(diǎn)擊。當(dāng)鼠標(biāo)想要點(diǎn)擊工具欄時，使用macintosh系統(tǒng)可以鼠標(biāo)直接向上移，不用擔(dān)心會因?yàn)橐苿拥木嚯x過于大而無法快速的點(diǎn)擊目標(biāo)，而使用windows系統(tǒng)時就需要斟酌一下鼠標(biāo)移動的距離，不然就會因?yàn)橐苿拥木嚯x過大而錯過目標(biāo)。

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

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

四、結(jié)束語

本文主要就費(fèi)茨法則的應(yīng)用進(jìn)行了討論。經(jīng)過本文的討論可以發(fā)現(xiàn)，費(fèi)茨法則是與我們生活息息相關(guān)的一條法則。不止是在小小的電腦屏幕上，只要是人類與機(jī)器的交互上就會或多或少的使用到費(fèi)茨法則。只是某些時候費(fèi)茨法則不應(yīng)當(dāng)是一個約束，只是將其當(dāng)做一個可以合理解釋為何這樣設(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)今社會上一種比較熱門的技術(shù)，也是“計(jì)算機(jī)應(yīng)用技術(shù)、網(wǎng)絡(luò)技術(shù)、電腦藝術(shù)技術(shù)”等專業(yè)學(xué)生的必修課，同時，也是相關(guān)專業(yè)學(xué)生的選修課。在實(shí)際的計(jì)算機(jī)網(wǎng)絡(luò)設(shè)計(jì)教學(xué)中，由于教師專業(yè)經(jīng)驗(yàn)不足、課時及實(shí)踐設(shè)置不合理等原因，使教學(xué)的效果大打折扣。為了保證教學(xué)過程取得成功，提高教學(xué)質(zhì)量，本文簡要分析現(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ā)展，我國逐步進(jìn)入信息化時代，各行業(yè)領(lǐng)域?qū)τ趯I(yè)計(jì)算機(jī)知識人才的需求都有了明顯的增加。為了滿足社會的需求，我國一部分職業(yè)技術(shù)學(xué)校與高等學(xué)校紛紛開設(shè)計(jì)算機(jī)運(yùn)用與維修、計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)等課程，這些課程的開設(shè)為我國培養(yǎng)了大量的IT人才。近些年，雖然計(jì)算機(jī)教學(xué)取得了不俗成績，但是我們也要正視教學(xué)中存在的一些不足。

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

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

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

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

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

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

隨著90年代末高校的擴(kuò)招，高等教育事業(yè)得到了迅猛的發(fā)展，高校的擴(kuò)招對中專教育造成了強(qiáng)大的沖擊，很多人選擇了去高校就讀，導(dǎo)致中專院校招生越來越困難，學(xué)生數(shù)量以及整體質(zhì)量均有所降低。大多數(shù)中職生基礎(chǔ)比較薄弱，而且自覺性比較差，上課時不主動積極，導(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é)方法單一，枯燥乏味，沉悶的課堂氣氛會大大降低學(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)下，將一個相對獨(dú)立的項(xiàng)目交由學(xué)生自己處理，信息的收集、方案的設(shè)計(jì)、項(xiàng)目實(shí)施及最終評價(jià)，都由學(xué)生自己負(fù)責(zé)，學(xué)生通過該項(xiàng)目的進(jìn)行，了解并把握整個過程及每一個環(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é)方法時要對學(xué)生的學(xué)習(xí)能力、基礎(chǔ)知識的儲備進(jìn)行全面的考慮，不能一刀切。第二，案例教學(xué)法。案例教學(xué)法是教師根據(jù)教材內(nèi)容，選擇具有啟發(fā)性的、緊扣教材內(nèi)容的典型案例，通過具體的情境提高學(xué)生理解、掌握知識、感悟等綜合素質(zhì)的一種教學(xué)方法。傳統(tǒng)的教學(xué)方法是老師講、學(xué)員聽，聽沒聽、聽懂多少。要到最后的測試時才知道，而且學(xué)到的都是死知識。在案例教學(xué)中，學(xué)生拿到案例后，先要進(jìn)行消化，然后查閱各種他認(rèn)為必要的理論知識。這無形中加深了對知識的理解，而且是主動進(jìn)行的[2]。捕捉這些理論知識后，他還要經(jīng)過縝密地思考，提出解決問題的方案。第三，頭腦風(fēng)暴法。通常所說的“頭腦風(fēng)暴法”，是指將不同專業(yè)與背景的人集中到一起，讓他們互提設(shè)想，互相撞擊，求得新創(chuàng)造、新構(gòu)思的方法。它是一種名符其實(shí)的集思廣益法，它能使每個參與者在決策的過程中，思考相互沖擊，迸發(fā)出火花，作出創(chuàng)造性的問題解決方案。在教學(xué)中實(shí)施頭腦風(fēng)暴法有助于培養(yǎng)學(xué)生的創(chuàng)造思維，讓每個學(xué)生的腦子動起來，極大地提高課堂教學(xué)效果。

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

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

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

當(dāng)今社會，知識更新越來越快，特別是在計(jì)算機(jī)領(lǐng)域方面。我們的教師也要不斷學(xué)習(xí)，強(qiáng)化自己的專業(yè)能力。此外，可以有計(jì)劃的安排專業(yè)教師到企業(yè)實(shí)踐，這樣才能讓教師了解計(jì)算機(jī)網(wǎng)絡(luò)發(fā)展的最新動向，加強(qiáng)教師的實(shí)際應(yī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)社會發(fā)展的需求，在眾多競爭者中脫穎而出。

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