時間：2022-04-03 09:52:16
序論：在您撰寫網(wǎng)頁設(shè)計論文時，參考他人的優(yōu)秀作品可以開闊視野，小編為您整理的1篇范文，希望這些建議能夠激發(fā)您的創(chuàng)作熱情，引導您走向新的創(chuàng)作高度。
摘要：隨著“互聯(lián)網(wǎng)+”國家戰(zhàn)略的大力推進，社會對網(wǎng)頁設(shè)計專業(yè)人才的培養(yǎng)提出了新的要求。該文根據(jù)平面設(shè)計專業(yè)網(wǎng)頁設(shè)計課程的特點，分析該課程教學存在的問題，并針對問題從教學內(nèi)容、教學方法兩個層面闡述具體改革措施，旨在提高平面設(shè)計專業(yè)網(wǎng)頁設(shè)計人才的社會實踐對接能力。
關(guān)鍵詞：平面設(shè)計;網(wǎng)頁設(shè)計;課程教學;改革
隨著“互聯(lián)網(wǎng)+”國家策略的大力推進，我國社會發(fā)展急需大量優(yōu)秀的互聯(lián)網(wǎng)人才，而網(wǎng)頁設(shè)計人才是互聯(lián)網(wǎng)人才的重要組成部分。為了配合國家戰(zhàn)略實施，目前國內(nèi)各大高校紛紛把網(wǎng)頁設(shè)計設(shè)置為平面設(shè)計專業(yè)高年級學生的必修課程。然而，隨著近年來平面設(shè)計高等教育的不斷擴招，以往的課程體系和教學方法已無法滿足當代和未來社會對網(wǎng)頁設(shè)計人才的要求，而忽視市場需求的人才培養(yǎng)模式也會使人才培養(yǎng)與市場需求間的距離越來越大。所以，對平面設(shè)計專業(yè)網(wǎng)頁設(shè)計課程教學的探討十分重要。
一、教學現(xiàn)狀分析
平面設(shè)計教育在我國起步雖晚，但發(fā)展迅速，其人才培養(yǎng)方法備受各方關(guān)注。網(wǎng)頁設(shè)計是一種新興的數(shù)字藝術(shù)，它的創(chuàng)意取決于企業(yè)的文化屬性和互聯(lián)網(wǎng)的特色，它是一種附屬于互聯(lián)網(wǎng)、融合藝術(shù)與技術(shù)的新型設(shè)計形式，它的界面設(shè)計從平面設(shè)計入手，內(nèi)涵卻遠遠超出了平面設(shè)計概念，既要注重界面中的平面構(gòu)成元素，又要考慮用戶體驗，還要注重各頁面鏈接的空間關(guān)系和視覺協(xié)調(diào)性，從而成為具有互聯(lián)網(wǎng)特征、綜合性的平面設(shè)計。目前，國內(nèi)各大本科院校多依據(jù)所屬專業(yè)確定網(wǎng)頁設(shè)計課程的教學側(cè)重點。計算機類的側(cè)重代碼編程，注重培養(yǎng)網(wǎng)站后臺人才；藝術(shù)類的側(cè)重界面規(guī)劃和美化，致力于培養(yǎng)網(wǎng)站前臺、網(wǎng)頁美工。但各專業(yè)在網(wǎng)頁設(shè)計課程教學上主要存在以下兩種現(xiàn)象：一是“輕維護、重美觀”，培養(yǎng)出的學生多注重靜態(tài)頁面的藝術(shù)性，不在乎是否有利于后臺維護；另一種是“輕線下、重線上”，部分學生往往只在意屏幕的視覺效果，對線下互聯(lián)網(wǎng)用戶的需求了解不夠。這導致他們設(shè)計的網(wǎng)頁界面看起來很漂亮，鏈接也很流暢，但實用性不強，更不利于線下產(chǎn)品的開發(fā)。因此，對平面設(shè)計專業(yè)網(wǎng)頁設(shè)計課程教學進行改革勢在必行。
二、教學內(nèi)容的調(diào)整
對于平面設(shè)計專業(yè)網(wǎng)頁設(shè)計課程教學中出現(xiàn)的問題，首先要從教學內(nèi)容上進行調(diào)整。新的教學內(nèi)容調(diào)整為藝術(shù)理論課程和軟件實踐課程兩大模塊。
1.藝術(shù)理論課程模塊
藝術(shù)理論課程模塊的知識點分為三部分：網(wǎng)頁設(shè)計的功能元素、網(wǎng)頁交互設(shè)計、網(wǎng)站品牌形象的美學塑造。網(wǎng)頁設(shè)計的功能元素是網(wǎng)頁界面設(shè)計的基礎(chǔ)元件，了解功能元素的特點、作用及各元素之間的相互關(guān)系，對網(wǎng)頁設(shè)計工作起著至關(guān)重要的作用。網(wǎng)頁設(shè)計的功能元素有背景與底紋、按鈕與控件、頁眉與頁腳、導航器和目錄、功能板塊和廣告位等，這些功能元素依靠文字、圖片、色彩、多媒體和超級鏈接實現(xiàn)。這些功能元素的形式語言設(shè)計遵循傳統(tǒng)平面設(shè)計的設(shè)計原則，又和傳統(tǒng)平面設(shè)計有很大不同。如，傳統(tǒng)平面設(shè)計多以印刷為最終呈現(xiàn)方式，作品尺寸是固定數(shù)值，而網(wǎng)頁設(shè)計是以用戶的顯示器為最終呈現(xiàn)載體，所以作品的寬度不宜超過顯示器寬度，高度可以任意，但只能顯示一屏的高度，隨著瀏覽者拖動滾動條，作品的顯示高度隨之變化。用于傳統(tǒng)平面設(shè)計中的色彩在輸出過程中是以印刷色CMYK形式出現(xiàn)的，而網(wǎng)頁設(shè)計中的顏色是RGB模式，是標準的光色。因此，教師在此部分教學中不但要傳授網(wǎng)頁設(shè)計各功能元素的作用與特點，還應該指出它們與傳統(tǒng)平面設(shè)計中相對應元素的異同，讓學生在區(qū)別中學習。交互設(shè)計是網(wǎng)頁設(shè)計最為重要的功能設(shè)計。交互設(shè)計源于工業(yè)設(shè)計的概念，原來的平面設(shè)計專業(yè)教學中沒有交互設(shè)計的內(nèi)容，為了更好地讓教學內(nèi)容與市場接軌，在調(diào)整后的教學內(nèi)容中新增了這一知識點。此部分教學內(nèi)容包括用戶體驗研究、層級結(jié)構(gòu)設(shè)計、流程設(shè)計等，通過模擬用戶上網(wǎng)實際操作進行分析，找出用戶的關(guān)注點，確定網(wǎng)站特色和欄目，將站點ID、欄目、實用工具、搜索引擎等交互設(shè)計元素和平面設(shè)計知識結(jié)合，將功能設(shè)計教學落到實處。品牌化建設(shè)是企業(yè)視覺形象設(shè)計的延續(xù)和拓展。和大多數(shù)線下公司一樣，優(yōu)秀的網(wǎng)站也需要塑造品牌形象。從企業(yè)文化和性質(zhì)入手，樹立準確而獨特的網(wǎng)站品牌形象，有利于企業(yè)在互聯(lián)網(wǎng)上從同類公司中凸顯出來，提高上網(wǎng)者對該企業(yè)網(wǎng)站的瀏覽興趣，增強上網(wǎng)者的瀏覽記憶，促進該企業(yè)的宣傳推廣。在藝術(shù)理論課程模塊教學內(nèi)容中應滲透品牌形象概念，將此概念應用到網(wǎng)頁設(shè)計的各個環(huán)節(jié)之中，無論是網(wǎng)頁LOGO、網(wǎng)頁色彩還是版式和導航等設(shè)計，都應該保持品牌形象的一致性。
2.軟件實踐課程模塊
軟件實踐課程模塊包含兩部分：“新網(wǎng)頁三劍客”和常用簡單代碼識別。Fireworks、Dreamweaver、Flash是傳統(tǒng)意義上的“網(wǎng)頁三劍客”，過去網(wǎng)頁設(shè)計的教學基本是對它們的學習。這雖然具有普遍性，但對不同專業(yè)學習的針對性不強。結(jié)合平面設(shè)計專業(yè)學生現(xiàn)有軟件掌握情況（Photoshop是平面設(shè)計專業(yè)學生必修基礎(chǔ)軟件，多數(shù)學生已掌握它的基本操作技巧），把此部分內(nèi)容調(diào)整為“新網(wǎng)頁三劍客（Photoshop+Dreamweaver+Flash）”的學習。簡單地說，就是根據(jù)界面規(guī)劃草圖，用Photoshop制作出精美的靜態(tài)界面效果圖，并在此基礎(chǔ)上再次利用Photoshop軟件進行切片、優(yōu)化和輸出Html文檔，用Dreamweaver進行版式美化處理和超級鏈接設(shè)計，最后用Flash做特效替換，最終做出具備跳轉(zhuǎn)鏈接功能的動態(tài)網(wǎng)頁設(shè)計效果圖。平面設(shè)計專業(yè)最終制作的網(wǎng)頁設(shè)計作品需要軟件工程師根據(jù)動態(tài)效果圖代碼編程上傳，這樣才能更好地在互聯(lián)網(wǎng)上呈現(xiàn)。為了更好地與后臺工程師溝通，把動態(tài)效果圖設(shè)計得更準確，網(wǎng)頁美工師需要了解一些常規(guī)編程代碼知識，但平面設(shè)計專業(yè)學生多是文科生，數(shù)學和英語的掌握水平普遍不高。對此，在代碼教學內(nèi)容上應選取一些常用的、簡單的代碼語言，并結(jié)合Dreamweaver的Html標簽和CSS規(guī)則的使用方法，利用框架，對現(xiàn)有模板進行優(yōu)化和美化，提高網(wǎng)頁設(shè)計動態(tài)效果圖的實用性。
三、以項目教學方法為載體，提高學生的實戰(zhàn)能力
為了提高學生的實戰(zhàn)能力，將社會項目、經(jīng)典案例引入課堂教學，并分層次逐級深入。
1.第一級：精選案例、分解任務(wù)階段
教師應該根據(jù)學生的特點和網(wǎng)頁設(shè)計所需掌握的相關(guān)知識點，精選典型實際案例，引入教學環(huán)節(jié)。分解項目到每一個知識點，邊教邊練，將實踐和理論有機結(jié)合，并逐一講解。教師選擇的案例要具有吸引力、綜合性，能涵蓋知識點，案例不需要多，兩三個即可。教師在講授案例時應強調(diào)學生的主體地位，對學生進行引導和解惑，遵循由淺入深、由易到難的原則，以具體分解任務(wù)作為驅(qū)動，進行教、學、練的課堂活動。此階段應激發(fā)學生自主學習的興趣，培養(yǎng)他們獨立自主分析、解決問題的能力和實踐能力。
2.第二級：項目分工合作階段
此階段將學生分成若干設(shè)計小組，幾個小組共同承擔一個項目，每組在項目中的任務(wù)各不相同，各小組分工協(xié)作，大家共同制訂項目計劃和實施方案，推舉大組長為項目總負責人，負責最終方案的定稿和項目材料的整理。在項目設(shè)計的整個環(huán)節(jié)中，每個小組擁有充分的自主權(quán)，大大地調(diào)動了學生的積極性。各小組成員共同面對隨時出現(xiàn)的問題，合作完成任務(wù)。這樣的交流過程使每名學生都能參與項目設(shè)計活動，提升自主學習能力。在這種交流中，所有學生的思維碰撞出火花，產(chǎn)生新的創(chuàng)意，大大提高了學生的創(chuàng)造激情和探索沖動，加強培養(yǎng)了他們的團隊協(xié)作能力，為他們以后步入社會打下了基礎(chǔ)。教師在這個階段應該全程監(jiān)控，引導學生自主解決問題，表揚優(yōu)點，發(fā)現(xiàn)不足，匯總各個組項目實施中的共性問題，對共性問題所涉及的理論知識與軟件操作集中補充講解。
3.第三級：對接社會、校企合作階段
平面設(shè)計專業(yè)網(wǎng)頁設(shè)計課程教學改革的最終目的是為社會輸出合格的互聯(lián)網(wǎng)網(wǎng)頁設(shè)計人才，更好地服務(wù)社會。對此，平面設(shè)計專業(yè)網(wǎng)頁設(shè)計課程教學對接社會、加強校企合作就顯得尤為必要和重要。學校應該根據(jù)自身特點選擇合適的企業(yè)建立教學實踐基地，聘請企業(yè)網(wǎng)頁設(shè)計骨干作為指導教師參與網(wǎng)頁設(shè)計課程實踐教學。學校也可以組織部分優(yōu)秀學生組建設(shè)計團隊，成立工作坊，工作坊可以按照企業(yè)模式管理、運營，承接校外的網(wǎng)頁設(shè)計項目。此階段教學培養(yǎng)學生的社會接軌能力，為學生對接社會提供條件，將企業(yè)文化和行業(yè)規(guī)范引入教學，實現(xiàn)校企無障礙對接，真正將理論教學與實踐教學有機結(jié)合在一起。在計算機信息技術(shù)飛速發(fā)展的環(huán)境下，平面設(shè)計專業(yè)網(wǎng)頁設(shè)計課程更要緊扣時代的脈搏，求實創(chuàng)新，不斷地更新和豐富教學內(nèi)容，結(jié)合市場發(fā)展趨勢創(chuàng)新教學方法，及時將最新案例和相關(guān)知識點引入課堂，最終培養(yǎng)出滿足“互聯(lián)網(wǎng)+”國家戰(zhàn)略實施需要、具有綜合素養(yǎng)的網(wǎng)頁設(shè)計高級應用人才。
作者:洪濤 單位:河南大學藝術(shù)學院
摘要：《網(wǎng)頁設(shè)計》是高校很多專業(yè)的一門專業(yè)必修課，本文分析了目前該課程的教學現(xiàn)狀，提出了針對電子商務(wù)專業(yè)調(diào)整教學內(nèi)容的措施，讓課程的教學更符合電子商務(wù)專業(yè)的要求，讓學生真正學到知識。
關(guān)鍵詞：電子商務(wù)專業(yè)；網(wǎng)頁設(shè)計；教學
一、《網(wǎng)頁設(shè)計》教學現(xiàn)狀
目前各大高校開設(shè)了《網(wǎng)頁設(shè)計》課程的專業(yè)有電子商務(wù)、藝術(shù)設(shè)計、計算機軟件、信息工程等專業(yè)，有的學校還把該課程設(shè)置成全校公選課程，但是教師上這門課時在教學方式、教學內(nèi)容上幾乎完全一致，沒有從專業(yè)發(fā)展的角度來安排教學內(nèi)容，嚴重影響了學生在其專業(yè)領(lǐng)域的發(fā)展。目前該門課程教學內(nèi)容的設(shè)計有以下幾種：
（一）介紹網(wǎng)頁三劍客軟件的使用
“網(wǎng)頁三劍客”軟件包括：DREAMWEAVER是一款可進行靜態(tài)和動態(tài)網(wǎng)頁制作、網(wǎng)站管理的所見即所得網(wǎng)頁編輯器。FIREWORKS主要是用于網(wǎng)頁圖片的制作與處理，也可用于網(wǎng)頁布局。FLASH主要用來制作動畫。按照這種教學內(nèi)容培養(yǎng)出來的學生往往只是熟悉軟件的使用，不懂網(wǎng)頁源代碼，做出來的網(wǎng)頁效果一般，缺乏特色，學生將來從事網(wǎng)頁設(shè)計工作時會感覺困難重重。
（二）只介紹DREAMWEAVER軟件的使用
這種教學方式比較常見，教師只講述DREAMWEAVER軟件的使用，包括：DREAMWEAVER的工作界面、文檔編輯、圖像與多媒體、超鏈接、表格、框架、CSS、模板和庫、表單、行為、網(wǎng)站測試與。學生學習該課程后，能熟練使用軟件，能用表格、框架、層來進行頁面布局，懂得基本的CSS樣式設(shè)置，會利用行為面板添加一定的網(wǎng)頁特效，在網(wǎng)頁設(shè)計完成之后，能進行網(wǎng)站的測試與。相比前一種，這種方式培養(yǎng)出來的學生網(wǎng)頁設(shè)計基礎(chǔ)知識更為扎實，但是相關(guān)的技術(shù)掌握太少。
（三）HTML5、CSS3、JAVASCRIPT網(wǎng)頁設(shè)計技巧
HTML（HypertextMarkupLanguage），是用于描述網(wǎng)頁文檔的一種標記語言，HTML5是當前最新版本。CSS即層疊樣式表（CascadingStyleSheet），在網(wǎng)頁制作時采用層疊樣式表技術(shù)，可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確地控制，CSS3是CSS技術(shù)的升級版本。JAVASCRIPT一種直譯式腳本語言，用來給HTML網(wǎng)頁增加動態(tài)功能。HTML5、CSS3、JAVASCRIPT是網(wǎng)頁設(shè)計的主流技術(shù)，是教學的重點和難點。
（四）動態(tài)網(wǎng)頁設(shè)計
除了介紹DREAMWEAVER軟件的使用外，還重點講述后臺數(shù)據(jù)庫的訪問，即C#語言、數(shù)據(jù)庫編程。由于《網(wǎng)頁設(shè)計》課程通常開設(shè)在大一，對于很多從來沒有接觸過編程和數(shù)據(jù)庫的學生來說，他們會覺得特別難，容易產(chǎn)生抵觸心理，消磨掉學習興趣。
二、電子商務(wù)專業(yè)《網(wǎng)頁設(shè)計》教學內(nèi)容的設(shè)計
電子商務(wù)專業(yè)的培養(yǎng)目標是培養(yǎng)掌握電子商務(wù)系統(tǒng)開發(fā)技術(shù)和電子商務(wù)管理與應用知識和技能的高素質(zhì)人才?！毒W(wǎng)頁設(shè)計》是電子商務(wù)專業(yè)的一門專業(yè)必修課，是一門涉及面很廣泛的學科，僅僅講述DREAMWEAVER顯然是不夠的，畢竟在一個完整的網(wǎng)站中，除了有合理的頁面布局之外，用戶還希望能看到畫面優(yōu)美的圖片、制作精美的動畫作品、引人入勝的網(wǎng)頁特效，網(wǎng)站設(shè)計完成之后，還需要將網(wǎng)站上傳和定期維護。另外對于正在讀大一的電子商務(wù)專業(yè)學生來說，在《網(wǎng)頁設(shè)計》課程中講述動態(tài)網(wǎng)頁也不合適，超出了他們的接受程度。因此本人在給電子商務(wù)專業(yè)的學生講課時，結(jié)合他們的專業(yè)特色，將教學內(nèi)容和課時（一學期64個課時）做了如下安排：
（一）教學內(nèi)容安排
1、FIREWORKS圖片切片處理考慮到我校大一新生第一學期就學習了《PHOTOSHOP圖片處理》，掌握了圖片處理的技巧，所以圖片處理部分只講述切片和精確提取屬性值，而且這部分不單獨拿出來講述，可以穿插在綜合案例的DIV+CSS頁面布局中。2、FLASH動畫設(shè)計：10課時這部分內(nèi)容是學生最感興趣的，重點講述動畫設(shè)計的基本方法，要求學生能夠設(shè)計出網(wǎng)頁中常見的動畫效果，能將動畫作品成swf文件或者gif文件，并將作品添加在網(wǎng)頁中。3、DREAMWEAVER軟件使用：10課時因為學生在大一第一學期學過辦公軟件OFFICE，所以DREAMWEAVER軟件的使用他們很容易掌握。教學目標包括：了解創(chuàng)建站點的方法、視圖的切換、常用面板的使用；熟悉常用的html標記；能用軟件建立超鏈接、插入圖片和多媒體文件、設(shè)計表格、表單。學完這部分，學生能利用軟件的菜單和工具欄完成各種類型的簡單網(wǎng)頁的設(shè)計。4、DIV+CSS頁面布局：32課時這一部分是本門課程的教學重點。教學目標包括：理解DIV盒子模型、熟練掌握CSS常用樣式、精通頁面布局技巧，最終學生能根據(jù)效果圖自如地設(shè)計出網(wǎng)頁。5、JAVASCRIPT網(wǎng)頁特效：10課時對大部分電子商務(wù)專業(yè)的學生來說，因為從來沒有接觸過程序設(shè)計，所以這部分內(nèi)容對他們來說是最難掌握的。教師對他們不能提出過高的要求，以免打消他們學習的積極性。教學目標是：學生掌握JAVASCRIPT基本語法，能設(shè)計簡單特效，能修改網(wǎng)上下載的網(wǎng)頁特效素材，靈活運用到自己的網(wǎng)頁中。6、網(wǎng)站測試與：2課時讓學生掌握網(wǎng)站測試與的方法。
（二）教學先后順序
通常《網(wǎng)頁設(shè)計》課程的教學順序是：網(wǎng)站基本知識、HTML、DREAMWEAVER（HTML5+CSS3+JAVASCRIPT）、FLASH、FIREWORKS。本人在講述該課程時教學的先后順序如上所示，原因有兩點：首先符合網(wǎng)頁設(shè)計的基本流程：先確定主題，然后準備素材，PHOTOSHOP制作網(wǎng)頁效果圖，然后用DREAMWEAVER根據(jù)效果圖設(shè)計網(wǎng)頁。常言道“巧婦難為無米之炊”，只有先把網(wǎng)頁素材準備好了，才可以開始網(wǎng)頁設(shè)計。其次相比DREAMWEAVER網(wǎng)頁設(shè)計，動畫設(shè)計和圖片處理效果更為生動直觀，更能激發(fā)學生的學習興趣。
三、結(jié)束語
任何一門課程的教學都應該根據(jù)專業(yè)的特色來調(diào)整教學內(nèi)容，培養(yǎng)出適應社會需求的專業(yè)性人才。上述《網(wǎng)頁設(shè)計》課程教學內(nèi)容的設(shè)計使電子商務(wù)專業(yè)學生能夠扎實掌握網(wǎng)頁設(shè)計技能，同時為后續(xù)專業(yè)課程學習奠定了良好的基礎(chǔ)。
作者:彭珊珊 彭瓊 馬丕玲 單位:湖南涉外經(jīng)濟學院
摘要：《網(wǎng)頁設(shè)計》是一門以培養(yǎng)學生的實作能力為主的課程，應充分利用僅有的32課時有效提高學生的操作與實踐能力，讓學生學以致用。本文探討了基于項目教學的《網(wǎng)頁設(shè)計》課程教學實踐，希望對課程的教學提升有所幫助與啟示。
關(guān)鍵詞：《網(wǎng)頁設(shè)計》；項目教學；教學實踐
《網(wǎng)頁設(shè)計》課程是青島農(nóng)業(yè)大學傳播學專業(yè)網(wǎng)絡(luò)傳播方向的一門專業(yè)基礎(chǔ)課，其主要目的是培養(yǎng)學生具有一定的藝術(shù)素養(yǎng)，較強的網(wǎng)頁鑒賞能力，熟悉網(wǎng)頁設(shè)計創(chuàng)意的原理和方法，熟悉HTML、CSS和網(wǎng)頁制作工具，熟悉網(wǎng)頁的制作和流程，能夠根據(jù)客戶需求進行靜態(tài)網(wǎng)頁設(shè)計與制作以及進行小型網(wǎng)站的維護和管理工作，是一門操作性與實踐性都很強的課程。課程設(shè)置32學時，內(nèi)容多、課程緊，如何在有限的時間內(nèi)最優(yōu)化學生的學習效果是授課教師面臨的重要課題。
一、理順與先修后繼課程的關(guān)系
以《網(wǎng)頁設(shè)計》課程為中心，重新規(guī)劃了傳播學專業(yè)網(wǎng)絡(luò)傳播方向的相關(guān)課程群內(nèi)容，課程的先修課程包含有通識課程《計算機基礎(chǔ)》，專業(yè)基礎(chǔ)課程《C程序設(shè)計》及《電腦美術(shù)平面設(shè)計》，課程的后續(xù)課程包含有專業(yè)基礎(chǔ)課程《計算機網(wǎng)絡(luò)技術(shù)》，專業(yè)課程《網(wǎng)絡(luò)傳播》《網(wǎng)站創(chuàng)建于管理》，專業(yè)拓展課程《網(wǎng)絡(luò)數(shù)據(jù)庫技術(shù)》《手機APP開發(fā)》《網(wǎng)站策劃與設(shè)計》及《動態(tài)網(wǎng)站建設(shè)》。
二、確定課程的教學目標
在對課程進行了重新定位和性質(zhì)分析的基礎(chǔ)上，確定課程的總體教學目標為培養(yǎng)學生靜態(tài)網(wǎng)站設(shè)計與制作的實際工作技能，其中：知識目標：了解HTML標記語言，熟練使用網(wǎng)頁制作工具Dreamweaver，能完成DIV+CSS標準布局。能力目標：能進行網(wǎng)站需求分析、總體設(shè)計，能實現(xiàn)界面設(shè)計、基本網(wǎng)頁制作，能制作多種頁面特效，能進行網(wǎng)站的基本管理。素質(zhì)目標：培養(yǎng)學生良好的職業(yè)素養(yǎng)、團隊協(xié)作意識、自我學習能力、溝通表達能力和知識歸納與積累能力。
三、課程內(nèi)容設(shè)計
設(shè)計課程的講授學時為16學時，實踐學時為16學時。教學內(nèi)容制定的依據(jù)是以崗位需求為導向，對網(wǎng)頁設(shè)計師和網(wǎng)絡(luò)美工的工作過程進行分解分析，確定崗位的核心能力；將核心能力整合提煉為對應的課程項目；依據(jù)課程項目提煉章、節(jié)、知識點；構(gòu)建出以工作體系為基礎(chǔ)的課程體系。其中課程項目規(guī)劃設(shè)計6個，對應16課時的實踐學時。分別為：項目一網(wǎng)頁設(shè)計基礎(chǔ)、項目二Dreamweaver基礎(chǔ)、項目三表格布局的頁面制作、項目四頁面美化、項目五CSS+DIV布局的頁面制作及項目六頁面特效制作。圍繞6個課程項目，規(guī)劃課程教學內(nèi)容10章，對應16課時的講授學時，內(nèi)容包括網(wǎng)頁設(shè)計基礎(chǔ)、Dreamweaver基礎(chǔ)、頁面與文本、圖像與多媒體、超鏈接、表格、CSS樣式、CSS+DIV布局、APDiv和Spry及行為。
四、《網(wǎng)頁設(shè)計》項目教學實踐
課程的實施步驟主要包括知識引入、項目布置、項目分析、分解實施及分步總結(jié)5個環(huán)節(jié)，本文以“頁面特效制作”項目為例，具體闡述課程教學實施過程[1,2]。
（一）知識引入
平時瀏覽到的網(wǎng)頁，很多都有網(wǎng)頁特效。像圖1左右兩側(cè)的對聯(lián)懸浮廣告，以及圖2中的圖像變化效果，這些特效的實現(xiàn)與“行為”這一知識點密切相關(guān)。針對行為是什么和如何為網(wǎng)頁添加行為，圍繞第十章行為相關(guān)知識點開展教學。在基本知識點完成學習的基礎(chǔ)上，布置本次需要完成的項目是“制作甜品飲料吧網(wǎng)頁特效”。
（二）項目分析
教師對項目任務(wù)的重點、難點進行細致的分析講解，學生針對性地記錄相關(guān)知識點。例如，對“甜品飲料吧”案例進行分析，確定該項目的操作要點為：一是在“熱賣產(chǎn)品”下方，分別為圖像“茉莉花香”“冰火兩重天”“生命之綠”，“巨杯甜飲”添加顯示-隱藏元素特效。二是在“特色產(chǎn)品”下方，添加交換圖像特效。學生要在教師的指導下充分理解項目要求。
（三）分解實施
學生根據(jù)項目任務(wù)做好詳細地分步實施計劃，教師按照任務(wù)節(jié)點要求以及學生學習計劃指導學生進行網(wǎng)頁設(shè)計與制作，并注意糾正學生自主學習過程中出現(xiàn)的偏差，著重培養(yǎng)學生的項目實踐能力。
（四）分步總結(jié)
對于項目實施過程中的重點與難點，找出共性問題進行講解。
五、結(jié)束語
項目教學是培養(yǎng)學生自主學習能力、自主分析與解決問題的能力及實作能力的有效方法，與《網(wǎng)頁設(shè)計》課程的教學目的與要求契合。實踐表明，將項目教學法應用于《網(wǎng)頁設(shè)計》課程顯著提高了課程的教學效率和效果。但是在實際應用中也存在一些問題：學生計算機理論及實際操作能力較弱，個別學習能力較強的學生會利用自已準備的素材設(shè)計具有個人特點的作品，大部分基本利用老師提供的素材和按照提供的效果圖完成最終任務(wù)，從作品中看出學生靈活變通能力、自主創(chuàng)作設(shè)計能力不足。部分學生更希望老師操作演示，自己減少思考和動手操作過程，所以要密切關(guān)注學生當堂學習情況并及時調(diào)整教學方法。此外可以采用小組分工合作等方法活躍課堂氣氛，要通過小組評價、小組互評、教師評價等方法盡可能在評價反饋方面詳盡合理，同時要注意過程性評價與總結(jié)性評價相結(jié)合[3]。
作者:孫曉梅 單位:青島農(nóng)業(yè)大學
摘要：網(wǎng)頁設(shè)計與制作是計算機應用專業(yè)的重要課程，如何采取有效手段、方式，實現(xiàn)學生的計算機自主學習與實踐能力的提升，讓學生具備較強的操作及技能，以提升計算機網(wǎng)頁設(shè)計與制作的教學質(zhì)量與效率，是當前廣大教育工作者急需解決的主要問題。該文主要分析了基于項目教學的“網(wǎng)頁設(shè)計與制作”課程改革與實踐，希望能為課堂教學提供參考。
關(guān)鍵詞：項目教學；網(wǎng)頁設(shè)計與制作；課程改革；實踐
項目教學模式作為一種以生為本，具有多元化、開放性特點的新型教學模式，強調(diào)了在教學時，以學生文本，加強對意義建構(gòu)的主義理論、探究式學習的理論的重視作用。即在整個教學過程中，嚴格遵循“以生為主體，教師輔導”的教學原則，以教學目標、任務(wù)為出發(fā)點，讓學生在教師指導下，按照自己的學習能力與喜好，與同學進行自由組合，選擇相應的題型，組織開展項目研究學習，以充分發(fā)揮學生的主觀能動性，從而提高他們的創(chuàng)造能力與創(chuàng)新精神。因此基于項目教學模式下，對“網(wǎng)頁設(shè)計與制作”課程進行改革與實踐，勢在必行。
1教學改革的理念與思路
在計算機應用專業(yè)的教學中，對于網(wǎng)頁設(shè)計和制作課程的教學總體目標，主要是通過真實的網(wǎng)站項目來開展教學活動，讓學生能夠依據(jù)網(wǎng)站開發(fā)的過程和網(wǎng)頁制作方法，結(jié)合需要制作的要求，制作出簡單的網(wǎng)頁圖像與自動生成的動態(tài)網(wǎng)頁，以提升學生網(wǎng)頁制作技能，積累豐富的網(wǎng)頁制作經(jīng)驗，從而滿足日后工作崗位需求。因此在進行網(wǎng)頁設(shè)計與制作時，應體現(xiàn)以下理念：(1)培養(yǎng)與人溝通和團隊合作的能力。為能準確地把握項目制作的要求與客戶的需要，教師必須重點培養(yǎng)學生與人溝通、團隊合作的能力。讓學生通過自由組隊的方式合作開發(fā)項目，共同努力完成布置的任務(wù)，讓學生之間能夠形成良好合作的關(guān)系，以提升學生的心理素質(zhì)與適應社會環(huán)境的能力。(2)培養(yǎng)職業(yè)技術(shù)能力和解決問題的能力。培養(yǎng)學生具備扎實的專業(yè)技術(shù)能力，這是網(wǎng)頁設(shè)計與制作課程中能力培養(yǎng)的關(guān)鍵。因此在進行教學時，對學生職業(yè)技術(shù)能力的培養(yǎng)，主要包括以下幾方面：①網(wǎng)站的規(guī)劃能力。在項目教學中，應了解分析項目的內(nèi)容，正確地理解項目的要求，并合理規(guī)劃項目，編寫網(wǎng)站的建設(shè)方案。②網(wǎng)站的設(shè)計能力。學生應熟悉網(wǎng)頁的工作環(huán)境，詳細規(guī)劃與設(shè)計網(wǎng)頁布局，并了解開發(fā)的主要工具，靈活使用網(wǎng)頁元素，保證網(wǎng)頁設(shè)計順利完成。③網(wǎng)站的維護與更新能力。應依據(jù)專業(yè)規(guī)范操作，來維護與更新網(wǎng)站。④解決問題的應變能力。網(wǎng)頁設(shè)計對專業(yè)性要求極高，因此要想強化學生處理問題和解決問題的能力，必須引導學生熟悉與掌握網(wǎng)頁設(shè)計中較為常用的方法與工具。(3)自學與創(chuàng)新能力。自學能力即培養(yǎng)學生自我解決問題的能力，主要是指學生在學習的過程中，能夠形成良好的學習習慣與掌握所學的知識，并通過自主學習的方式，來獲得有用的信息，以積極的應對職業(yè)中遇到的問題。而創(chuàng)新能力則是培養(yǎng)學生具備創(chuàng)新思維與創(chuàng)新意識，從而為日后工作打下扎實基礎(chǔ)[1]。
2基于項目教學的“網(wǎng)頁設(shè)計與制作”課程改革與實踐的途徑
2.1課程整體設(shè)計
在網(wǎng)頁設(shè)計與制作課程中應用項目教學，是否能成功的關(guān)鍵在于給學生安排的學習任務(wù)是否恰當。通常在設(shè)計項目的內(nèi)容時，必須保證對學生具有挑戰(zhàn)性、實用性、趣味性以及可操作性，要求學生通過查閱相關(guān)資料，經(jīng)過仔細研究和思考，便可順利地完成學習任務(wù)。但需要特殊注意的是，教師在設(shè)計學習任務(wù)時，必須按照教學目標與學生個性差異來設(shè)計，保證內(nèi)容設(shè)計不能過于復雜[2]。例如在“網(wǎng)頁設(shè)計與制作”的教學過程中，課程整體設(shè)計的目標是從簡單——復雜——綜合網(wǎng)站建設(shè)項目的訓練方式，讓學生能夠依據(jù)網(wǎng)站業(yè)務(wù)的需要，對網(wǎng)站需要的功能加以分析，以明確網(wǎng)頁風格與結(jié)構(gòu)，理解并設(shè)計出相應的制作方案，從而掌握網(wǎng)頁制作與網(wǎng)站的方法，熟練HTML語言、Dreamweaver網(wǎng)頁制作軟件，能讀取JavaScript代碼，并學會靈活運用CSS設(shè)計網(wǎng)站的元素。這時教師需要在設(shè)計上，依據(jù)項目的需要，選出“企業(yè)網(wǎng)站建設(shè)”作為該課程的實訓項目，將課程設(shè)計任務(wù)劃分為5個項目，16個任務(wù)、每個任務(wù)4學時，前2個項目是網(wǎng)站點的創(chuàng)建和靜態(tài)網(wǎng)頁設(shè)計，屬于簡單的入門項目，由教師輔導；第3與4個項目是進行網(wǎng)頁素材設(shè)計和制作，依據(jù)規(guī)范進行標準化網(wǎng)頁設(shè)計；第5個項目課后完成項目的情況，讓學生能夠積極參與項目的開發(fā)和維護中，以拓寬課程教學的內(nèi)容。但是每1個項目都應以任務(wù)為載體，將課程學習的內(nèi)容劃分到每1個項目中。且每1個項目之間都有明顯的獨立性，同時項目之間相互聯(lián)系，知識與技能循環(huán)漸進；前1項是后1項的基礎(chǔ)，后1項是鞏固前1項的關(guān)鍵，實現(xiàn)知識和技能學習的層層遞進、由淺到深、由簡到繁，以樹立學生學習的自信心。
2.2建立項目小組
在明確項目教學的內(nèi)容后，教師應召集全班的學生，讓學生依據(jù)項目，自由分組學習，全班分成若干組，每組為3~5名，并安排組織能力較強、善于表達的學生擔任本組的小組長。然后每組學生在組長的領(lǐng)導下，按照項目要求的內(nèi)容，在課后充分利用參考書目、內(nèi)容對網(wǎng)站制作與設(shè)計所涉及的資料進行查閱。此外，教師是項目的指導者，應適當引導學生整理所需要資料。讓每個成員之間依據(jù)不同的學習任務(wù)，專門負責自己的問題。例如在“網(wǎng)頁設(shè)計與制作”的教學過程中，教師依據(jù)本班學生的情況，將學生劃分成每組5名成員后，結(jié)合實施方案，讓1名理論功底扎實的學生負責網(wǎng)站欄目的整體規(guī)劃；1名計算機操作能力較強的學生負責網(wǎng)頁制作；2名程序設(shè)計能力較強的學生負責代碼的編寫和程序調(diào)試；然后讓擔任小組長的學生負責對網(wǎng)站加以宣傳，并制定項目進度表，明確成果完成的時間，同時詳細記錄每個成員學習的情況、態(tài)度，為教師的評價提供依據(jù)。
2.3項目教學的實施
項目教學的實施主要是引導學生為完成項目，而組織開展自主性的學習，以輔導學生依據(jù)項目學習中所需要的知識與技能，通過有效的學習方法來開展學習活動，激發(fā)學生的學習熱情與主動性[3]。例如在確定各小組的學習任務(wù)后，進入具體“網(wǎng)頁設(shè)計與制作”課程的學習中，一開始部分學生會感覺到制作一個網(wǎng)站，以我個人的能力，難以順利完成教師布置的任務(wù)，又怎會設(shè)計出具有個人鮮明、獨具個性的網(wǎng)站來吸引客戶的注意力？針對這些問題，在進行教學時，教師需要將教學知識轉(zhuǎn)變成學習任務(wù)，以學生合作的方式，然后詳細講解網(wǎng)頁設(shè)計與制作的知識點，讓學生結(jié)合參考目錄和資料，來回答提出的學習問題：(1)什么是框架？有什么作用？(2)框架和網(wǎng)頁之間的聯(lián)系？框架的優(yōu)缺點？(3)依據(jù)各網(wǎng)站主頁布局，怎樣合理地使用框架？這樣學生不僅能夠在合作的前提下，進行自主探究學習，還可快速找到問題的答案：在Web瀏覽器窗口中，HTML框架集文檔顯示的若干個獨立的可滾動區(qū)域就是框架，框架集中每一個框架在Web瀏覽器窗口中，屬于自己管轄區(qū)域內(nèi)顯示一個HTML文檔，可使用選項內(nèi)是否滾動和可調(diào)整大小來調(diào)整頁面。
2.4成果展示
在網(wǎng)頁設(shè)計與制作課堂教學中應用項目教學時，項目成果的展示是為教師評價提供參考的關(guān)鍵。因此在實際項目學習成果展示的過程中，要求教師應依據(jù)項目教學的要求來組織各個小組的小組長匯報本組的項目成果。但需要特殊注意的是，小組長在展示、匯報本組的項目成果時，需要詳細說明作品涉及的知識點、創(chuàng)新、優(yōu)缺點和項目中遇到的困難，并說明對于遇到的問題，應該如何解決，而其他小組的成員，也可提問與設(shè)計有關(guān)的思路、技術(shù)和特點等問題，讓課堂教學生動活潑，從而提高教學的效果[4]。例如在“網(wǎng)頁設(shè)計與制作”的教學過程中，各小組完成動態(tài)網(wǎng)頁作品的制作后，教師應通過組織活動的方式，讓每個小組的組長借助電子演示文稿的方式，詳細的介紹、JSP和PHP等動態(tài)網(wǎng)頁技術(shù)，但是由于時間的限制，教師需要引導每個小組結(jié)合學習的情況，將關(guān)于ASP的內(nèi)置對象：Request、SQL查詢語言、Respone、Server、Application、Session以及ADO組件中的Connection、Command和Record.Set等歸納為一個單獨的知識點加以闡述，以便其他小組的成員理解掌握Dreamweaver數(shù)據(jù)庫、綁定和服務(wù)器行為等網(wǎng)頁制作知識。
2.5考核方式的改革
項目完成后的最后環(huán)節(jié)就是教師要進行及時客觀的點評與總結(jié)，評定學生的學習成績。但是以往的課程考核方式都是通過筆試與期末提交個人作品的方式來考核，這種考核模式過于注重結(jié)果，忽略學生學習的過程，難以達到項目教學的考核目的。因此在對學生的成績進行評價與總結(jié)時，教師必須將現(xiàn)場匯報、學生自我評價和學生互評內(nèi)評價內(nèi)容納入到考核評價中，形成完善的課程考核評價體系，從作品的主題、版面、圖片、色彩搭配、網(wǎng)站布局和超鏈接等方面來考核學生的口頭表達能力、溝通能力、日常出勤、課堂表現(xiàn)和每個階段實訓項目的質(zhì)量，以了解學生掌握的技能，然后通過百分制的方式進行最后總評，依據(jù)40%的比例納入到課程總評成績中，實現(xiàn)評價的合理性[5]。
3結(jié)束語
綜上所述，項目教學在網(wǎng)頁設(shè)計與制作中的應用，不僅能豐富課堂教學的內(nèi)容，拓寬學生的知識面，實現(xiàn)知識的轉(zhuǎn)化與整合。還可按照項目的目標進行課程的整體設(shè)計、建立項目小組、成果展示和考核，將枯燥、乏味的文字變得更加生動有趣，讓學生積極參與到項目活動中，充分發(fā)揮學生的主動性與潛力，進行自主性探究學習，以培養(yǎng)學生形成良好的學習習慣，從而促進學生全方面發(fā)展。
作者:吳細花 單位:長沙職業(yè)技術(shù)學院
摘要：隨著網(wǎng)絡(luò)新時代的到來，網(wǎng)頁早已成為人們生活不可缺少的一種信息載體，也為視覺設(shè)計者提供了一個新的設(shè)計領(lǐng)域，隨著人們對網(wǎng)頁視覺要求的提高，網(wǎng)頁視覺元素的運用與審美功能的體現(xiàn)，也顯得更加重要。針對網(wǎng)頁設(shè)計中視覺元素功能與審美性研究進行幾點分析。
關(guān)鍵詞：網(wǎng)頁設(shè)計；視覺元素；功能；審美
在科學技術(shù)日新月異的今天，因特網(wǎng)這個嶄新的傳播媒體，使人與人之間的距離更近。在網(wǎng)絡(luò)迅速發(fā)展的今天，人們可以足不出戶的利用網(wǎng)絡(luò)獲取外界信息，因此對瀏覽界面也有了新的要求，除了功能性更強以外，審美性的要求也更高。而視覺語言的應用，為網(wǎng)頁設(shè)計提供了新的方向，也促進了網(wǎng)頁設(shè)計的發(fā)展。
1功能與審美性
1.1網(wǎng)頁瀏覽的視覺規(guī)律
與印刷設(shè)計相似，網(wǎng)頁設(shè)計也要遵循視覺規(guī)律的引導與利用。人們觀看網(wǎng)頁，遵循這一定的移動規(guī)律，而視覺的移動規(guī)律，能夠引導瀏覽者瀏覽網(wǎng)頁的視覺順序，進而使網(wǎng)頁瀏覽更加輕松。這就要求設(shè)計者，要依靠視覺語言各要素直接的聯(lián)系與外形呼應，建立網(wǎng)頁頁面中的視覺流動，將瀏覽者無形的視覺移動規(guī)律與網(wǎng)頁設(shè)計視覺要求建立一種心理聯(lián)系和呼應，從而達到提高網(wǎng)頁瀏覽效率與瀏覽享受的目的。在應用網(wǎng)頁視覺語言的過程中，運用這額聯(lián)系，能夠為人們創(chuàng)造更多的組合和安排，從而使網(wǎng)頁設(shè)計設(shè)計也更加簡便化。網(wǎng)絡(luò)可以達到提高人類信息交流與傳播的目的，讓日常生活變得更加方便，也提升了基本生活標準。
1．2網(wǎng)頁頁面導向設(shè)置
網(wǎng)絡(luò)頁面中會呈現(xiàn)多條與搜索相關(guān)或無關(guān)的信息，為了提高瀏覽者準確找到需求信息的速率，也為了確保瀏覽頁面具有一定的指示性，網(wǎng)絡(luò)頁面的導向性功能至關(guān)重要。與傳統(tǒng)的網(wǎng)絡(luò)頁面相比，最新的頁面信息排版以及引導方式，除了利用原有的文字進行信息提示外，還在適當?shù)奈恢锰砑訄D片信息，方便瀏覽者進行資料搜索，加快對重點信息的瀏覽速度。網(wǎng)絡(luò)頁面的整體構(gòu)圖也應清晰合理，避免對瀏覽者造成視覺干擾，只有這樣，才能保證瀏覽者可以按照導向指示，完成資料的搜索任務(wù)。
1．3網(wǎng)頁的版式語言表現(xiàn)
由于人體視網(wǎng)膜構(gòu)造的原因，人體視網(wǎng)膜晶體只能產(chǎn)生單一焦點，這就限制了人類瀏覽信息的速度，所以，瀏覽者需要按照個人需求有順序地進行信息的觀看。為進一步提高網(wǎng)頁的點擊量，頁面設(shè)計者應合理布局，將重要信息排版清晰，并盡量符合人類視覺網(wǎng)絡(luò)瀏覽的基本習慣，有效區(qū)分各信息之間的主次關(guān)系，盡量顯示信息的重要內(nèi)容，提高瀏覽者的閱讀速度。
1．4審美性
網(wǎng)頁頁面設(shè)計需要合理布局，而其中摻雜的語言，也應按照主次關(guān)系進行分類，具體所遵循的原則，可以從以下幾點分析：
1．4.1網(wǎng)頁頁面內(nèi)容與形式的一致性
網(wǎng)頁頁面所呈現(xiàn)的信息量十分巨大，這對瀏覽者會造成一定的信息干擾。為保證可以在重要區(qū)域凸顯重點信息內(nèi)容，也為了合理利用僅有的網(wǎng)頁空間，設(shè)計者應盡量多地呈現(xiàn)具有瀏覽價值的信息，并合理構(gòu)建信息的內(nèi)容與表現(xiàn)形式模型，讓最終的頁面效果具有視覺沖擊感，并可以縷清瀏覽脈絡(luò)，為瀏覽者提供適合人眼閱讀的頁面環(huán)境。點擊的頁面內(nèi)容應確保與所呈現(xiàn)的文字形式高度一致，避免瀏覽者被不精準的信息干擾，影響瀏覽心情，降低瀏覽速率。
1．4.2重要信息的突出顯示
在大量的頁面信息中找到需要的信息內(nèi)容，這對瀏覽者的閱讀速度是一種考驗，為盡量普及頁面的瀏覽功能，設(shè)計者需要合理布局，盡量將重點信息內(nèi)容放在符合瀏覽者視線瀏覽的區(qū)域內(nèi)，讓頁面更有層次感。在適當?shù)奈恢门渖衔淖种黝}說明，并采取加大瀏覽字符或文字標紅的形式，突出重要信息內(nèi)容。
2網(wǎng)絡(luò)設(shè)計中視覺元素具體應用
2．1動態(tài)視覺元素
設(shè)計師在對網(wǎng)頁進行語言編輯的過程中，需要合理添加動態(tài)設(shè)計元素，其中包括聲、像、影、音等多媒體文件。在網(wǎng)頁中添加這些動態(tài)元素，可以明顯提高網(wǎng)頁的信息點擊量，提升信息的點擊價值。瀏覽者可以利用頁面進行信息的快速搜索，并被動態(tài)信息吸引，增強頁面視覺影像力的同時，獲得愉快的瀏覽心情。比如：動畫媒體能給瀏覽者以強烈的視覺沖擊，在為其提供具有親和力的視覺影像資料的同時，可以同步滿足瀏覽者的好奇心，并通過動態(tài)視頻資料給瀏覽者更真實的視覺體驗。二維、三維動畫影像的出現(xiàn)，提高了人與電腦之間的交流速度，形成一條特別的獲取信息的橋梁，同時，它既可以為人的某些情緒提供宣泄場所，又可以讓簡單整潔的畫風，給瀏覽者更舒適的視覺體驗。在網(wǎng)頁系統(tǒng)的合適位置添加聲音信息，能夠讓瀏覽者解放雙眼，得到短時間的視覺放松，盡情地獲得聽覺的享受?；ヂ?lián)網(wǎng)將同步提供音樂播放下載、網(wǎng)頁電影直播、影視實況轉(zhuǎn)播等多個瀏覽模塊，給消費者以身臨其境的感受。這種如同深陷其中的現(xiàn)場真實感覺，可以快速喚起瀏覽者的共鳴，提高視頻影像資料的影響力。首幀畫面將帶給消費者以最大的視覺吸引，這就要求設(shè)計師需要選擇合適的圖片元素，才能最大程度地提高點擊量，讓更有價值的聲音和影像信息被瀏覽者獲取，讓重要信息擁有全新的宣傳和發(fā)展空間。
2.2人性化視覺語言
瀏覽者可以在網(wǎng)頁中第一時間獲取想要知道的信息內(nèi)容，并可以在正確的引導下完成下一步的信息搜索，這是網(wǎng)頁設(shè)計師想要看到的成果。這種較為人性化的網(wǎng)頁設(shè)計理念既要充分突出網(wǎng)頁的特點，又要保證瀏覽頁面的簡單。瀏覽者可以在既智能又含有技巧性的網(wǎng)頁內(nèi)快速接受被宣傳的信息，這是網(wǎng)頁設(shè)計高手以及制圖軟件高手具有的基本網(wǎng)頁制作能力。設(shè)計高手本身需要具有較強的理解、語言組織、網(wǎng)頁編輯、宏觀調(diào)控等多項能力，為滿足不同瀏覽者的瀏覽需求，在體現(xiàn)人性化網(wǎng)頁色彩搭配上，可以為女性瀏覽者提供以紫色為主色調(diào)的瀏覽頁面，并盡可能提供精準的信息檢索項目。網(wǎng)頁設(shè)計需要具有足夠的吸引力，才能保證商家在頁面上進行信息的公布。沒有人點擊或搜索的頁面設(shè)計，就好比沒人閱讀的海報、說明書、雜志封面一樣，不具備信息的傳播和引導能力。設(shè)計師應十分注意網(wǎng)頁的人性化設(shè)計理念，將需要宣傳和引導的信息放在網(wǎng)頁的顯眼位置，既可以增加這些信息被點擊的可能性，又可以對瀏覽者進行信息的引導，但是，多數(shù)網(wǎng)頁設(shè)計人員并沒有這么做，瀏覽者通常無法點擊到那些敏感且悠閑的區(qū)域，這就促使某些重要信息始終無法被閱讀，失去其存在的價值和意義。合理地對現(xiàn)有網(wǎng)絡(luò)框架進行布局，并通過文字或圖片引導的方式，讓網(wǎng)頁的排版更加有序，增強頁面對瀏覽者的視覺沖擊感，確保瀏覽頁面具有一定的引導功能。合適的背景音樂可以放松瀏覽者的心情，并快速獲取瀏覽者的關(guān)注，在避免其出現(xiàn)審視疲勞的同時，可以給瀏覽者以更真實的感受和體驗。
2．3交互化視覺元素
“鏈接”是網(wǎng)絡(luò)應用中比較常見的一種資源共享和交流的方式，在網(wǎng)絡(luò)上利用鏈接進行資源共享，可以實現(xiàn)對文字詞語視頻以及影像資料的及時交換，提高資料搜索的準確度。超鏈接同樣作為網(wǎng)頁瀏覽的另一種資源交換方式，這種資源分享的途徑可以完成全新視角的元素分享，并做到信息及時同步，提高信息的利用價值。交互化世界元素的主要表現(xiàn)方式應盡量做到人性化系統(tǒng)處理，比如：在合適的位置添加導航條，或為視頻提供播放按鈕，再或者可以在地圖上提供工具熱點，這些信息都應放在主頁面的明顯位置，以便瀏覽者可以迅速找尋并點擊進入。鏈接內(nèi)容可以依次進行排列，為進一步方便瀏覽者對網(wǎng)頁進行資源搜索，需要在底部設(shè)置返回主頁、返回頂層等選項，可以將這些按鈕以紅色按鈕的方式進行展示，來引起瀏覽者的注意，這也是體現(xiàn)人性化設(shè)計的主要方式。加強人與商品之間的信息溝通和交流，可以進一步提高購物的樂趣。網(wǎng)頁設(shè)計應盡量做到簡潔明了，排除過多不必要文字的敘述，讓瀏覽者可以快速分清主次關(guān)系。適當?shù)靥砑訄D片，可以提高瀏覽者的點擊量，讓網(wǎng)頁更加美觀。網(wǎng)頁還要保持整體的設(shè)計風格，及時對重要信息進行分層分結(jié)構(gòu)處理，向公眾傳達完整、準確、詳細的信息內(nèi)容。統(tǒng)一的風格可以為瀏覽者提供更準確的區(qū)域模塊，讓瀏覽者在進行網(wǎng)頁信息搜索的過程中，可以按照導航條的指示完成信息的檢索。結(jié)構(gòu)統(tǒng)一、版式布局清晰合理，并提供精簡的文字描述，讓一致的風格為瀏覽者的信息搜索提供方便。為避免不合理信息布局對瀏覽者的信息搜索造成干擾，網(wǎng)頁設(shè)計人員需要保證重要信息具有逐次遞進關(guān)系，并以圖片引導的方式，時刻對瀏覽者進行提醒，并為瀏覽者提供更自由的搜索空間，讓瀏覽者有更愉快的搜索感受。
3結(jié)語
對網(wǎng)頁設(shè)計中的視覺元素功能與審美進行了分析，對如何進行網(wǎng)頁視覺元素應用展開了研究。從中可以發(fā)現(xiàn)，在網(wǎng)頁設(shè)計中應用視覺元素，充分借助人們?yōu)g覽網(wǎng)頁的規(guī)律和習慣，借助一些視覺元素盡心合理的網(wǎng)頁組合、排版，不僅僅能夠方便人們閱讀，提高網(wǎng)頁整體的審美性，同時也能夠提高網(wǎng)頁設(shè)計的質(zhì)量和效率，促進網(wǎng)頁設(shè)計的進步與發(fā)展。
作者:甄鳳其 單位:湘西民族職業(yè)技術(shù)學院
摘要：
本文首先分析了《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程的教學現(xiàn)狀和存在問題，在此基礎(chǔ)上引入項目化的教學模式，對該課程進行教學改革。闡述了項目化教學的基本內(nèi)涵、教學改革設(shè)計及實施的過程和注意事項。教學實踐證明，與傳統(tǒng)的教學方法相比，基于項目化的教學模式可以有效地激發(fā)學生的學習興趣，有利于學生將理論知識與實踐操作相結(jié)合，增強學生的實踐動手能力。
關(guān)鍵詞：
項目化；課程改革；教學改革；教學模式
隨著計算機技術(shù)和互聯(lián)網(wǎng)應用的快速發(fā)展，電子商務(wù)對各行各業(yè)的影響越發(fā)明顯，社會對頁面設(shè)計、網(wǎng)頁制作、程序編寫及其相關(guān)崗位的人才需求日益增加，巨大的社會需求和高校電子商務(wù)專業(yè)畢業(yè)生數(shù)量不足、質(zhì)量不高之間的矛盾越發(fā)突出，如何培養(yǎng)高素質(zhì)的電子商務(wù)應用型人才成為當務(wù)之急。作為電子商務(wù)專業(yè)核心專業(yè)基礎(chǔ)課的《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》，其課程教學目的是使學生掌握設(shè)計并實現(xiàn)一個完整電子商務(wù)網(wǎng)站的基本技能，該課程集理論性、實踐性、創(chuàng)新性于一身，授課知識涵蓋了圖形圖像處理、平面與色彩設(shè)計、flash動畫制作、數(shù)據(jù)庫、程序設(shè)計等內(nèi)容，但在傳統(tǒng)的教學和考核模式下，學生的實踐動手能力未能達到預期的要求，并且由于教學內(nèi)容與職業(yè)技能需求脫節(jié)，導致學生畢業(yè)后需要重新培訓才能適應工作崗位的需求。因此，要改變這種狀況，增強學生的實踐動手能力，培養(yǎng)符合社會需求的應用型人才，必須對現(xiàn)有的教學模式進行改革。
一、課程教學現(xiàn)狀及存在問題
（一）教學指導思想落后
盡管在新版的人才培養(yǎng)計劃當中，逐步加大了該課程實踐課時的比例，但在實際的教學過程中，教學指導思想還是沒有真正轉(zhuǎn)變，理論教學與實踐教學聯(lián)系不夠緊密，傳統(tǒng)的試卷考核方式導致學生的實踐動手能力沒有得到真正的鍛煉和體現(xiàn)，與實際的職業(yè)崗位能力需求不相匹配。
（二）教學內(nèi)容缺乏新意
教學內(nèi)容改革是教學改革的核心內(nèi)容之一，目前的教學大綱基本還是沿用之前的內(nèi)容，只是對個別知識點進行了調(diào)整，沒有質(zhì)的改變，理論教學大綱和實驗實訓大綱的更新均已滯后，對新知識的引入和使用程度較低，與當前計算機建站技術(shù)日新月異的現(xiàn)狀不相匹配，缺乏完整的案例開發(fā)指導，導致學生進入社會需要重新學習和培訓。
（三）教學方法落后
教學方法還是沿用填鴨式的風格，以教師講授為主，缺乏師生之間的交流和互動，對教學輔助設(shè)備的使用還不夠充分，理論學習和實踐操作相分離，制約了學生將理論與實踐相結(jié)合的能力，直接影響了學生思辨能力和創(chuàng)新意識、創(chuàng)新能力的培養(yǎng)。
（四）考核方式不合理
當前的考核方式未能體現(xiàn)加強實踐教學的需求，依然停留在重視理論，忽視實踐的階段，缺乏對學生實踐能力以及對課程內(nèi)容整體性掌握的考核，考試成績中實踐部分占的比例偏低。
（五）對知識應用缺乏整體感
當前教學的模式?jīng)Q定了學生在學習過程中，所掌握的都是零散的知識點，沒有辦法從整體層面考慮實際的應用問題，因此，當課程學習完畢，如何從整體上去應用知識解決實際問題，學生還需要一個知識重組的過程，沒有結(jié)合實際案例的教學，會讓學生在實踐環(huán)節(jié)缺乏目標和方向。
（六）缺乏實際工程項目開發(fā)體驗
本課程是非常強調(diào)實踐過程的，如果沒有實際的開發(fā)案例作為訓練，只停留在理論講解和淺層次的模擬層面，學生就無法體會所學知識在實際工作中的作用，也沒有辦法發(fā)現(xiàn)知識運用過程中可能碰到的問題以及解決的辦法，將會抑制學生的學習興趣，影響學習效果。
二、項目化教學方法
（一）項目化教學概述
項目化教學法是由美國著名教育家、伊利諾易大學教授凱茲博士和加拿大教育家、阿爾伯特大學教授查理博士共同提出的，它是以構(gòu)建教學理論為基礎(chǔ)，以學生為中心，促進學生全面發(fā)展的教學方法。項目化教學法的本質(zhì)是：以師生共同參與為前提，以項目為主線，貫穿整個教學活動的始終，其教學目的是更好地融合實踐教學和理論教學，強化學生的實踐動手能力，充分發(fā)揮學生的積極性和創(chuàng)造性，提高學生解決實際問題的能力，是“行為導向”教學法的一種。項目化教學中涉及的項目應該滿足一定的要求：首先與教學內(nèi)容或者知識點有緊密的聯(lián)系，能夠?qū)⒗碚撆c實踐技能結(jié)合起來，其次是與企業(yè)需求或者現(xiàn)實經(jīng)營活動有一定的關(guān)系，具有一定的應用價值和具體目標，可以讓學生運用知識和技能去解決實際中的問題，達到增強實踐動手能力的效果。一般而言，在項目教學中，會采取分組的形式來實施，由老師指導各組學生完成整個項目的開發(fā)過程。首先由學生討論選擇開發(fā)的項目以及進行項目分工，并對項目開發(fā)的重點、難點以及解決方案進行分析，以保證項目的順利實施；然后在老師指導下，結(jié)合理論知識進行項目開發(fā)，圍繞項目的實施，由學生小組進行一系列有針對性的學習、應用活動；項目結(jié)束后，由各小組展示各自的完成情況，并由老師和同學進行點評，給出合理的改進措施。通過項目的開展和總結(jié)，可以充分調(diào)動學生的積極性，有針對性的根據(jù)某個明確的目標進行學習，進而提高學習的效率，這種方法可以很好把理論知識融入實踐動手環(huán)節(jié)，有利于學生在接近日后工作流程與項目開發(fā)方法的環(huán)境下逐步累計項目研發(fā)經(jīng)驗，所以在高校經(jīng)管類計算機系列課程中采用此教學方法非常合適。
（二）項目化教學的意義
1、有利于培養(yǎng)學生綜合素質(zhì)
項目化教學是教學環(huán)節(jié)非常重要的一個組成部分，它的綜合性和真實性對于培養(yǎng)學生的實踐動手能力、解決分析問題的能力、交流協(xié)作能力和團隊精神有非常重要的作用。
2、有利于發(fā)揮教師的創(chuàng)造性
項目化教學是以具體案例為基礎(chǔ)實施的，它要求學生能夠結(jié)合理論知識解決實際問題，該方法同樣要求老師有較高的創(chuàng)造性和應變能力，需要深刻地理解和把握項目化教學的理論體系，根據(jù)不同的實際項目作出相應的教學調(diào)整，激發(fā)學生的學習興趣，引導學生主動學習并高質(zhì)量的完成項目作業(yè)。
3、有利于推動教學改革
教學方法的改革，不僅在于教學形式的改變，更重要的是于思維方式和觀念的轉(zhuǎn)變，它不僅包括教與學角色和組織結(jié)構(gòu)形態(tài)的變革，還包括考查評估方法的創(chuàng)新、教學文化建設(shè)等，以教學方法改革為牽引，不僅能激發(fā)大學辦學的生機活力，還能激發(fā)學生的創(chuàng)新意識和創(chuàng)新創(chuàng)業(yè)精神等內(nèi)在需要。
4、與實際崗位技能緊密相關(guān)
項目化教學中涉及的項目具有較高的真實性和模擬性，其中包含的知識和技能要求與社會工作崗位要求高度一致，有利于學生在學習過程中，通過了解、觀察、分析和解決問題獲得經(jīng)驗和教訓，為學生以后的就業(yè)奠定了堅實的基礎(chǔ)。
三、課程項目化教學設(shè)計與實施
與傳統(tǒng)的教學方法相比，項目化教學法是以構(gòu)建理論為基礎(chǔ)，以學生為中心的，學生是認知的主體，是信息意義的主動建構(gòu)者，它要求學生從“要我學”轉(zhuǎn)變?yōu)椤拔乙獙W”，從以課本為中心轉(zhuǎn)變?yōu)橐皂椖繛橹行模瑥囊哉n堂為中心轉(zhuǎn)變?yōu)橐詫嵺`為中心。所以，教師在實施項目化教學法時，首先要了解學生的基本情況，然后根據(jù)其教學思路和上述設(shè)計原則，制定合理的教學計劃，一般而言，包括以下四個基本環(huán)節(jié)。
（一）項目設(shè)計
本文以《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程為例，進行項目化教學的探索，以項目需求和功能為主線，貫穿融合課程涉及的主要知識點，學生通過完成項目的方式實現(xiàn)對理論知識的理解和掌握，可以從整體上更好地把握課程的核心的內(nèi)容，因此如何選擇合適的項目，是整個課程設(shè)計的關(guān)鍵，必須充分地考慮項目的可行性、適度性、完整性和真實性。
（二）制定項目教學計劃
選定項目后，第二步需要完成的是制定項目實施的計劃，把項目分成若干個模塊，并把每個模塊涉及的知識點以及能力要求進行整理，結(jié)合教學進度安排表，形成最終的教學計劃，然后通過師生的共同實施，達到每個項目所必須的能力要求，具體步驟如下：1、制定計劃。制定出完成項目的具體設(shè)計方案，時間安排進度表以及分工情況等。2、情景設(shè)置。以知識點為依據(jù)，設(shè)置仿真場景，模擬現(xiàn)實環(huán)境。3、明確任務(wù)。結(jié)合場景的內(nèi)容，總結(jié)歸納出所包含的需要完成的知識點。4、操作演示。通過解決實際問題，演示知識的基本內(nèi)涵以及在實際問題解決當中的作用。5、學生實踐。讓學生對同類型的場景進行實踐操作，加深對知識點的理解，主動思考分析解決實際問題，為解決項目打下基礎(chǔ)。6、協(xié)作學習。通過組內(nèi)的分工協(xié)作實施項目，定期開展小組討論和交流，共同解決實際問題。7、學習評價。根據(jù)項目的完成標準，由學生和老師共同對項目的完成情況進行評價。
（三）實施計劃
項目的具體實施，在老師的統(tǒng)一指導和協(xié)作下，由各組學生獨立完成。在項目實施前，老師首先要把項目實施的基本軟硬件設(shè)施和網(wǎng)絡(luò)環(huán)境準備好，以減少意外因素對項目進展的影響，對于項目實施過程中的關(guān)鍵環(huán)節(jié)、重點和難點，通過統(tǒng)一講解和指導的方式來完成，以保證項目的順利開展。
（四）檢查評估
項目控制是項目順利開展和完成的保障，因此，在教學過程中，應該結(jié)合教學進度表定期檢查各小組的完成情況，保證嚴格按照計劃開展工作，對開發(fā)過程所出現(xiàn)的問題給予及時的指導，并把各種常見的錯誤情況及解決方案及時反饋給各個小組。
四、項目化教學實施注意事項
在項目化教學過程中，我們不僅關(guān)注項目的最終成果，更加重視項目實施的過程，要求師生共同完成這個具有創(chuàng)造性的實踐環(huán)節(jié)，實施過程中需要注意的問題是：
（一）教師應改變觀念
從傳統(tǒng)的教學模式到項目化教學是一個逐步轉(zhuǎn)換的過程，教師不是針對理論知識去引入實踐環(huán)節(jié)，而是需要針對一門課程去設(shè)計一個貫穿的項目，并且將項目分解為模塊，通過模塊覆蓋教學大綱要求的全部知識點，這就需要教師調(diào)整教學的理念，對課程本身及其應用有非常深刻的理解，對項目本身與課程考核目標之間的匹配度有全面的認識和把握。
（二）教師的合理引導非常關(guān)鍵
項目化教學的主要工作由學生小組完成，但是教師的引導和掌控作用不可忽視，要求教師不但要具有較強的專業(yè)知識，還要具備豐富的實踐經(jīng)驗，可以及時發(fā)現(xiàn)項目開展過程中存在的問題。一方面要引導學生結(jié)合項目開展完成理論知識的學習，另一方面要引導學生在實踐的基礎(chǔ)上加深對知識點的理解并加以擴展，教師的引導不僅包括對學生小組的引導，同時也包括對學生個體的引導。
（三）項目設(shè)計要正確把握工作任務(wù)與理論知識的聯(lián)系
只有同時掌握理論知識與實踐能力才是我們最終的培養(yǎng)目標，因此項目設(shè)計的難點在于如何通過項目內(nèi)容把兩者很好的關(guān)聯(lián)起來，教師在選擇項目時應該充分考慮針對性和實用性，在劃分項目模塊時要與教材的章節(jié)對應，在實現(xiàn)功能時要與技術(shù)細節(jié)相關(guān)聯(lián)，把操作流程與理論知識融為一體，真正做到“實踐為主，理論夠用”。
（四）及時開展項目后評估活動
學生小組完成項目后，應該及時開展項目評估和總結(jié)。在項目設(shè)計階段，應該設(shè)計較為全面的指標進行考核，既有定性的考核指標，也有定量的考核指標，通過縱向和橫向的對比，從多個角度進行評估，發(fā)現(xiàn)自身的不足，指出改進的方向，加深學生對知識應用的理解。
五、實施效果
在開展項目化教學的過程中，為了更好的與實際需求相結(jié)合，我們利用組織學生參加全國電子商務(wù)三創(chuàng)賽和網(wǎng)絡(luò)商務(wù)創(chuàng)新應用大賽等學科競賽的契機，以賽事中對網(wǎng)站建設(shè)的需求為導向，引導學生以賽事作為目標開展教學活動。實踐證明，項目化的教學模式能夠加深學生對知識的理解和應用，提高學習的興趣，明確學習的目標，能夠從總體上很好地把握系統(tǒng)開發(fā)的流程和基本技能，使學生綜合運用知識的能力得到提升，使學生的職業(yè)能力得到鍛煉。近幾年參加學科競賽的優(yōu)異成績也說明了項目化教學改革的有效性。
六、結(jié)論
通過項目化教學方法的實施，《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程的教學效果有了明顯的提升，學生對知識點的理解和掌握不單純停留在理論層面，學習的積極性更高，目標更加明確，可以從整體上更好地把握網(wǎng)站開發(fā)的基本流程，對網(wǎng)站開發(fā)的關(guān)鍵技術(shù)理解更加透徹。因此，可以考慮在經(jīng)管學院計算機類課程中逐步推廣項目化教學的模式，同時為了取得更好的實施效果，專業(yè)教師應該更積極地參與科學研究和社會實踐，以獲取更多的項目教學案例，進而為項目化教學的實施奠定堅實的基礎(chǔ)。
作者:葉藝勇 單位:五邑大學經(jīng)濟管理學院
摘要：
網(wǎng)頁的排版與布局在整個網(wǎng)頁設(shè)計中起著至關(guān)重要的作用，通過合理的排版與布局能夠提升網(wǎng)頁的視覺效果，實現(xiàn)信息的有效傳達。本文就網(wǎng)頁設(shè)計中排版與布局的主要原則、相關(guān)內(nèi)容、設(shè)計方法及常見類型進行探討與研究。
關(guān)鍵詞：
網(wǎng)頁設(shè)計；排版與布局；原則；方法
前言
隨著我國信息時代的不斷發(fā)展，人們主要通過網(wǎng)絡(luò)來獲取相關(guān)信息，網(wǎng)絡(luò)的作用也日益凸顯，而網(wǎng)頁作為網(wǎng)絡(luò)的重要展現(xiàn)形式，其在設(shè)計過程中的排版與布局會直接影響一個網(wǎng)頁的瀏覽量。因此，對網(wǎng)頁設(shè)計中排版與布局研究有著重要意義。
一、網(wǎng)頁設(shè)計中的排版與布局的原則
排版與布局是網(wǎng)頁設(shè)計中的重要組成部分，其主要目的是讓信息頁面更加美觀，使信息內(nèi)容更加合理且條理清晰，讓瀏覽者得到更好的客戶體驗。因此，在進行網(wǎng)頁排版與布局的過程中，為達到預期效果應遵循一定原則：首先，縱觀全局，整體規(guī)劃。通過對頁面的文字和圖片進行整體平衡，并融入趣味內(nèi)容，實現(xiàn)頁面的和諧統(tǒng)一；其次，突出網(wǎng)頁主題。即利用網(wǎng)頁版面的主次關(guān)系，將具有較高價值的信息放在版面上部位置，起到重點突出的作用；再次，版面恰當裝飾。即在不影響網(wǎng)頁功能的前提下，對網(wǎng)頁予以簡單裝飾，做到疏密有度、圖文并茂；最后，遵循色彩原則。為了讓一個網(wǎng)頁在眾多網(wǎng)頁中脫穎而出，在對網(wǎng)頁進行排版設(shè)計的過程中，應對頁面色彩進行合理組合，形成強烈的視覺沖擊力，以引起瀏覽者的重點關(guān)注[1]。
二、網(wǎng)頁設(shè)計中的排版與布局的內(nèi)容
網(wǎng)頁設(shè)計中排版與布局主要是對文字和圖像進行版式設(shè)計，使兩者合理組合，向瀏覽者準確傳遞相關(guān)信息的同時展現(xiàn)頁面美感。其基本內(nèi)容主要包括網(wǎng)頁標題設(shè)計、網(wǎng)頁文字編排、網(wǎng)頁圖文結(jié)合及頁面設(shè)計的節(jié)奏感。其中網(wǎng)頁標題一般被放在網(wǎng)頁最上方且位置居中，根據(jù)不同需求還可使用圖片予以裝飾，而剩余頁面文字則根據(jù)網(wǎng)頁的具體需要以點、線、面等方式進行合理編排。不過通篇的文字敘述易使瀏覽者產(chǎn)生厭煩感，進而放棄閱讀，于是頁面內(nèi)容文字還應配圖說明，通過圖文結(jié)合的形式，依據(jù)不同網(wǎng)頁類別將相關(guān)圖片與文字進行靈活搭配，使頁面內(nèi)容變得更加生動活潑，從而激發(fā)瀏覽者的閱讀興趣，充分發(fā)揮網(wǎng)頁傳遞信息的作用[2]。
三、網(wǎng)頁設(shè)計中的排版與布局的方法
在進行網(wǎng)頁設(shè)計之前，首先，要對頁面的表達內(nèi)容予以整體規(guī)劃，通過簡潔明了的布局排版方法對主要信息予以重點突出。其次，合理控制頁面主色調(diào)，即主色彩控制在五種之內(nèi)，并確定一種為主色調(diào)，其它幾種只起到烘托作用即可。最后，注重字體的設(shè)置。整體頁面的字體在三種以內(nèi)，且大小適中，同時對標題與正文的字體大小和顏色加以區(qū)分。
四、網(wǎng)頁設(shè)計中的排版與布局的常見類型
目前，網(wǎng)站種類眾多，從形式上劃分主要包括門戶類、形象類、電子商務(wù)類、企業(yè)類和政府類等，盡管不同種類的網(wǎng)站對網(wǎng)頁版面要求也不盡相同，但網(wǎng)頁排版與布局的常見類型也就幾種。（一）排版的主要類型。排版的基本類型大致被分成十類，其中最為常見的有以下三種：一是滿版型。滿版型的整個頁面被圖像占滿，采取圖像為主、文字為輔的排版設(shè)計，使頁面具有開闊之感；二是分割型。分割型是把頁面進行上下分割或者左右分割，然后將文字和圖片分別在兩個不同區(qū)域，形成直觀的視覺感受；三是傾斜型。傾斜型是將文字和圖片做傾斜式編排，使頁面整體形成視覺沖擊效果。（二）布局的主要類型。常見的布局類型有T型、?口字型和同字型，其中T型是指頁面的頂部為標語和橫幅部分，左下方和右下方分別分布著主菜單和詳細內(nèi)容。這種布局模式能使整個頁面主次分明、清晰明了，但也缺乏一定靈活性，顯得相對枯燥。而口字型的最大優(yōu)勢則是可以充分利用版面，將主題內(nèi)容放在中間位置，在其上下左右分別放入橫條廣告、菜單、內(nèi)容導航、友情鏈接等內(nèi)容，整個布局類似一個口字型。這種布局在國外站點較為常見，在國內(nèi)的使用率相對較低。除此之外，還有一種同字型布局，這種布局一般設(shè)有大標題和小標題，其位置均在頁面上方，相應內(nèi)容被布置在左右兩側(cè)，而頁面下方通常情況下會被留白，即使有內(nèi)容也多為網(wǎng)站基礎(chǔ)信息及網(wǎng)站制造方。
五、結(jié)論
綜上所述，網(wǎng)頁設(shè)計中的排版與布局影響著網(wǎng)頁的成敗，為不斷滿足人們對網(wǎng)絡(luò)的需求，網(wǎng)頁設(shè)計人員應針對不同類型的內(nèi)容采取相應的排版與布局方式，進而提高網(wǎng)頁質(zhì)量和優(yōu)化網(wǎng)頁視覺效果，為人們帶來更好的瀏覽體驗。
作者:阿斯哈爾·努爾蘭 單位:新疆輕工職業(yè)技術(shù)學院
摘要：
在傳統(tǒng)的高職專業(yè)課教學模式中，大多采用的是單門課程理論加實驗的教學模式，學生學的專業(yè)課門數(shù)雖然很多，但在學習后續(xù)專業(yè)課時，前續(xù)課程掌握的知識和技能也逐漸淡忘了，對各門專業(yè)課的聯(lián)系了解不深，前后續(xù)課程教學所用案例聯(lián)系不大或沒有聯(lián)系。該項目圍繞圖書銷售網(wǎng)站，整合網(wǎng)頁設(shè)計、SQLServer、Java程序設(shè)計，結(jié)合這幾門課程的特點，設(shè)計完整軟件項目并基于這一軟件項目有效地銜接各門課程的知識點和技能點，根據(jù)學生的課程學習進度來循序漸進地完成軟件項目設(shè)計與實現(xiàn)，提高學生的學習效率和實踐動手能力。
關(guān)鍵詞：
項目教學；網(wǎng)頁設(shè)計；網(wǎng)站開發(fā)
一、改革背景
隨著職業(yè)教育的大力發(fā)展和互聯(lián)網(wǎng)的廣泛應用，《網(wǎng)頁設(shè)計》已成為計算機類相關(guān)專業(yè)主要課程之一，傳統(tǒng)的教學方法是單科學習，網(wǎng)站建設(shè)的前后臺相關(guān)課程，也會隨著不同的授課老師而采用不同的案例來教學，學生學到的知識都是片斷化，很難掌握整個學科體系，學生到企業(yè)中也很難上手去做，因此改革勢在必行，為使學生實現(xiàn)零距離就業(yè)，我們使用企業(yè)真實的開發(fā)案例，通過案例銜接各門課程的知識點和技能點，從而提高學生的學習效率和實踐動手能力。
二、網(wǎng)頁設(shè)計課程的教學目標
2.1專業(yè)能力培養(yǎng)目標。熟悉網(wǎng)站設(shè)計流程，掌握最新的網(wǎng)站開發(fā)技術(shù)、運用HTML+CSS+JavaScript等技術(shù)布局網(wǎng)頁，制作符合Web標準的網(wǎng)頁、能夠?qū)⒕W(wǎng)頁設(shè)計師的效果圖快速轉(zhuǎn)換為Web標準原型、并能夠認識并編寫HTML代碼，2.2方法能力目標。具有較好的理解溝通能力、工作協(xié)調(diào)能力和創(chuàng)新精神、積極肯干、吃苦耐勞，具有高度的責任感、具備良好的職業(yè)素養(yǎng)和團隊合作精神，具備優(yōu)良的職業(yè)道德、認真的工作態(tài)度，并能承受一定的工作壓力。2.3社會能力目標。樹立網(wǎng)絡(luò)安全意識、具有創(chuàng)新意識、具備良好的思想道德修養(yǎng)和職業(yè)道德素養(yǎng)、具有愛崗敬業(yè)和團隊合作精神。
三、項目教學法的特點
3.1項目教學法的概念。項目教學法是指在教師的指導下,讓學生獨立完成一個相對獨立的項目，學生可獨立完成，或按小組的形式完成，貫穿信息收集、方案設(shè)計、項目實施、綜合評價等各環(huán)節(jié)，學生通過項目的執(zhí)行，了解項目過程中每一個環(huán)節(jié)的基本要求。3.2項目教學法的特點?！绊椖拷虒W法”是以項目為主線、學生為主教師為輔，主要特點有：（1）項目教學周期短、見效快；項目教學法通常是在一個短期內(nèi)、小范圍空間內(nèi)進行的，并且教學效果良好。（2）收益的多樣性；對學生，讓他們在主動積極的學習環(huán)境中，激發(fā)創(chuàng)新能力，培養(yǎng)學生分析問題解決問題的綜合能力。對教師，不再是主導者，轉(zhuǎn)變了傳統(tǒng)的教學觀念，通過對學生的指導，成為學生學習的促進者、組織者和指導者。對學校，有利于教育理念的整體轉(zhuǎn)變，并逐步完善和整合學校課程體系。（3）可以激發(fā)學生的學習興趣，培養(yǎng)學生積極思考問題的能力，發(fā)揮出學習潛能。比如說在講到“圖書網(wǎng)站布局”的時候，先要講解盒子模型，并完成上下布局的網(wǎng)頁，再讓學生自己去網(wǎng)站觀察網(wǎng)頁布局，再引出其它的布局方法，讓學生跟著一起思考怎樣做出左右布局，以及布局的嵌套方法等等。通過這樣一個個具體項目完成，激發(fā)同學們積極思考，并最終在自己的努力和教師的指導下完成整個項目，提升了學習的成就感。（4）注重理論與實踐相結(jié)合。項目教學法是學習小組成員共同完成項目，并取得共同進步的教學方法，也促進了教師教學能力的提升。每個學生在理論的指導下，實現(xiàn)的網(wǎng)站也不同，也會有很多不同，會遇到很多不同的問題，老師和學生、學生之間都可以相互探討，找到解決問題的最佳方法，收獲頗豐。（5）積極營造創(chuàng)新環(huán)境，培養(yǎng)學生創(chuàng)新意識。?有創(chuàng)新才有發(fā)展，創(chuàng)新是動力源泉，教師要在育人過程中，要培養(yǎng)學生的創(chuàng)新思維。讓學生能夠運用知識去創(chuàng)造作品，要充分發(fā)揮想象力和潛能，從而實現(xiàn)自己的想法。比如在講解表單知識點的時候，引導學生觀察到網(wǎng)站下載資料時大部分需要注冊會員，先讓學生觀看會員注冊頁面，結(jié)合所學內(nèi)容，講解此類會員注冊頁面運用了哪些表單元素，并給學生設(shè)計以下子項目：要求學生參考資料，設(shè)計某網(wǎng)站會員申請頁面。學生可以發(fā)揮自己的想象力，也可以參考互聯(lián)網(wǎng)中的相關(guān)案例，利用各種工具及方法來進行設(shè)計與布局。根據(jù)經(jīng)驗和想象力，做出一個全新的作品。（6）可以培養(yǎng)學生的自學能力和團隊合作精神。?“項目教學法”注重培養(yǎng)學生自主學習能力和合作學習的能力。在《網(wǎng)頁設(shè)計》課程中，教師在進行“項目”設(shè)計時，要分別設(shè)計出不同的“自主學習項目”和“合作學習項目”。對于自主學習的“項目”，讓學生利用已學的技術(shù)和知識，來完成作品，培養(yǎng)學生的自主學習的能力。對于合作學習的“項目”，則要求由多個學生共同協(xié)作完成。比如在圖書網(wǎng)站項目的制作過程，要求小組成員分工不同，相互配合，使整個網(wǎng)站風格統(tǒng)一，各子頁面功能不同，使學生與教師與、學生與學生之間產(chǎn)生多向交流，并在不斷地交流學習中提高技能，增強學生的自我學習能力及團隊合作精神。
四、項目教學法在網(wǎng)頁設(shè)計課程中的應用
4.1確定網(wǎng)站項目。確定優(yōu)秀的項目是項目教學法取得成功的關(guān)鍵，為了更好地與后續(xù)課程銜接，本課程采用的圖書銷售網(wǎng)站的制作，在上第一節(jié)課時，先對學生介紹項目的完成目標，項目的主要過程，并對學生進行分組，盡量使每一組學生的能力水平大致平衡。4.2制定網(wǎng)站項目計劃。當項目確定以后，學生要根據(jù)已有的功能需求，設(shè)計出需要的頁面內(nèi)容及數(shù)量。完成站點的建立并畫出網(wǎng)站結(jié)構(gòu)圖。制定出完整的項目計劃，并按照計劃和網(wǎng)站的需求分析來確定項目需完成哪些功能模塊，并把一個個功能模塊細分為一系列小項目，在小項目中實施過程中側(cè)重鍛煉學生的各種能力，學生根據(jù)項目的時間安排，結(jié)合項目內(nèi)容撰寫網(wǎng)站開發(fā)計劃書。4.3網(wǎng)站項目實施。項目的實施過程是項目教學法中的核心環(huán)節(jié)。為了保證項目能夠按照項目計劃書的時間進度安排，按時保質(zhì)保量完成相應的功能模塊，由于學生之前沒有學過本門課程，因此項目的實施必須分階段穩(wěn)步進行。第一階段是基礎(chǔ)階段，主要教授學生網(wǎng)頁設(shè)計軟件的使用方法，每講一個基礎(chǔ)知識點，就完成一個實驗項目，這樣有針對性的練習，可以使學生牢固地掌握基礎(chǔ)知識，使其形成相應的具體能力。第二階段是項目實施過程，要結(jié)合第一階段學生對知識的掌握情況，根據(jù)項目計劃書的要求進行項目開發(fā)實施。在此階段，教師要適時對教學小組的學生情況進行點評和指導，解決學生在網(wǎng)站開發(fā)中遇到的難題，并對各小組共性的問題進行集中講解。定期召開項目小組長會議，反饋項目的進度，收集各項目小組的難題問題，舉行項目經(jīng)驗交流會，在會上探討解決疑難問題。第三階段項目實施總結(jié)過程，當完成一個項目階段后，要撰寫總結(jié)報告，總結(jié)項目開發(fā)的經(jīng)驗，為下一階段的項目工作提供有力保證。階段性總結(jié)評價對項目的順利完成也是至關(guān)重要的，在完成每個階段后，還應對學習成果進行展示、總結(jié)、評價，不足之處要限期整改糾正，從而鞏固項目成果，為后續(xù)工作的開展打下堅實的基礎(chǔ)。評價不僅要有教師的，還要有學生的互評成績，如果是企業(yè)的真實項目，企業(yè)的評價比重應占得更高更重。在做出評價時還應考慮學生的學習態(tài)度、參與程度、合作能力等多方面進行評價。4.4網(wǎng)站項目的總結(jié)和應用。項目完成后要有項目總結(jié)環(huán)節(jié)，并將其成果應用到實際中，實現(xiàn)該門課程的教學目標。制作的網(wǎng)站項目和后續(xù)課程銜接完善后，可擇優(yōu)推向市場，并應用到相關(guān)領(lǐng)域，由買家和用戶反饋使用滿意度，并根據(jù)反饋意見及時做出修改。項目完成后應總結(jié)經(jīng)驗并進行經(jīng)驗交流，各小組可以取長補短，繼續(xù)完善作品。
五、總結(jié)
通過教學時間證明，這種改革方法能夠讓學生通過參與項目從而掌握整個學科體系。學生在網(wǎng)頁設(shè)計中做的網(wǎng)站開臺，通過JAVA和JSP的整合，可以實現(xiàn)與后臺數(shù)據(jù)庫的連接，從而能夠?qū)崿F(xiàn)網(wǎng)站前后臺功能的實現(xiàn)，項目教學法有利于學生明確學習目標，發(fā)揮他們的主觀能動性，能夠調(diào)動學生學習的積極性，也能使學生各門課程知識的系統(tǒng)化組織，有助于他們自我學習能力的培養(yǎng)，提升動手能力和團隊合作能力，提高了學生的創(chuàng)新意識。在今后的教學過程中，還應不斷改進教學方法和教學手段，及時總結(jié)教學經(jīng)驗，以達到更好的教學效果。
作者:康麗 單位:內(nèi)蒙古電子信息職業(yè)技術(shù)學院
摘要：
《網(wǎng)頁設(shè)計》課程是中職學校計算機專業(yè)以及一些相關(guān)專業(yè)所開設(shè)的一門實踐性很強的技能課程。隨著計算機技術(shù)與網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展，對網(wǎng)頁制作人才的需求越來越多，如何提高學生的網(wǎng)頁設(shè)計實踐操作技能和職業(yè)能力素質(zhì)來適應社會需求，是中職學校急需解決的一個問題。筆者根據(jù)教學實踐，對本課程的教學內(nèi)容和教學方法進行了探討。
關(guān)鍵詞：
網(wǎng)頁設(shè)計；教學模式
《網(wǎng)頁設(shè)計》課程是一門實踐性、技能性要求非常高的學科，這正符合了中職學校以培養(yǎng)學生的實踐技能為目的的特點。傳統(tǒng)的授課方式多數(shù)采?。赫n堂講解，課后實踐。然而對于基礎(chǔ)普遍較差的中職學生來說，單純的講解很難吸引他們的注意力。剛開始很多學生充滿好奇聽講，當接受過多的理論灌輸后，興趣銳減，講課質(zhì)量會大大下降。另外，課后的實踐缺乏有效的監(jiān)督和引導，很容易在短暫的好奇之后失去興趣。所以，在教學過程中，需要我們結(jié)合學生的愛好與興趣，研究一種新的教學方案，探索一種更貼近學生特點的教學模式。針對中職學校《網(wǎng)頁設(shè)計》課程的教學，本文從以下幾方面去考慮：教學內(nèi)容、教學目標、教學方法、教學實踐、教學評價。
1教學內(nèi)容、目標和組織形式
在網(wǎng)頁設(shè)計教學過程中，首先，根據(jù)中職生的特點，研究清楚學生對本門課的認知，他們對這門課的期望程度，想從這門課學到什么。然后，有選擇性的制訂教學內(nèi)容和教學計劃，盡量避開單純的理論講解，不斷改進教學方法，以激發(fā)學生的學習興趣。本課程的教學目標是要求學生把握一種現(xiàn)代的創(chuàng)新理念、層次思維、組織能力和審美觀點，培養(yǎng)學生具備設(shè)計與制作優(yōu)秀網(wǎng)頁的能力。教學過程的組織形式一一團隊合作。在整個教學活動中，主要采取分組學習的形式。根據(jù)學生的特點，合理地組成學習團隊，分組的依據(jù)為：學生的性別、學習成績、行為習慣、學習能力等，主要以互補的形式為主。每個團隊5~6名學生，并在每組中設(shè)立小組長，全面負責小組的學習討論和學習項目的分工安排，同時強調(diào)團隊互助合作的重要性。
2教學方法
2.1行為導向法
行為導向教學法是職業(yè)教育的主要教學方式，是一種先進的職業(yè)技術(shù)培訓教學法。它不是指某種具體的教學方法，而是一系列教學技術(shù)和方法。包括項目教學法、案例教學法、角色扮演法等。行動導向教學法以教學生“學會學習”為目標，學生是學習過程的中心，從注重“教法”轉(zhuǎn)到注重“學法”，將學生的學習與學生發(fā)展密切結(jié)合起來。教師是整個教學過程的引導者與協(xié)調(diào)者，在教學活動中與學生互動，引導學生自主學習和獨立探索，讓學生在自己“動手”的實踐中習得專業(yè)知識和實踐技能，進而形成自己的知識體系。
2.2默會知識
英國著名的科學哲學家波蘭尼在《人的研究》一書中首次提出了默會知識的概念與理論，他認為：“人類有兩種知識，通常所說的知識是用書面文字或地圖數(shù)學公式來表達的，這只是知識的一種形式，還有一種知識是不能系統(tǒng)表述的，例如我們有關(guān)自己行為的某種知識，如果我們將前一種知識稱為顯性知識的話，那么我們就可以將后一種知識稱為默會知識。”它是一種只可意會不可言傳的知識，是一種經(jīng)常使用卻又不能通過語言文字符號予以清晰表達或直接傳遞的知識。教學過程既是一個傳遞和掌握顯性知識的過程，同時也是一個通過實踐活動領(lǐng)悟和獲取必要的默會知識或直接體驗的過程。而學生要獲取以默會知識為主體的實踐知識和技能，關(guān)鍵是通過對具體實踐行為的觀察、模仿和體驗，而并非語言的傳遞。因此，以培養(yǎng)學生實踐技能為核心任務(wù)的職校必須積極探索指向?qū)嵺`行動的教學改革。例如，與相關(guān)企業(yè)合作，提供學生頂崗實習的機會，讓學生親身體驗真正的工作環(huán)境。在《網(wǎng)頁設(shè)計》實踐教學中，筆者以學校舉辦的科技節(jié)活動為契機，實施“小組合作，團隊協(xié)作”的教學策略，在共同完成任務(wù)的過程中習得默會知識。
3教學實踐
3.1知識技能的掌握
行為導向教學是學生積極參與的教學，強調(diào)學生學習興趣的培養(yǎng)，具有針對性強、教學效率高的特點。因此，針對中職生的學情，在《網(wǎng)頁設(shè)計》基本知識技能的掌握上，筆者采用行為導向教學法之：案例法、小組討論法、辯論法、媒體展示法和任務(wù)驅(qū)動法。本文簡要說明案例教學法和小組討論教學法。1)案例教學法案例教學法是以某個實例為先導，提出問題引導學生思考，進而實現(xiàn)舉一反三、觸類旁通的遷移，將問題一般化。以網(wǎng)頁中的“行為”這個知識點的學習為例。按照傳統(tǒng)的教學方法，首先直接給出行為的基本概念：行為是在某一對象上因為某一事件而觸發(fā)某一動作的綜合描述；然后開始按順序逐個介紹各個行為的使用。學生跟著教師的步伐可能可以完成相關(guān)行為的應用，但在這種情況下，他們很難真正理解“行為”的含義，什么是“動作”、什么是“事件”，更不用說實現(xiàn)舉一反三的效果。筆者在講解“行為”這個概念之前，先引導學生反復練習簡單“電子地圖”的制作，之后通過這個例子中涉及的“顯示-隱藏元素”、“交換圖像”等動作形象地引入“行為”所包含的“對象”、“動作”和“事件”，讓學生自己對號入座（對象：圖片熱區(qū)；事件：鼠標的移入和鼠標的移出；動作：圖片的顯示和隱藏；行為：鼠標的移入+圖片的顯示，鼠標的移出+圖片的隱藏。）。從而讓學生自發(fā)地認知“行為”這個概念。在接下來的“行為應用”的例子中，始終以不變的步驟：“選擇對象——選定動作——確定事件”來分析和熟悉各個行為的應用。按照這個步驟，學生就可以以不變應萬變，靈活掌握各個“行為”的使用。行為中的“對象”、“動作”、“事件”幾個比較抽象的概念通過實例形象化后，再加強，使學生較好地掌握了本堂課的內(nèi)容，有效地突破了重點和難點。2)小組討論教學法在網(wǎng)頁設(shè)計實踐訓練過程中，每位學生都有自己的見解，教師要鼓勵學生發(fā)表自己的想法，也把自己的實踐經(jīng)驗與其他同學交流，通過師生間、學生間的對話交流，提高學生學習興趣的同時，實現(xiàn)知識的融合與共享。例如，在網(wǎng)頁的布局上，讓學生分小組討論“表格、AP元素、框架”這三個布局技術(shù)的優(yōu)缺點與適用場合，結(jié)果以小組之間辯論的方式展示和總結(jié)。從而加深對這三個重要技術(shù)的認識。
3.2綜合應用
在《網(wǎng)頁設(shè)計》課程的知識技能的綜合應用上，筆者采用行為導向教學法之項目教學法。項目教學法是目前中職學校專業(yè)課教學普遍采用的一種方法，尤其是計算機教學特別適合于采用項目教學法。筆者以學校舉辦的“科技節(jié)活動”為契機，實施“小組合作，團隊協(xié)作”的教學策略，在共同完成任務(wù)的過程中習得默會知識。最終在全校范圍內(nèi)進行成果作品的評比，相應的獎勵是有效的激勵手段。項目教學的實施步驟：
1)確定項目主題
由教師提供一些參考主題（如個人主頁、班級主頁、學校6S管理、中國傳統(tǒng)文化、美食、旅游等）或?qū)W生自定的主題。項目的任務(wù)是繪制網(wǎng)站模板并完成網(wǎng)站的設(shè)計。項目的目標是每個小組制作出一個完整的網(wǎng)站。
2)制訂計劃
由小組討論制定項目實施計劃,確定實現(xiàn)步驟和程序。
3)組織實施
項目小組學生分工后,按照既定步驟和程序開展工作，小組成員協(xié)作完成項目。第一，收集素材。網(wǎng)頁初學者在搜集素材上的一個共同特點是，從網(wǎng)絡(luò)上大量收集素材后卻無從下手，不知如何應用。搜集素材的關(guān)鍵在于精而不在于多。因此，要求學生在搜集素材前，小組內(nèi)首先討論清楚自己要做什么內(nèi)容、網(wǎng)站分為幾個模塊、各個模塊需要哪些素材，從而有針對性地整理自己的素材，切忌靈感泛濫，什么都想做。第二，繪制網(wǎng)站模板。利用圖片處理工具Photoshop或者FireWorks繪制網(wǎng)站模板，教師提供一些典型的網(wǎng)站模板供學生參考。要求學生自己參閱一些知名網(wǎng)站的設(shè)計與組織架構(gòu)。建議小組成員做好分工合作、有效實現(xiàn)技術(shù)的共享。Logo的設(shè)計、Bannner條的制作、網(wǎng)頁版面的布局和色彩的搭配都是網(wǎng)站設(shè)計成功的關(guān)鍵。網(wǎng)站版面的設(shè)計缺乏規(guī)劃和創(chuàng)意是網(wǎng)站的初學者的通病，網(wǎng)頁元素的隨意堆砌容易使整個網(wǎng)站版面條理不清。小組負責人需要將任務(wù)分解并分配到小組成員的身上，在獨立完成自己的任務(wù)的同時加強與成員之間的交流。第三，鼓勵學生在實踐操作中對話交流。默會知識很難流動，它只有在顯性化或被他人吸收、利用時才能發(fā)揮作用，只有在人際互動學習中才便于其生成與獲得。
4)項目結(jié)果匯報與作品展示
各個小組展示模板和網(wǎng)頁，并陳述作品的創(chuàng)作過程。
5)評價總結(jié)
在課程結(jié)束的時候，舉行了一次作品展覽答辯會，由教師組建評價隊伍，對各個小組的作品分別進行評價，評出優(yōu)秀作品，并在全校范圍內(nèi)展示。評價主要包括：自我評價、組內(nèi)互評、組間互評和教師點評。項目評價的目的是，通過答辯交流了解學生在學習過程中有無困難、是否順利等來判斷項目的設(shè)置和要求是否過高或者過低。
4結(jié)束語
實踐教學的質(zhì)量決定中職學校的人才培養(yǎng)質(zhì)量，所以教學改革需要不斷地深化。本文對《網(wǎng)頁設(shè)計》課程的教學內(nèi)容、教學方法、教學評價等方面進行改革，增強學生的學習興趣和學習積極性。提高中職生的實踐操作技能，需要在實踐教學過程中不斷地進行探索和完善。
作者:呂溪敏 單位:廈門信息學校
摘要:
隨著我國互聯(lián)網(wǎng)信息技術(shù)的飛速發(fā)展，通過網(wǎng)絡(luò)流量網(wǎng)頁觀看新聞、圖片和視頻等已經(jīng)成為人們?nèi)粘Ｉ钪斜夭豢缮俚纳顑?nèi)容，因此，網(wǎng)頁設(shè)計所受到的關(guān)注度越來越高。其中圖形圖像處理技巧是網(wǎng)頁設(shè)計最重要的影響因素之一，決定著網(wǎng)頁設(shè)計整體效果、主題思路和瀏覽感受。為了滿足人們對網(wǎng)頁設(shè)計日益增長的審美要求，必須充分發(fā)揮出圖形圖像處理技巧的優(yōu)勢，設(shè)計出更加優(yōu)秀和美觀的網(wǎng)頁。本文對網(wǎng)頁設(shè)計中的圖形圖像處理的優(yōu)勢、構(gòu)圖方法和處理技巧應用等方面進行了簡要分析。切實希望有助于提升網(wǎng)頁設(shè)計中的圖形圖像處理的水平和質(zhì)量。
關(guān)鍵詞:
網(wǎng)頁設(shè)計;圖形圖像處理技巧
近年來，隨著我國科學技術(shù)的飛速發(fā)展和人民生活質(zhì)量的不斷提高，通過互聯(lián)網(wǎng)信息技術(shù)瀏覽網(wǎng)頁已經(jīng)成為人們?nèi)粘９ぷ鲗W習生活的一部分，不但如此，各個行業(yè)領(lǐng)域、機關(guān)部門都需要借助網(wǎng)絡(luò)來輔助辦公，因此，網(wǎng)站和網(wǎng)頁建設(shè)是目前備受關(guān)注的焦點。網(wǎng)頁設(shè)計中最重要的一個環(huán)節(jié)就是圖形圖像處理的過程，由于網(wǎng)頁是面向網(wǎng)站用戶的直接對象，網(wǎng)頁所展示出的整體效果和層次脈絡(luò)代表著網(wǎng)頁所有者的能力和態(tài)度，能否把網(wǎng)頁設(shè)計與藝術(shù)美感有機結(jié)合是獲取瀏覽者認同度和滿意度的基礎(chǔ)因素。這就要求網(wǎng)頁設(shè)計中圖形圖像處理過程的質(zhì)量和水平要格外高超，用專業(yè)的圖形圖像處理技能和知識配合富有藝術(shù)美感的處理技巧，充分滿足人們對瀏覽網(wǎng)頁的視覺需求和效用需求。
1網(wǎng)頁設(shè)計中的圖形圖像處理技術(shù)分析
1.1網(wǎng)頁設(shè)計過程中運用圖形圖像的優(yōu)勢
首先，在網(wǎng)頁設(shè)計過程中使用圖片首先可以給用戶帶來直觀的視覺沖擊，具有視覺優(yōu)勢，以圖片作為網(wǎng)頁版面的構(gòu)成要素可以烘托出特殊的網(wǎng)頁風格，而且圖片具有良好的適配性和包容性，能夠配合網(wǎng)頁中蘊含的其他因素，從而使網(wǎng)頁獲得統(tǒng)一、協(xié)調(diào)的美感。其次，圖片內(nèi)容的受眾性逛具備認知優(yōu)勢，通過圖片設(shè)計者可以忽略由于語言文字產(chǎn)生的信息障礙，增大瀏覽和觀看的受眾范圍，即使用戶不認識文字或者來自不同語言文化的國家，都可以通過圖片內(nèi)容來準確理解設(shè)計者所表達的思想內(nèi)涵。
1.2網(wǎng)頁設(shè)計過程中運用圖形圖像的構(gòu)圖方式
網(wǎng)頁設(shè)計中主要的構(gòu)圖方式按結(jié)構(gòu)劃分有三種，分別是縱向式、水平式和中心式構(gòu)圖。其中，縱向式構(gòu)圖是指將網(wǎng)頁中的全部元素按照豎直方式進行排列，這種構(gòu)圖方式比較簡潔明了，用戶能夠直觀、清晰地感受到網(wǎng)頁的主體內(nèi)容，多適用于廣告設(shè)計中。而水平式構(gòu)圖與上一種構(gòu)圖方式類似，只不過是將排列方式轉(zhuǎn)變?yōu)闄M向，這種構(gòu)圖方式體現(xiàn)出莊重、樸實和嚴謹?shù)娘L格，適合用戶的瀏覽習慣，主要適用于政府機關(guān)、企業(yè)單位和學校等機構(gòu)的網(wǎng)站中。中心式構(gòu)圖運用較少，其設(shè)計理念是把所有元素統(tǒng)一集中到網(wǎng)頁中心，集中表現(xiàn)力較強，但是給人的感覺過于拘謹。
1.3網(wǎng)頁設(shè)計過程中運用圖形圖像的處理技術(shù)
1.3.1圖形圖像去噪
網(wǎng)頁在添加圖形圖像的時候會伴隨著噪聲，噪聲的產(chǎn)生是由圖形圖像的自身屬性所決定的。通過圖形圖像去噪處理，可以有效提高圖形圖像的分辨率，對圖片質(zhì)量和大小進行優(yōu)化。
1.3.2圖形圖像增強
主要是通過后期制作將中心圖像四周的圖像進行淡化處理，以此達到突出中心主題的目的。圖形圖像增強能夠有效提升圖片的畫面感，其主要技術(shù)有，邊緣增強、圖像色彩增強和銳化增強等。
1.3.3圖形圖像壓縮
這種技術(shù)被大范圍適用于數(shù)字圖像中，主要是針對圖像數(shù)據(jù)中冗余信息進行壓縮處理，以提升圖形圖像的分辨率、像素水平，降低圖像的失真性，提高圖片質(zhì)量。
2網(wǎng)頁設(shè)計中的圖形圖像處理技術(shù)的應用
2.1圖形圖像的形式與網(wǎng)站整體風格的匹配度與協(xié)調(diào)性
網(wǎng)頁設(shè)計中所涉及到圖形圖像的表達方式大致有三種，分別是四方圖、退底圖和邊緣模糊圖。每一種圖片表達方式都有其獨特的視覺效果和瀏覽體驗，需要通過合理的運用組合，才可以設(shè)計出高水平的網(wǎng)站網(wǎng)頁。在網(wǎng)頁設(shè)計過程中，要充分考慮到圖形圖像的形式與網(wǎng)站整體風格的匹配度與協(xié)調(diào)性，按照主題風格將圖片內(nèi)容進行層次性排列設(shè)計，突出中心主題圖像，對次要信息表達的圖片進行弱化處理，從而設(shè)計出最佳效果的網(wǎng)站網(wǎng)頁。
2.2對圖片的格式、大小和顏色等因素進行處理
在設(shè)計網(wǎng)頁的過程中要按照實際需求選取圖片格式，科學規(guī)范的圖片格式設(shè)置可以保證網(wǎng)頁設(shè)計的合理性和美觀性，通過對拍攝圖片、截取圖片和拼接圖片的處理，增強用戶的視覺感官與瀏覽享受，運用“圖片+文字”的手法是網(wǎng)頁設(shè)計中較為普遍的設(shè)計形式，為了不影響整體效果和中心內(nèi)涵，不同格式的圖片設(shè)計是必須考慮清楚的環(huán)節(jié)。由于網(wǎng)頁的版面所限，如何在有限的空間中高效運用圖片進行信息輸出是設(shè)計者需要考慮的重要內(nèi)容，網(wǎng)頁設(shè)計中圖片大小主要影響圖形圖像的分辨率清晰度，同樣需要配合網(wǎng)頁中心思想來進行設(shè)置，突出重點來提升網(wǎng)頁瀏覽效果。網(wǎng)頁設(shè)計過程中圖形圖像的不同顏色搭配，能夠展現(xiàn)出不同的設(shè)計風格和不同的表達效果，與圖表、背景和文字之間的協(xié)同搭配是設(shè)計師在選擇圖片顏色時考慮的重要因素。
2.3圖形圖像處理的相關(guān)技術(shù)
要想制作出具備觀賞性和藝術(shù)性的高水平網(wǎng)頁，圖形圖像處理的相關(guān)技術(shù)的運用必不可少。Photoshop作為功能性和適用性較強的圖形圖像處理軟件，在網(wǎng)頁設(shè)計過程中應用較為廣泛。根據(jù)網(wǎng)頁設(shè)計要求，Photoshop能夠?qū)D片的位置、大小和版式等多項內(nèi)容進行處理和調(diào)整，其中，圖片分割技術(shù)是較為常用的一種技巧。通過多幅圖片的分割、重構(gòu)和組合能夠設(shè)計出別具風格的圖形圖像，極大地增加了圖片的靈動性和美感。
3結(jié)論
綜上所述，網(wǎng)頁設(shè)計對技術(shù)性和美觀性的要求越來越高，設(shè)計師對圖形圖像處理技巧運用的能力更為重要。在設(shè)計網(wǎng)頁的過程中，通過強調(diào)圖形圖像的形式與網(wǎng)站整體風格的匹配度與協(xié)調(diào)性，根據(jù)主題對圖片的格式、大小和顏色等因素進行處理，運用Photoshop等圖片處理軟件，可以有效提升網(wǎng)頁的藝術(shù)性和美觀性，提高網(wǎng)頁設(shè)計的質(zhì)量和水平。
作者:徐智旭 門威 單位:河南廣播電視大學
摘要：
隨著科學技術(shù)的不斷發(fā)展，各種網(wǎng)絡(luò)產(chǎn)品幾乎滲透到生活的方方面面，在人們生活中產(chǎn)生重要的影響。網(wǎng)絡(luò)成為人們獲取信息的主要平臺，網(wǎng)頁成了信息的主要載體，所以網(wǎng)頁對人的吸引力有著實際的意義。
關(guān)鍵詞：
色彩對比；網(wǎng)頁設(shè)計；吸引力；視覺效果
1引言
在網(wǎng)站形象的傳達過程中，色彩是首位要考慮的視覺因素。為提高網(wǎng)頁對人們的吸引力，網(wǎng)站能夠給人們留下深刻的印象，提升網(wǎng)站運行的質(zhì)量，做好色彩對比與調(diào)和的措施具有實際可行的意義。色彩，作為生活中不可或缺的調(diào)和劑，在網(wǎng)頁設(shè)計中，可以促使信息分類以及瀏覽的速度都有所上升，所以在網(wǎng)頁設(shè)計的因素參考中具有較為實際的意義，在近幾年的發(fā)展中，重要性不斷突出。色彩對比和調(diào)和的積極作用在實踐中得到突出的表現(xiàn)。
2色彩對比與調(diào)和在網(wǎng)頁設(shè)計中的應用背景
隨著網(wǎng)絡(luò)技術(shù)水平的不斷提高，網(wǎng)絡(luò)技術(shù)逐漸滲透到人們生活的方方面面，并產(chǎn)生了重要的影響?；诰W(wǎng)絡(luò)化使得人們的生活更加便利，許多信息都是在網(wǎng)頁中進行了解，所以網(wǎng)頁成為人們生活中一個重要的信息載體。因此，在網(wǎng)頁上進行更好的信息傳達，成為現(xiàn)代研究工作中重要的一項新的課題。在具體的網(wǎng)頁設(shè)計過程中，作為傳達信息最為直接因素的色彩，在網(wǎng)頁設(shè)計越發(fā)重要的情況下，其積極作用也越發(fā)明顯。如何更好的通過色彩的對比和調(diào)和，來提高網(wǎng)頁對人的印象成為研究和關(guān)注的重點。色彩設(shè)計是整個網(wǎng)頁設(shè)計的靈魂，也是網(wǎng)頁作品的表達語言之一，對人們的視覺傳達有著重要的作用，是重要的手段和途徑。色彩對比和調(diào)和是利用色彩的重要的基礎(chǔ)的手段，運用到網(wǎng)頁的設(shè)計過程中，對整體的協(xié)調(diào)和局部的突出都有著重要的作用。在網(wǎng)頁中做好色彩的對比，可以使色彩的明度和純度等對網(wǎng)頁的視覺效果都有著重要的作用。雖然對比和調(diào)和是色彩利用中較為矛盾的兩個方面，但是處理好這二者的關(guān)系，可以使得在色彩的促進作用下，人們更直接的注意到相關(guān)的信息。在各種網(wǎng)頁的設(shè)計中，色彩本就是不可或缺的重要因素，對于提高廣告的重要意義有著突出的作用。色彩的不同處理，對于群眾主體以及群眾對網(wǎng)頁信息的獲取和理解都有著巨大的差別，所以做好色彩的處理對于網(wǎng)站持久的影響力有著重要的影響。
3色彩對比與調(diào)和在網(wǎng)頁設(shè)計中的應用方法
色彩有著重要的意義，在實際的網(wǎng)頁設(shè)計中也有著許多不同的表現(xiàn)，發(fā)揮著不同的作用，筆者經(jīng)過相關(guān)資料的調(diào)查，得出相關(guān)的應用表現(xiàn)有如下幾點：
3.1注重色彩的對比
在網(wǎng)頁的設(shè)計和實施的過程中，對于不同的顏色，不同的人會有不同的感覺，整體的表現(xiàn)效果也有著明顯的不同，所以要根據(jù)具體的內(nèi)容使用不同的顏色，使得顏色對于主要的閱讀群體有著重要的影響。要做好色相的對比，對主色和其他的顏色進行搭配的綜合考慮，使得主色和其他顏色的整體效果較為突出。如果兩種顏色較為接近，就是柔和的對比，如果顏色差別較大，有一定的強調(diào)作用，但可能因為對比太過突出從而降低整個的協(xié)調(diào)感。色彩的明度包括色彩差和非色彩差大部分的內(nèi)容，不同的色彩會使得色彩的明度有所差異，人們看見的明度會以空間層次的效果進行呈現(xiàn)，所以明度的設(shè)計也要符合整個網(wǎng)頁的設(shè)計要求。顏色的安排要根據(jù)網(wǎng)頁信息的面積進行具體的安排，提高網(wǎng)頁整體的質(zhì)量。
3.2同種色彩的調(diào)和
網(wǎng)頁色彩搭配的過程中，對于同一種色彩來說，進行調(diào)和作用，降低顏色相似帶來的單一感，對色彩的純度和明度進行充分的利用。運用不同的顏色進行網(wǎng)頁功能的劃分，也可以使得網(wǎng)站擁有更好的韻律感。在同一色環(huán)對立位置的顏色調(diào)和，則有更加重要的問題。要注意明確二者的突出關(guān)系，使得顏色在對比中保證整體的協(xié)調(diào)感，以免網(wǎng)頁設(shè)計過程中顏色嚴重的突兀。漸變色要調(diào)節(jié)網(wǎng)頁帶給人的視覺的層次性，所以在進行漸變色的利用時，要保證網(wǎng)頁的整體節(jié)奏感和協(xié)調(diào)感，使得整個網(wǎng)頁帶給人的節(jié)奏感進一步上升。
3.3對比調(diào)和規(guī)律
色彩對比看似矛盾，但在有效的利用過程中，也可以提高整體的協(xié)調(diào)性。為了使色彩的運用更加的協(xié)調(diào)和平衡，在具體的設(shè)計過程中，高度重視對比和調(diào)和的色彩處理的綜合應用。在進行色彩選擇時，運用同屬性的色彩相互配合，使得網(wǎng)頁設(shè)計中的色彩在與其他元素進行配合時，有更好的兼容性，提高網(wǎng)頁綜合的質(zhì)量和吸引力。
4色彩對比與調(diào)和在網(wǎng)頁設(shè)計中的應用重要性
網(wǎng)站進行形象設(shè)計時，色彩作為首位的視覺因素需要進行考慮和設(shè)計。為使訪問網(wǎng)站的用戶留下深刻的印象，色彩的處理具有重要的作用。即使用戶無法記住網(wǎng)頁的整體情況，也會因為顏色的作用對個別內(nèi)容有深刻的印象。色彩在網(wǎng)頁的設(shè)計中發(fā)揮的作用有許多，如劃分視覺區(qū)域。在色彩的應用中創(chuàng)造出一種有序的視覺感，設(shè)計中的色彩也可以突出主次的效果，使得用戶能夠注意到強調(diào)的主要內(nèi)容。在海量的信息中以最快的速度獲取想用的信息，就必須借助顏色等有利的因素進行協(xié)調(diào)。色彩不僅可以美化整個網(wǎng)頁，重要的是可以對重點的內(nèi)容進行突出，對瀏覽者提供重要的幫助。借助色彩的力量也可以增強網(wǎng)頁的吸引力，當下的科學技術(shù)不斷發(fā)展，類似的網(wǎng)站數(shù)量不斷增加，利用好色彩可以使得網(wǎng)頁脫穎而出，促進網(wǎng)站的長遠持久發(fā)展。一個優(yōu)秀的色彩的設(shè)計者，賦予一個網(wǎng)頁強有力的生命力，不僅反映在視覺上，還能夠使得網(wǎng)頁的色彩、使得網(wǎng)站擁有象征意義，以及重要的獨特心理影響的作用。在網(wǎng)頁設(shè)計中體現(xiàn)更多的藝術(shù)性，是保證網(wǎng)頁在發(fā)展中具備一定競爭力的重要要求。網(wǎng)頁的發(fā)展是科技信息時代下發(fā)展的蛀牙潮流，進行質(zhì)量的提高具有視覺的意義，色彩的對比和調(diào)和的作用不可忽視。
作者:劉娜娜 單位:天津市科學技術(shù)信息研究所
摘要：
伴隨著信息網(wǎng)絡(luò)技術(shù)的發(fā)展，人類已經(jī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頁，實際上它是一個文件，存放在和internet相連的某個服務(wù)器上。而靜態(tài)網(wǎng)頁指的是網(wǎng)頁內(nèi)容固定不變，當瀏覽者通過互聯(lián)網(wǎng)的和channelfoot.html文件內(nèi)。網(wǎng)頁的頁頭和頁腳就制作好了。在網(wǎng)頁中部添加需要的取靜態(tài)頁面（帶宏替換）Web部件和新聞列表Web部件，配置部件屬性，指定路徑到對應的html文件。頁面保存并，這樣一個網(wǎng)頁就搭建好了。
3.常用部件簡單說明
(1)取靜態(tài)頁面（帶宏替換）Web部件。取靜態(tài)頁面（帶宏替換）Web部件可將靜態(tài)文件中的代碼整合到頁面指定位置，用于制作靜態(tài)內(nèi)容。用SharePointDesigner2010打開站點，選擇左側(cè)菜單中所有文件，點擊_EX_STATICPAGES_，在文檔庫區(qū)域中右鍵新HTML，修改文件名為英文字符即可。右鍵靜態(tài)文件，選擇打開，將靜態(tài)代碼添加進去，保存關(guān)閉即可。添加的靜態(tài)代碼為HTML代碼片段，原則上不允許向其中添加<html><head><body>等網(wǎng)頁結(jié)構(gòu)標簽或聲明語句。代碼片段中僅填寫結(jié)構(gòu)代碼，建議將樣式、圖片等資源放置在站點PageAssets的對應文件或文件夾中，如Styles中的page.css，Images文件夾等。進入頁面編輯狀態(tài)，在指定Web部件區(qū)域添加。如下圖：如果引用其他站點中的靜態(tài)文件，點擊文本框右側(cè)的藍色區(qū)域，彈出文本編輯器，在其中添加引用靜態(tài)文件的絕對或相對地址。保存部件配置，保存頁面，即可看到靜態(tài)內(nèi)容替換效果。(2)新聞列表Web部件。新聞列表Web部件實現(xiàn)動態(tài)讀取指定新聞頻道內(nèi)的新聞并以列表形式在頁面中展示。添加新聞列表WEB部件方法同內(nèi)容編輯器WEB部件。點開“新聞列表”右側(cè)下拉箭頭，選擇編輯web部件。新聞列表Web部件包括內(nèi)容設(shè)置、顯示設(shè)置、篩選和排序、圖片新聞顯示設(shè)置等7類屬性。設(shè)置好相應的屬性，就可以顯示對應的新聞欄目了。(3)IP過濾Web部件。我們可以采用兩種方式控制用戶對網(wǎng)站中某項內(nèi)容的訪問：權(quán)限管理或訪問IP限制。權(quán)限管理的控制最為準確，因為網(wǎng)站使用用戶的賬號來辨別其是否有權(quán)限打開受限內(nèi)容。但在面對“我希望本單位所有的員工都有權(quán)訪問這個頁面”這樣的需求描述時，用給帳號授權(quán)的方式去控制訪問就變得有些困難，所以我們把它改造為“我希望在本單位內(nèi)可以上網(wǎng)的電腦都有權(quán)訪問這個頁面”，這個時候用IP地址進行辨別就派上了用場。IP過濾Web部件通過對客戶端的IP地址進行辨別，判斷用戶是否打開這個頁面，更加適用于一種面向“結(jié)構(gòu)”的訪問約束。所謂面向的“結(jié)構(gòu)”，如一個部門、一個單位、眾多組織，或如上面所提到的，一個邊界十分清晰的空間。我們所要準備的東西只是拿到“結(jié)構(gòu)”內(nèi)的IP地址分配情況，開始配置。IP過濾Web部件只能在內(nèi)網(wǎng)中使用，只能拖拽到Web部件頁中。進入頁面編輯狀態(tài)，在指定Web部件區(qū)域添加。布局中勾選“隱藏”。自定義屬性中的參數(shù)“允許的IP范圍”填寫可訪問頁面的IP段，IP段一定要有頭有尾，中間用“-”連接，IP段和IP段之間用分號隔開，最后一個IP段后不再使用分號。這樣就設(shè)定了兩個IP段可以訪問，其它地址的電腦無法訪問網(wǎng)頁。
4.結(jié)束語
全球性的網(wǎng)絡(luò)化、信息化進程正改變著人們的工作方式。Internet技術(shù)的應用為人們帶來了極大的方便。網(wǎng)絡(luò)辦公已經(jīng)深入到了企業(yè)的各個角落?，F(xiàn)在的企業(yè)網(wǎng)功能豐富，為人們的工作提供了便利。
作者:宋英茹 單位:大港油田第二采油廠
摘要：
“項目教學法”是以項目小組的形式來共同實施一個完整的項目而進行教學活動，它作為行為導向教學法中的一種，學生在老師的指導下尋找實施項目的途徑和結(jié)論，最后通過展示和自我評價得分來提升學生的綜合素質(zhì)。在整個過程中，教師起到重要的作用，他不再是教學過程的主導者，而是參與到學生學習過程中，擔負起引導和監(jiān)督學生完成項目的責任。筆者分析了項目教學法在網(wǎng)頁設(shè)計課程教學中的應用效果和價值，充分展示項目教學改革的必要性，探討項目教學法應用在網(wǎng)頁設(shè)計教學過程中的重要意義。
關(guān)鍵詞：
項目教學法；計算機信息化；網(wǎng)頁設(shè)計課程
項目教學法是對傳統(tǒng)教學方法的改革，它以實踐的項目為導向，從教學這一職業(yè)的本質(zhì)需求出發(fā)，選取典型的一個項目來進行教學，通過學生和老師的參與，將這個項目完成，到達教學的效果。在項目教學過程中，學生能夠積極主動地參與到學習的過程中，梳理和應用知識，強化了對知識點的整體記憶。項目教學法體現(xiàn)了注重學生的自主性、有計劃的行動、解決問題的過程的全新教學理念。在課堂教學過程中把書本中的理論應用到實踐中，充分激發(fā)學生的學習興趣，提高學生解決實際問題和團隊合作的綜合能力。對于中職教師而言，項目教學法在教學過程中既發(fā)揮了教師的主導作用，同時也展示了現(xiàn)代職業(yè)教育以能力為本位的價值取向，提高課堂教學質(zhì)量和效果。如何在網(wǎng)頁設(shè)計與制作課程中利用項目教學法提高網(wǎng)頁設(shè)計與制作課程教學質(zhì)量，強化學生職業(yè)能力培養(yǎng)，是教師需要重點關(guān)注和解決的問題。
1項目教學的教學設(shè)計原則
在教學過程中，以學生為中心，在教師的協(xié)助下完成選取的項目，是項目教學法的設(shè)計原則。一方面，教師要根據(jù)教學課程的內(nèi)容需要，同時結(jié)合學校學生的實際水平，選取適當?shù)默F(xiàn)實的項目，這個項目應包括本課程的基本的知識點內(nèi)容，能夠起到學生解決問題、牢記知識點的作用，同時教師和學生共同參與到項目的實施過程中，幫助學生完成難度適合的項目。另一方面，項目的實施過程要分組完成，讓學生有更多的機會接觸到項目的各個部分，充分把自己所學的知識應用到項目中，為學生提供多種學習資源。同時，要積極促成學生小組之間的討論交流，讓他們在相互交流之中查漏補缺，了解自己的優(yōu)點和不足，養(yǎng)成學生協(xié)商、交流解決難題的能力，提高他們的團隊協(xié)作能力，從而實現(xiàn)整體的進步。
2教師使用項目教學法的基本流程
項目教學的過程是實現(xiàn)教師的主導與學生學習主體的結(jié)合。在教學過程中，需要兩個大步驟：一是教師根據(jù)教學計劃制定項目，明確本節(jié)課的教學內(nèi)容、目的和相關(guān)知識，同時關(guān)注學生在完成項目的過程中易出現(xiàn)的問題；二是學生具體實施和完成項目的過程和結(jié)果。如圖1所示：
3項目教學法在網(wǎng)頁設(shè)計教學中的實踐
以網(wǎng)頁設(shè)計與制作課程為例，結(jié)合項目教學法的模式特點，選取了制作企業(yè)網(wǎng)站的綜合應用為案例，來進行項目實踐。
3.1制定項目任務(wù)書，明確項目名稱和目標
教師首先選取合適的教學容容，明確項目名稱、教學目標，同時將學生進行分組，如設(shè)計制作信用卡網(wǎng)站。教學的目標是讓學生通過使用Photoshop、Dreamweaver等工具制作符合企業(yè)要求的實用型網(wǎng)站。通過實踐項目，使學生熟練掌握網(wǎng)站制作、測試、的整體流程，同時使學生能夠掌握多個網(wǎng)頁的布局設(shè)計方法，加強對CSS+DIV的綜合應用能力。
3.2點評學生項目設(shè)計，完善項目計劃書
在項目小組接受任務(wù)后，教師要指導學生設(shè)計和制作項目實施計劃，引導學生搜集、整理項目內(nèi)容和信息，在學生制訂設(shè)計實施計劃后點評各小組的項目計劃書，讓小組之間進行交流，不斷完善項目和活動計劃表。
3.2.1明確網(wǎng)站定位和功能定位
教師通過引導學生分析銀行信用卡網(wǎng)的需求，讓各小組根據(jù)分析結(jié)果明確信用卡網(wǎng)站定位、功能定位。信用卡網(wǎng)站的定位應為提供最專業(yè)全面的用卡知識介紹及經(jīng)驗交流與分享等服務(wù)。所以在網(wǎng)站設(shè)計中，要體現(xiàn)產(chǎn)品和服務(wù)，宣傳企業(yè)品牌，介紹企業(yè)的信用卡產(chǎn)品。尤其在提出優(yōu)惠促銷、鼓勵信用卡消費方面，要激發(fā)潛在用戶，并且要提供網(wǎng)絡(luò)信息服務(wù)和網(wǎng)上銀行登錄服務(wù)。
3.2.2分析網(wǎng)站整體框架設(shè)計
針對信用卡網(wǎng)站定位和功能，需要對網(wǎng)站布局進行整體分析和設(shè)計。企業(yè)網(wǎng)站頁面一般需要展現(xiàn)企業(yè)的LOGO和BANNER動畫等標志信息。網(wǎng)站導航必不可少，可以幫助瀏覽者準確檢索信息。網(wǎng)站導航可以利用動畫或交互方式實現(xiàn)。主體功能區(qū)部分，展示網(wǎng)頁的主要信息和瀏覽者需要獲取的信息。按照用戶的瀏覽順序，遵循從左至右、從上倒下的規(guī)則設(shè)計主體部分頁面。版權(quán)和法律聲明區(qū)一般選擇放在網(wǎng)頁的底部，以達到形式和標志信息區(qū)呼應的效果，同時使版式完整規(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è)計網(wǎng)站外觀效果
通過使用CSS控制網(wǎng)站中文字的鏈接，取消文字鏈接的下劃線，產(chǎn)生超鏈接效果。同時用CSS控制超鏈接和背景圖片，制作鼠標移上鏈接元素背景圖片改變的效果，制作鼠標移上鏈接文字改變顏色的效果。對于文字效果，通過列表展現(xiàn)信息內(nèi)容的多文字排版，達到整齊美觀的布局效果。同時利用CSS控制圖片和文字，取得網(wǎng)站圖文混排的效果。對于特效效果，利用CSS實現(xiàn)整齊的邊框效果。利用CSS、JS等創(chuàng)建下拉菜單，在有效利用網(wǎng)頁空間的同時，提升頁面的動感效果。
3.3項目的實施
教師通過展示做好的網(wǎng)站及各個頁面，或通過互聯(lián)網(wǎng)讓學生仿效制作，如交通銀行信用卡、建設(shè)銀行信用卡、招商銀行信用卡網(wǎng)站，引導學生完成項目。在項目教學的整個實施階段，學生將成為課堂教學的主角，教師變?yōu)榕浣?，主要工作為巡回指導，對各小組的制作進行一對一的指導。各學生分組合作，進入制作主頁及其他網(wǎng)頁的過程。項目小組中，學生分別發(fā)揮各自的長處進行制作。通過小組內(nèi)的溝通與交流，通過參考課本、網(wǎng)絡(luò)資料等，加深理解網(wǎng)站制作的全過程。通過項目實施，學生對項目的參與度提高，學生的學習主動性和積極性提高。小組之間的討論能夠幫助學生加強發(fā)現(xiàn)問題、分析問題與解決問題等能力，同時團隊的合作能夠幫助學生加強合作、溝通等社交的能力，對學生形成敬業(yè)的素質(zhì)及職業(yè)道德和團隊合作精神有重要影響。
3.4評價階段
在評價階段，各小組上傳班級網(wǎng)站，進行宣傳和展示。每組需派代表進行項目的展示并講解操作流程，根據(jù)各小組之間互評和教師的總結(jié)性點評，各小組進行適當?shù)男薷?，最后每個學生填寫自評表進行自評。項目教學法的評價方式有教師的指導性評價和學生的自主性相互評價兩種。教師的指導性評價能夠起到指導學生學習的作用。因此，教師的評價應注重學生的項目制作過程，既要根據(jù)學生對知識點的理解和能力的掌握情況，又要考慮學生的態(tài)度和情感發(fā)展。既要關(guān)注學生實施項目的結(jié)果，更要看到學生在項目實施中的發(fā)展和成長，進行鼓勵式評價。學生作為項目的主體，學生的自主性互評更應提倡。通過學生的自我評價，學生能夠查漏補缺，發(fā)揚自己的長處，彌補自己的不足，使自身各方面能力得到提高。而各小組之間的互評，能夠使學生團結(jié)合作，培養(yǎng)他們溝通、協(xié)調(diào)的能力，幫助學生適應團隊的項目合。
4結(jié)語
實施項目教學法，對教師來說是一個新的挑戰(zhàn)，尤其是網(wǎng)頁設(shè)計這種實踐性較強的學科，這就更加需要教師在教學過程中，要求學生在實踐中掌握知識，將理論的知識點用到實踐的操作中，加深學生的記憶。同時通過一個完整的項目，可以幫助學生將零碎的知識點整理成為系統(tǒng)，理解不易理解的知識點，激發(fā)了學生對課程的學習興趣，讓學生在一個團隊中認識自己的定位，使學習效果得到顯著提高。
作者:王少琳 單位:上海市商業(yè)學校
摘要：
該文介紹了《網(wǎng)頁設(shè)計與制作》項目化教學思路和方法，從設(shè)計理念與思路、對計應相關(guān)專業(yè)建設(shè)與發(fā)展的定位與作用、課程內(nèi)容的針對性與適用性、教學內(nèi)容的組織與安排、教學模式的設(shè)計與創(chuàng)新、實踐教學條件的建設(shè)與使用等6個方面進行了設(shè)計與分析，為學生較好地掌握知識及快速適應工作崗位需求進行了一些思考和探索。
關(guān)鍵詞：
高職院校;網(wǎng)頁設(shè)計;項目化課程;開發(fā)實踐
《網(wǎng)頁設(shè)計與制作》是計算機應用專業(yè)的一門專業(yè)核心課程。該課程目標是讓學生掌握網(wǎng)頁設(shè)計與制作能力。它以圖形圖像處理、互聯(lián)網(wǎng)應用等課程的學習為基礎(chǔ)，也是進一步學習動態(tài)網(wǎng)站設(shè)計等課程的基礎(chǔ)。學完本課程，要求學生能達到掌握網(wǎng)頁美工初步技能；熟練掌握HTML+CSS進行頁面布局與排版的技能；基本掌握使用網(wǎng)頁腳本控制頁面操作和提升用戶體驗的能力。按照高職高專知識傳授特點與職業(yè)技能需求，同時根據(jù)網(wǎng)頁設(shè)計與制作課程知識的掌握規(guī)律，目前我校采用了項目化教學方法，為學生較好地掌握知識及快速適應工作崗位需求打下扎實的基礎(chǔ)。
1設(shè)計理念與思路
該課程根據(jù)職業(yè)能力發(fā)展的基本規(guī)律（新手—生手—熟手—能手—專家），將學習內(nèi)容設(shè)計為網(wǎng)頁設(shè)計實際工作，通過工作實現(xiàn)學習。采用整體→模塊→整體的設(shè)計思路，按照簡單到復雜、單一到綜合、低級到高級的原則進行。
1.1設(shè)計理念：學習的內(nèi)容是工作，通過工作實現(xiàn)學習。這一理念體現(xiàn)了該課程的職業(yè)性和實踐性，同時學習的主體變?yōu)閷W生，學習內(nèi)容以培養(yǎng)學生的職業(yè)技能為主。為體現(xiàn)這一設(shè)計理念，在課程設(shè)計前我們調(diào)研了數(shù)十家合作企業(yè)，與企業(yè)專家一起，對網(wǎng)頁設(shè)計各個方面涵蓋的崗位進行職業(yè)技能與職業(yè)素質(zhì)分析，整合出一個基于工作實踐的“網(wǎng)頁設(shè)計與制作”項目（比工作實踐更完備體現(xiàn)課程的各個知識點）。同時分解實際工作中網(wǎng)頁設(shè)計的工作流程和崗位，確立多個子項目。這種方式學習，充分體現(xiàn)職業(yè)典型工作任務(wù)，以“工作”促學習，邊“工作”邊學習，學生學習內(nèi)容具體化，學習興趣大大提高。
1.2設(shè)計思路：整體→模塊→整體課程設(shè)計的思路是根據(jù)幾個不同類型的網(wǎng)站案例整體設(shè)計入手，將網(wǎng)頁設(shè)計所有環(huán)節(jié)和操作步驟詳細介紹給學生，讓學生從與“用戶”溝通開始參與到整個系統(tǒng)的設(shè)計過程中，教師根據(jù)任務(wù)需要，先給出網(wǎng)頁效果圖，讓學生體驗完成后的整體效果，再根據(jù)項目進程分解任務(wù)，這種設(shè)計優(yōu)點是能讓學生將學習過程作為完整的“工作”過程。在此基礎(chǔ)上，進一步將各工作任務(wù)分成若干子任務(wù)，通過90課時教學+30課時整周實訓學習，最終將各個子項目整合，完成網(wǎng)站整體設(shè)計工作。在子模塊學習任務(wù)設(shè)定中，每個子任務(wù)設(shè)計是按實際工作中網(wǎng)頁設(shè)計的技能要求提煉出來的，能滿足不同崗位的需求。項目完成時，我們還設(shè)計了學員相互評價體系，對設(shè)計成果進行評估，讓學生在自我學習過程中及時總結(jié)并收獲進步。
2對專業(yè)建設(shè)與發(fā)展的定位與作用
該課程采用項目化教學方式，可以起到如下作用。（1）學生對該專業(yè)的工作崗位有了具體認識，了解了各崗位所需的專業(yè)知識，從而幫助學生進行職業(yè)規(guī)劃和知識儲備。（2）學生對所學專業(yè)的工作內(nèi)容有了比較具體的認識。該課程使學生對計應專業(yè)到底是做什么的、怎么做等問題有了全面認識，增強了學習信心和學習興趣。
3課程內(nèi)容的針對性與適用性
（1）該課程是依據(jù)“計算機應用專業(yè)職業(yè)崗位與職業(yè)能力分析表”中網(wǎng)頁設(shè)計師職業(yè)崗位設(shè)置的?？傮w設(shè)計思路是：著重培養(yǎng)學生網(wǎng)頁制作能力，具備HTML、CSS、JavaScript等知識，以網(wǎng)站設(shè)計工作任務(wù)為中心選擇和組織課程內(nèi)容，讓學生在完成網(wǎng)站設(shè)計具體項目的過程中完成相應工作任務(wù)。課程構(gòu)成主要突出職業(yè)能力要求。（2）課程總學時為90學時教學+30學時整周實訓，內(nèi)容包括Web服務(wù)器配置、網(wǎng)頁視覺效果設(shè)計、用戶體驗設(shè)計、網(wǎng)頁兼容性設(shè)計等。（3）知識目標和能力目標。知識目標應掌握HTML、CSS、JavaScript、HTML5、CSS3等知識，該課程學習結(jié)束，學生應能自行設(shè)計各種網(wǎng)頁、開發(fā)一定規(guī)模的網(wǎng)站，熟練掌握網(wǎng)站制作基本方法和技巧，并最終設(shè)計出綜合性的網(wǎng)站。能力目標主要體現(xiàn)以下方面：①熟練使用網(wǎng)頁編輯軟件。②熟練使用樣式表控制頁面外觀。③能在網(wǎng)頁中設(shè)置需要的腳本。④能進行網(wǎng)站的更新與管理。另外根據(jù)職業(yè)教育要求，加強學生以下素質(zhì)：①服務(wù)意識：為他人提供優(yōu)質(zhì)的服務(wù)。②文明法制意識：網(wǎng)站內(nèi)容積極健康向上，不做違法的事。③合作精神：能夠與他人合作，具有協(xié)調(diào)能力和組織管理能力。④較強的自我知識及技術(shù)更新能力：能快速跟蹤網(wǎng)頁制作的新技術(shù)及市場應用動態(tài)。
4教學內(nèi)容的組織與安排
該課程主要教學內(nèi)容包括網(wǎng)站服務(wù)器、HTML、CSS、網(wǎng)頁界面整體設(shè)計(含JavaScript應用)、網(wǎng)頁兼容性等5個教學模塊，其中HTML和CSS為學習和實踐的重點，通過幾個案例的制作過程展開知識講授。具體教學內(nèi)容及課時安排見表1，“網(wǎng)頁外觀制作技術(shù)”項目的教學設(shè)計見表2（其他教學項目的教學設(shè)計因篇幅所限此處省略）。
5教學模式的設(shè)計與創(chuàng)新
在該課程的教學中，教學地點由教室遷移到一體化實訓室，教學方式由教師講為主轉(zhuǎn)變?yōu)閷W生做為主。實施中包含如下步驟。（1）指定清晰的工作任務(wù)，教師展示頁面效果。（2）學生制訂工作計劃，理順工作思路。（3）教師進行工作過程輔導，講解涉及的理論知識。（4）學生根據(jù)需要在課程網(wǎng)站上獲得豐富的教學資源。（5）學生完成工作任務(wù)，體驗工作效果。（6）師生及企業(yè)專家共同評價工作成果。
6實踐教學條件的建設(shè)與使用
課程在網(wǎng)站設(shè)計一體化教室完成，其間配合到企業(yè)現(xiàn)場教學實習環(huán)節(jié),實施時由每位學生獨立完成網(wǎng)頁制作任務(wù)，課程各種教學資源能夠在學習過程中在線使用。
7結(jié)語
課程的開發(fā)與實踐是教育實施中始終不能停止的工作，不僅要根據(jù)課程教學的一般規(guī)律行事，還要根據(jù)不同專業(yè)、不同課程加以調(diào)整，另外也并不是所有課程都能很好地適用項目化教學方法，在職業(yè)技術(shù)教育中只有與時俱進，本著培養(yǎng)實用型人才、服務(wù)于社會經(jīng)濟發(fā)展的宗旨，才能真正讓學生對課程知識學得快、學得好、用得著。
作者:周蘇峽 單位:湖北三峽職業(yè)技術(shù)學院
摘要：
網(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)成要素，往往因為存在設(shè)計方面的安全缺陷而成為黑客、病毒和木馬威脅的對象，由此造成嚴重的經(jīng)濟損失，甚至造成社會恐慌。本文中筆者針對網(wǎng)站建設(shè)的安全性展開研究，以網(wǎng)頁設(shè)計的安全缺陷為切入點，通過分析并提出相應地防治策略。
關(guān)鍵詞：
網(wǎng)站建設(shè);網(wǎng)頁設(shè)計;安全缺陷;防治對策
一直以來，網(wǎng)站建設(shè)中都將安全性作為首要考慮對象，尤其在當前互聯(lián)網(wǎng)經(jīng)濟環(huán)境下，各類網(wǎng)站的運營均以會員制度展開，尤其是電子商務(wù)網(wǎng)站，除了用戶的個人隱私之外，還包括重要的金融信息，很容易被不法分子所覬覦。針對網(wǎng)站的非法行為主要是利用技術(shù)手段找到破綻，從而達到非法獲利的目的，因此對廣大網(wǎng)站運營主體而言，在網(wǎng)站建設(shè)前、中、后期都要做好全面的安全防護工作；相對而言，網(wǎng)頁設(shè)計中存在的安全缺陷較多，如權(quán)限級別過高、數(shù)據(jù)庫漏洞等，所以應該將其視為網(wǎng)站安全防護的重點。
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ù)早期的一種形式，通過瀏覽器可以訪問預先設(shè)計好的網(wǎng)頁格式，但靜態(tài)網(wǎng)頁中的所有元素都是固定的，如圖片、文字、視頻等，修改工作也基于人工操作完成，信息不會因為用戶的操作而發(fā)生變化，嚴格意義上說，靜態(tài)網(wǎng)頁除了IP之外不存在其他“入口”。然而，靜態(tài)網(wǎng)頁顯然不符合網(wǎng)站建設(shè)的發(fā)展趨勢，隨著用于規(guī)模擴大、信息容量增加，網(wǎng)站逐漸采取了動態(tài)技術(shù)，如PHP、ASP、C++等，其優(yōu)勢在于網(wǎng)頁內(nèi)容可根據(jù)用戶操作發(fā)生相應的變化，反饋用戶所需要的信息，換而言之，基于服務(wù)器中斷的網(wǎng)頁設(shè)計中包含了大量腳本語言，利用程式化優(yōu)勢來提高網(wǎng)站資源的統(tǒng)籌和管理效率，而“網(wǎng)頁”變成一種臨時性的調(diào)用元素“集合”，當用戶需要某一網(wǎng)頁形式時，腳本語言直接從數(shù)據(jù)庫中調(diào)取相應的元素，如用戶登錄網(wǎng)頁和注冊網(wǎng)頁中存在的“驗證碼”部分，事實上屬于同一種驗證機制。理論上說，任何一種系統(tǒng)都存在漏洞，以技術(shù)實現(xiàn)的網(wǎng)站系統(tǒng)更是如此，在動態(tài)網(wǎng)頁驅(qū)使下產(chǎn)生的安全缺陷更多，具有高超計算機程度能力的黑客只需要簡單的步驟就可以找到“突破口”。
2、網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計的安全缺陷分析
目前在國內(nèi)網(wǎng)站技術(shù)背景下，常見的網(wǎng)頁設(shè)計安全缺陷主要有以下幾種表現(xiàn)。
2.1驗證安全缺陷
驗證安全缺陷是目前國內(nèi)網(wǎng)站中最為常見的一種，尤其是在大量自主開發(fā)網(wǎng)站中，其源程序和代碼均來源于網(wǎng)絡(luò)，難免存在一些設(shè)計缺陷。驗證機制最早是針對惡意注冊、網(wǎng)絡(luò)攻擊而開發(fā)的，最早出現(xiàn)與一些公眾交流平臺，如論壇、貼吧、聊天室等，由于它可以很好地保護網(wǎng)絡(luò)的通暢性，因此迅速的在廣大網(wǎng)站中流行開來。但是，登錄驗證機制只是網(wǎng)站安全的“最低門檻”，雖然通過提高驗證復雜性來規(guī)避惡意注冊，卻不能將其視為保護網(wǎng)站安全的唯一途徑。事實上，驗證機制由于和服務(wù)器、數(shù)據(jù)庫之間的密切聯(lián)系，很可能成為一個被刻意攻擊的對象，而對于網(wǎng)站程序員而言，很少會刻意強化一個本質(zhì)上屬于“安全機制”的組件，一旦登錄驗證被攻破，網(wǎng)站的整個安全性也就隨之降低。
2.2地址安全缺陷
通過SQL注入的方法可以欺騙服務(wù)器，找出網(wǎng)站數(shù)據(jù)庫存在的安全漏洞，從而進行非法活動，尤其在以WEB表單遞交查詢關(guān)鍵字的網(wǎng)站系統(tǒng)中，黑客可以繞過敏感網(wǎng)頁的權(quán)限直接進入后臺頁面，這一缺陷在國內(nèi)大量成品網(wǎng)站中十分突出，如事業(yè)單位、企業(yè)單位、個人網(wǎng)站中，長期忽視安全級別更新，不法分子在得知某一個網(wǎng)頁的文件名、路徑、元素之后，能夠繞過登錄、注冊和驗證機制。
2.3防護安全缺陷
病毒和木馬是人為制造出來的計算機惡性應用程序（或代碼），也是針對網(wǎng)站展開攻擊頻率最高的一種形式，不法分子只需要制造并傳播病毒、木馬即可，而不需要親自操作。以計算機網(wǎng)絡(luò)病毒為例，一旦被激活之后就會迅速感染計算機文件，并通過正常的網(wǎng)站操作進入網(wǎng)站系統(tǒng)，從而對整個網(wǎng)站的安全產(chǎn)生威脅。事實上，網(wǎng)站空間中的病毒也常常偽裝為網(wǎng)頁文件（如.ASP/.PHP等）、圖片、壓縮文檔等形式，讓人真假難辨，且十分頑固、難以清除。
3、網(wǎng)頁設(shè)計的安全缺陷防治對策
結(jié)合現(xiàn)狀來說，網(wǎng)站建設(shè)技術(shù)已經(jīng)相對穩(wěn)定，在安全防護機制上重點突出硬件的特征，但網(wǎng)頁作為一個基本因素也不可掉以輕心，這是因為網(wǎng)頁設(shè)計的安全缺陷不僅僅是技術(shù)方面造成的，還與設(shè)計人員自身的安全意識相關(guān)。在網(wǎng)站建設(shè)技術(shù)日益成熟、防范殺毒系統(tǒng)（包括硬件）功能不斷增強的前提下，人為因素導致的安全缺陷開始增加，由于設(shè)計人員缺乏足夠的安全意識，在網(wǎng)頁設(shè)計過程中會忽略大量的安全要素。第一，加強網(wǎng)站源代碼的保護力度。在網(wǎng)絡(luò)資源免費共享的誘惑下，大量開源網(wǎng)站代碼被植入到網(wǎng)站設(shè)計中，一些設(shè)計人員為了節(jié)省開發(fā)成本，對于安全級別較高的網(wǎng)頁缺乏審查，增加了后門和漏洞的風險。因此，在網(wǎng)站運行前和運行中都應該不斷進行網(wǎng)頁安全級別測試，及時法相存在的問題。第二，提高驗證機制的安全性水平。目前，驗證機制不僅僅被用于注冊、登陸，包括下載、修改、刪除等操作也大量存在，客觀上為網(wǎng)站入侵提供了更多的渠道。對于涉及驗證機制的網(wǎng)頁或組件應該提升安全級別，如設(shè)計二次登陸或加密算法。第三，重視文件上傳內(nèi)容的健康性。為了吸引用戶，一些網(wǎng)站提供了大量的免費空間服務(wù)，這也是一個典型的安全漏洞，特別是在局域網(wǎng)絡(luò)中，如公司內(nèi)部網(wǎng)、校園網(wǎng)、網(wǎng)絡(luò)硬盤等空間中，一些被巧妙偽裝的病毒、木馬也可以上傳成功，從而產(chǎn)生嚴重的安全問題；因此，在提供免費空間服務(wù)的網(wǎng)頁界面中，要提高對上傳者的身份驗證、權(quán)限驗證和內(nèi)容審查力度，加強文件信息和數(shù)據(jù)過濾的強度。
作者:樂蓓 陳莉 單位:江西現(xiàn)代技師學院
摘要：
網(wǎng)頁設(shè)計課程是高校計算機專業(yè)中的一門核心課程，其實用性和綜合性很強。如何建立高效率的課堂，讓學生學習好這門課程，成為廣大教師重點關(guān)注和亟待解決的重要問題。
關(guān)鍵詞：
計算機；網(wǎng)頁設(shè)計；教學模式；實踐；互動
《網(wǎng)頁設(shè)計》課程相對其他學科來說，是一門趣味性較高的課程，如何吸引學生的興趣，激發(fā)他們學習的熱情，是廣大教師應該深入思考的問題。而且網(wǎng)頁設(shè)計課程最大特點是易學易忘，學生如果僅僅在課堂上學習，課后的自學意識和復習意識差，那么他的學習質(zhì)量將難以保證。因此，為提高網(wǎng)頁設(shè)計課程的教學效率，必須不斷改革與充實教學內(nèi)容，改進教學方式，注重突出網(wǎng)頁設(shè)計課程的實踐性和應用性，注重培養(yǎng)學生的動手意識和計算機操作能力，使學生能夠運用所學知識進行網(wǎng)頁管理和設(shè)計。
一、營造融洽的課堂氣氛，體現(xiàn)師生互動
傳統(tǒng)教學中教與學的關(guān)系，使教師與學生的角色產(chǎn)生了定型。教師如果只管教，學生愛聽不聽，這種教育效果會很不理想。為提高教學效率，必須營造出融洽的課堂氛圍，在教學中注重師生互動，及時反映出教師和學生的不足。教師可以針對不同的教學內(nèi)容、學生的掌握程度，靈活采用多種教學方法。在教學中，教師要了解學生的領(lǐng)悟情況，注意學生所反映出的問題，及時跟學生進行相應互動。實踐證明，充分的師生互動，可以提高學生的參與熱情，同時也能活躍課堂氣氛，大大提高學生的學習效率，從而提升教學效果。
二、充分利用案例教學，加深學生印象
網(wǎng)頁設(shè)計是一門實用性和綜合性很強的學科，在高校教學中，應該更注重這些特點。因此，教師在教授網(wǎng)頁設(shè)計課程的時候，要充分利用好實例教學的模式，突出學科的實用性，同時，也能激發(fā)學生的學習興趣。在教學中，教師可以切入和學習內(nèi)容有關(guān)的情景或?qū)嵗?，讓學生通過參與情境學習，分析和判斷學習情境所帶來的問題。教師在教學實例的選取上應該以貼切實際為原則，以實際應用的案例為主線，讓學生切身體會實例從需求分析、設(shè)計、制作、測試到完成的整個過程，使每次學習都變成一次實踐，從而加深對學科的印象。同時，教師要引導學生自己去分析整個實例過程，使每個學生都參與其中，培養(yǎng)他們的分析能力和自學能力，激發(fā)學生的學習興趣，使學生的學習更有針對性和實用性，為他們以后參加工作打下堅實基礎(chǔ)。
三、采用分階段分模塊的方式教學
教師在制定教學目標的時候，應當根據(jù)教學內(nèi)容，同時結(jié)合學生的學習能力，制作出一個整體大綱，根據(jù)由淺入深的原則，分模塊教學。例如，網(wǎng)頁設(shè)計課程中，可以嘗試計劃出四個教學階段，第一階段目標是讓學生能夠熟練使用網(wǎng)頁設(shè)計的超文本標記語言HTML，能相應地制作簡單的網(wǎng)頁和超鏈接文本。教師根據(jù)第一階段學生學習的情況，及時進入第二階段學習，第二階段的目標是讓學生能熟悉并熟練使用網(wǎng)頁基本制作工具Dreamweaver，同時可以在記事本和工具之間自由切換。第三階段是讓學生能進行網(wǎng)頁設(shè)計中的圖像插入和簡單的Flash制作，相應地教導學生用Photoshop進行圖片處理。第四階段讓學生掌握在網(wǎng)頁中嵌入Java腳本語言，從而實現(xiàn)網(wǎng)頁動態(tài)效果。這樣一個由淺入深的過程，不僅能適當減少學生的學習壓力，同時能一步步帶領(lǐng)學生感受新知識的魅力，激發(fā)學生的求知欲望，使學生主動學習，大大增強教學效果。
四、舉辦各種競賽活動，激發(fā)學生的學習熱情
教師在網(wǎng)頁設(shè)計的教學過程中，可以通過舉行各種比賽或活動來吸引學生的參與熱情。例如，在學習中教師可以建立一個學習園地、作品展示區(qū)。在園地中，學生可以大膽發(fā)揮自己的想象能力，制作有自己特色的作品，可以是關(guān)于學校宣傳、學科學習、個人興趣的網(wǎng)站等，教師則幫助啟發(fā)學生設(shè)計思路。又如舉辦“學生網(wǎng)頁設(shè)計大賽”，給學生搭建一個交流學習的平臺。通過這個平臺，一方面可以使學生展示出自己的學習成果，激發(fā)其學習熱情。另一方面教師也可以在學生展示的作品中了解前期學生的學習情況，適當調(diào)整教學方法。這樣一個平臺，明確了學生的學習方向，同時也能讓學生體會到一個實例的制作過程，提高他們的動手操作能力，也教育學生要學以致用，提高學生的綜合實踐能力。
五、結(jié)語
隨著信息技術(shù)的發(fā)展，教學模式要更加多樣化才能滿足學生的學習需求。網(wǎng)頁設(shè)計是一門實用性和綜合性很強的課程，如何通過此課程，提高學生的動手操作能力和綜合實踐能力，值得人們思考。只有通過不斷探索和改進，才能提高課堂的教學效率和學生的學習質(zhì)量，從而培育出更加優(yōu)秀的人才。
作者：王宇祥 單位：遼寧廣告職業(yè)學院
隨著互聯(lián)網(wǎng)的發(fā)展，現(xiàn)在的人們會花費更多的時間瀏覽網(wǎng)頁、網(wǎng)站。然而網(wǎng)頁上每一部分的大小，每一部分的長寬比，都是怎樣的數(shù)值才能讓用戶獲得更好的體驗跟更精準的點擊呢？有沒有一種科學的依據(jù)呢？費茨法則就是一種科學的界定大小、長寬比的非?？茖W的法則。依據(jù)費茨法則，可以設(shè)計出擁有更好用戶體驗的網(wǎng)頁。
一、費茨法則是什么
費茨法則（Time=a+blog2(D/S+1)），其中D是鼠標到達目標的距離，S是目標的寬度或者說是目標的尺寸，a代表設(shè)備的啟停時間（截距），b代表設(shè)備的固有的固有速度（斜率）。費茨法則主要是為人機交互提供了一個度量的法則，每個目標的大小，距離屏幕的距離都提供了一個科學的依據(jù)。其實費茨法則已經(jīng)運用在電腦操作的各方各面上，不僅僅是網(wǎng)頁設(shè)計。一打開電腦，桌面上的圖標的默認大小就是經(jīng)過費茨法則設(shè)計過的，才能使用戶在使用的時候既能快速又能準確的點擊到客戶想要點擊的目標。
二、費茨法則的應用
費茨法則在生活中的方方面面都是在使用著的，例如汽車的設(shè)計。汽車的剎車和油門的大小就是經(jīng)過費茨法則設(shè)計過的。在汽車上，剎車和油門的距離較近，并且剎車的大小比油門大一些，這就是運用了費茨法則進行的設(shè)計。剎車與油門距離較近，可以使得使用者能盡快的踩到想要踩到的目標，而剎車的大小較大可以使用戶想要踩剎車時比較快速的踩到剎車，防止一些事故的發(fā)生。然而在游戲廳的賽車游戲中，剎車和油門的大小與正常車的大小成反比，也就是油門比較大，剎車比較小。這是因為在賽車游戲中，操作者更加需要快速踩到油門的時間比較多，需要踩剎車的時間比較小。而且操作者會希望比較快速的完成游戲，踩油門的幾率十分高。在電腦操作系統(tǒng)上費茨法則的運用頻率也是十分高的，例如windows系統(tǒng)和macintosh系統(tǒng)。非常大的一個差別就是macintosh系統(tǒng)的工具欄是始終在屏幕最頂端，而windows系統(tǒng)的工具欄是在標題欄的下方。事實表明，工具欄固定放在屏幕最頂端比放在工具欄下方更容易點擊。當鼠標想要點擊工具欄時，使用macintosh系統(tǒng)可以鼠標直接向上移，不用擔心會因為移動的距離過于大而無法快速的點擊目標，而使用windows系統(tǒng)時就需要斟酌一下鼠標移動的距離，不然就會因為移動的距離過大而錯過目標。
三、費茨法則在網(wǎng)頁設(shè)計中的應用
很多設(shè)計者其實在無意中都會運用費茨法則來進行設(shè)計。比如最經(jīng)常用到的百度網(wǎng)站，它就會把一些經(jīng)常用到的按鈕比較集中的放在一起。同時，搜索引擎最重要的搜索框放在最中間，最醒目的地方，并且在讓用戶舒服的前提下讓搜索框盡量的大一些，使用戶能更快速更精準的點擊到搜索框。微博也是一個很好的費茨法則的例子，還未登陸之前，重要的登錄入口和一些活動頁放在最頂端也是最醒目的地方，同時能吸引住還未注冊的用戶注冊并同時進行廣告宣傳。登陸入口就在活動區(qū)域的右側(cè)，能順利且快速的找到并點擊想要的目標，同時將登陸入口放在右邊較醒目的位置能減少用戶使用鼠標從當前位置到目標的路程距離。登陸進入后的頁面，新微博占據(jù)了較大的空間位置。想新微博的用戶能迅速準確的找到自己想要尋找的目標進行新微博的，不想新微博的用戶可以運用滾輪進行瀏覽。在利用滾輪進行瀏覽時，微博的用戶信息的大小就進行了一番設(shè)計。頭像占據(jù)了一塊比較大的距離，那是因為比起文字，大多數(shù)人更傾向于記憶圖片。然后是用戶的名稱，用戶名稱也是使用的用戶經(jīng)常會點擊的區(qū)域，所以用戶名也是比較大的。相對來講，點擊微博時間的人數(shù)會少很多，所以在設(shè)計上，時間運用了比較小的字體，占據(jù)的位置也不是十分重要。微博內(nèi)容有時會十分長且復雜，所以設(shè)計者在設(shè)計內(nèi)容布局上比較注重文字的清晰程度，運用了和用戶名相同的大小，但是更加清晰的文字來使用戶更加清晰快速的獲得想要獲得的信息。費茨法則在網(wǎng)頁中的應用多種多樣，比較常見的就是運用在鏈接的點擊區(qū)域上，例如登陸界面，用戶名輸入框的大小、長寬比，密碼輸入框的大小、長寬比，確認和注冊按鈕的長寬比，他們之間的距離，在頁面中的位置都可以運用費茨法則來進行設(shè)計。費茨法則在網(wǎng)頁設(shè)計中的應用是十分廣泛的。雖然費茨法則的應用十分廣泛且實用，但是也不必刻板的遵循費茨法則。有時，脫離了費茨法則定義的設(shè)計反而會使得網(wǎng)頁更加生動有趣。費茨法則在網(wǎng)頁設(shè)計中主要是給點擊區(qū)域，文字，圖片的大小和長寬比以及各種元素之間的距離給定了一個可以依靠的科學依據(jù)。讓設(shè)計者們在設(shè)計時可以擁有一個站得住腳的科學依據(jù)。
四、結(jié)束語
本文主要就費茨法則的應用進行了討論。經(jīng)過本文的討論可以發(fā)現(xiàn)，費茨法則是與我們生活息息相關(guān)的一條法則。不止是在小小的電腦屏幕上，只要是人類與機器的交互上就會或多或少的使用到費茨法則。只是某些時候費茨法則不應當是一個約束，只是將其當做一個可以合理解釋為何這樣設(shè)計、為何設(shè)計成這樣的科學依據(jù)將能更好的理解與應用費茨法則。
作者：侯曉雨 單位：山東女子學院
摘要：
在網(wǎng)絡(luò)技術(shù)迅速發(fā)展的今天，網(wǎng)頁設(shè)計與制作已經(jīng)成為當今社會上一種比較熱門的技術(shù)，也是“計算機應用技術(shù)、網(wǎng)絡(luò)技術(shù)、電腦藝術(shù)技術(shù)”等專業(yè)學生的必修課，同時，也是相關(guān)專業(yè)學生的選修課。在實際的計算機網(wǎng)絡(luò)設(shè)計教學中，由于教師專業(yè)經(jīng)驗不足、課時及實踐設(shè)置不合理等原因，使教學的效果大打折扣。為了保證教學過程取得成功，提高教學質(zhì)量，本文簡要分析現(xiàn)階段網(wǎng)頁設(shè)計教學模式存在的一些問題，并介紹一些比較先進的教學方法，希望能為達到理想的教學效果提供借鑒。
關(guān)鍵詞：
計算機；網(wǎng)頁設(shè)計；教學模式
1引言
隨著互聯(lián)網(wǎng)的高速發(fā)展，我國逐步進入信息化時代，各行業(yè)領(lǐng)域?qū)τ趯I(yè)計算機知識人才的需求都有了明顯的增加。為了滿足社會的需求，我國一部分職業(yè)技術(shù)學校與高等學校紛紛開設(shè)計算機運用與維修、計算機網(wǎng)頁設(shè)計等課程，這些課程的開設(shè)為我國培養(yǎng)了大量的IT人才。近些年，雖然計算機教學取得了不俗成績，但是我們也要正視教學中存在的一些不足。
2計算機網(wǎng)頁設(shè)計教學中存在的問題
2.1教師專業(yè)經(jīng)驗不足
我國職業(yè)院校的大部分老師是師范畢業(yè)生，這些教師往往存在教學基礎(chǔ)與經(jīng)驗的不足，教師缺乏必要的實際應用動手操作能力。因此在教學時大多是照本宣科，并沒將教材的知識點與實際運用情況相融合，生硬的課堂語言，讓課堂氣氛變得沉悶，學生學習的興致不高。網(wǎng)頁設(shè)計這門課程實用性強，不但需要扎實的理論知識，而且需要大量的實踐過程[1]，如果不能實踐上機操作的話，那么就會對所學的知識一知半解，達不到教學的要求。
2.2課時及實踐設(shè)置不合理
很多職業(yè)院校一周只安排2個課時的網(wǎng)頁設(shè)計教學，課時過少，學生在進行網(wǎng)頁設(shè)計與制作的實踐時，跟老師互動、交流的機會也就相應減少，這就不利于學生對所學知識的鞏固。而且學生若在實踐過程中碰到難題不能在老師的幫助下及時得到解決，這也會極大挫傷學生學習的積極性。此外，學校更多的是注重理論知識的灌輸，常常忽略實踐上機操作的重要性。
2.3學生本身學習能力有限
隨著90年代末高校的擴招，高等教育事業(yè)得到了迅猛的發(fā)展，高校的擴招對中專教育造成了強大的沖擊，很多人選擇了去高校就讀，導致中專院校招生越來越困難，學生數(shù)量以及整體質(zhì)量均有所降低。大多數(shù)中職生基礎(chǔ)比較薄弱，而且自覺性比較差，上課時不主動積極，導致其不能完全接受、消化教師所傳授的內(nèi)容，更不用說進行深層次的探索與創(chuàng)新了。
3提高計算機網(wǎng)頁設(shè)計教學質(zhì)量的方法
3.1提高教學質(zhì)量，改進教學方法
在傳統(tǒng)的教學中，大多數(shù)老師仍然沿用灌輸式的教學模式進行教學，教學方法單一，枯燥乏味，沉悶的課堂氣氛會大大降低學生學習的積極性，甚至會讓學生產(chǎn)生厭學情緒。為了激發(fā)學生的學習熱情，現(xiàn)在很多老師在教學中融入了項目教學法、案例演示法、頭腦風暴法等較先進的教學方法。第一，項目教學法。項目教學法就是在老師的指導下，將一個相對獨立的項目交由學生自己處理，信息的收集、方案的設(shè)計、項目實施及最終評價，都由學生自己負責，學生通過該項目的進行，了解并把握整個過程及每一個環(huán)節(jié)中的基本要求?！绊椖拷虒W法”最顯著的特點是“以項目為主線、教師為引導、學生為主體”，具體表現(xiàn)在：目標指向的多重性；培訓周期短，見效快；可控性好；注重理論與實踐相結(jié)合。項目教學法是師生共同完成項目，共同取得進步的教學方法。但是教師在應用這一教學方法時要對學生的學習能力、基礎(chǔ)知識的儲備進行全面的考慮，不能一刀切。第二，案例教學法。案例教學法是教師根據(jù)教材內(nèi)容，選擇具有啟發(fā)性的、緊扣教材內(nèi)容的典型案例，通過具體的情境提高學生理解、掌握知識、感悟等綜合素質(zhì)的一種教學方法。傳統(tǒng)的教學方法是老師講、學員聽，聽沒聽、聽懂多少。要到最后的測試時才知道，而且學到的都是死知識。在案例教學中，學生拿到案例后，先要進行消化，然后查閱各種他認為必要的理論知識。這無形中加深了對知識的理解，而且是主動進行的[2]。捕捉這些理論知識后，他還要經(jīng)過縝密地思考，提出解決問題的方案。第三，頭腦風暴法。通常所說的“頭腦風暴法”，是指將不同專業(yè)與背景的人集中到一起，讓他們互提設(shè)想，互相撞擊，求得新創(chuàng)造、新構(gòu)思的方法。它是一種名符其實的集思廣益法，它能使每個參與者在決策的過程中，思考相互沖擊，迸發(fā)出火花，作出創(chuàng)造性的問題解決方案。在教學中實施頭腦風暴法有助于培養(yǎng)學生的創(chuàng)造思維，讓每個學生的腦子動起來，極大地提高課堂教學效果。
3.2設(shè)計科學、合理的專業(yè)教學
計算機專業(yè)的課程一般都屬于要求具有較高動手操作能力的專業(yè)技能課程，因此，在專業(yè)教學課程的設(shè)定方面，應該以實踐上機操作為主，讓學生多動手練習，實踐理論知識的學習，引導學生對所學知識的思考。專業(yè)課程的設(shè)計應該將重點方向定位于社會實際應用。學生所學的專業(yè)知識與技能，在今后的崗位中，主要的應用就是實踐操作。只有讓學生多方位地全面掌握基礎(chǔ)，在基礎(chǔ)的層面上加深專業(yè)技能的培訓，才能讓學生在眾多的競爭者中脫穎而出。中職教育的最終目的在于學生就業(yè)，因此，教學內(nèi)容的設(shè)定應該與就業(yè)緊密結(jié)合，這樣才能夠為社會培養(yǎng)出高素質(zhì)的計算機專業(yè)勞動者和技能人才。
3.3加強教師技術(shù)培訓
當今社會，知識更新越來越快，特別是在計算機領(lǐng)域方面。我們的教師也要不斷學習，強化自己的專業(yè)能力。此外，可以有計劃的安排專業(yè)教師到企業(yè)實踐，這樣才能讓教師了解計算機網(wǎng)絡(luò)發(fā)展的最新動向，加強教師的實際應用動手操作能力，為教師今后的教學指導方向。
4結(jié)束語
計算機傳統(tǒng)的教學模式，已經(jīng)不能適應現(xiàn)代不斷更新的計算機技術(shù)的需求。教師必須摒棄傳統(tǒng)的教學模式，改變教學理念，培養(yǎng)學生擁有較強的專業(yè)技能、較高的綜合素質(zhì)，只有這樣學生才能夠適應社會發(fā)展的需求，在眾多競爭者中脫穎而出。
作者：陳上 單位：海南軟件職業(yè)技術(shù)學院
