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

網頁設計論文:平面設計專業網頁設計課程教學改革

摘要：隨著“互聯網+”國家戰略的大力推進，社會對網頁設計專業人才的培養提出了新的要求。該文根據平面設計專業網頁設計課程的特點，分析該課程教學存在的問題，并針對問題從教學內容、教學方法兩個層面闡述具體改革措施，旨在提高平面設計專業網頁設計人才的社會實踐對接能力。

關鍵詞：平面設計;網頁設計;課程教學;改革

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

一、教學現狀分析

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

二、教學內容的調整

對于平面設計專業網頁設計課程教學中出現的問題，首先要從教學內容上進行調整。新的教學內容調整為藝術理論課程和軟件實踐課程兩大模塊。

1.藝術理論課程模塊

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

2.軟件實踐課程模塊

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

三、以項目教學方法為載體，提高學生的實戰能力

為了提高學生的實戰能力，將社會項目、經典案例引入課堂教學，并分層次逐級深入。

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

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

2.第二級：項目分工合作階段

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

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

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

作者:洪濤 單位:河南大學藝術學院

網頁設計論文:電子商務專業網頁設計教學內容的設計

摘要：《網頁設計》是高校很多專業的一門專業必修課，本文分析了目前該課程的教學現狀，提出了針對電子商務專業調整教學內容的措施，讓課程的教學更符合電子商務專業的要求，讓學生真正學到知識。

關鍵詞：電子商務專業；網頁設計；教學

一、《網頁設計》教學現狀

目前各大高校開設了《網頁設計》課程的專業有電子商務、藝術設計、計算機軟件、信息工程等專業，有的學校還把該課程設置成全校公選課程，但是教師上這門課時在教學方式、教學內容上幾乎完全一致，沒有從專業發展的角度來安排教學內容，嚴重影響了學生在其專業領域的發展。目前該門課程教學內容的設計有以下幾種：

（一）介紹網頁三劍客軟件的使用

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

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

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

（三）HTML5、CSS3、JAVASCRIPT網頁設計技巧

HTML（HypertextMarkupLanguage），是用于描述網頁文檔的一種標記語言，HTML5是當前最新版本。CSS即層疊樣式表（CascadingStyleSheet），在網頁制作時采用層疊樣式表技術，可以有效地對頁面的布局、字體、顏色、背景和其它效果實現更加精確地控制，CSS3是CSS技術的升級版本。JAVASCRIPT一種直譯式腳本語言，用來給HTML網頁增加動態功能。HTML5、CSS3、JAVASCRIPT是網頁設計的主流技術，是教學的重點和難點。

（四）動態網頁設計

除了介紹DREAMWEAVER軟件的使用外，還重點講述后臺數據庫的訪問，即C#語言、數據庫編程。由于《網頁設計》課程通常開設在大一，對于很多從來沒有接觸過編程和數據庫的學生來說，他們會覺得特別難，容易產生抵觸心理，消磨掉學習興趣。

二、電子商務專業《網頁設計》教學內容的設計

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

（一）教學內容安排

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

（二）教學先后順序

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

三、結束語

任何一門課程的教學都應該根據專業的特色來調整教學內容，培養出適應社會需求的專業性人才。上述《網頁設計》課程教學內容的設計使電子商務專業學生能夠扎實掌握網頁設計技能，同時為后續專業課程學習奠定了良好的基礎。

作者:彭珊珊 彭瓊 馬丕玲 單位:湖南涉外經濟學院

網頁設計論文:網頁設計課程教學實踐研究

摘要：《網頁設計》是一門以培養學生的實作能力為主的課程，應充分利用僅有的32課時有效提高學生的操作與實踐能力，讓學生學以致用。本文探討了基于項目教學的《網頁設計》課程教學實踐，希望對課程的教學提升有所幫助與啟示。

關鍵詞：《網頁設計》；項目教學；教學實踐

《網頁設計》課程是青島農業大學傳播學專業網絡傳播方向的一門專業基礎課，其主要目的是培養學生具有一定的藝術素養，較強的網頁鑒賞能力，熟悉網頁設計創意的原理和方法，熟悉HTML、CSS和網頁制作工具，熟悉網頁的制作和流程，能夠根據客戶需求進行靜態網頁設計與制作以及進行小型網站的維護和管理工作，是一門操作性與實踐性都很強的課程。課程設置32學時，內容多、課程緊，如何在有限的時間內最優化學生的學習效果是授課教師面臨的重要課題。

一、理順與先修后繼課程的關系

以《網頁設計》課程為中心，重新規劃了傳播學專業網絡傳播方向的相關課程群內容，課程的先修課程包含有通識課程《計算機基礎》，專業基礎課程《C程序設計》及《電腦美術平面設計》，課程的后續課程包含有專業基礎課程《計算機網絡技術》，專業課程《網絡傳播》《網站創建于管理》，專業拓展課程《網絡數據庫技術》《手機APP開發》《網站策劃與設計》及《動態網站建設》。

二、確定課程的教學目標

在對課程進行了重新定位和性質分析的基礎上，確定課程的總體教學目標為培養學生靜態網站設計與制作的實際工作技能，其中：知識目標：了解HTML標記語言，熟練使用網頁制作工具Dreamweaver，能完成DIV+CSS標準布局。能力目標：能進行網站需求分析、總體設計，能實現界面設計、基本網頁制作，能制作多種頁面特效，能進行網站的基本管理。素質目標：培養學生良好的職業素養、團隊協作意識、自我學習能力、溝通表達能力和知識歸納與積累能力。

三、課程內容設計

設計課程的講授學時為16學時，實踐學時為16學時。教學內容制定的依據是以崗位需求為導向，對網頁設計師和網絡美工的工作過程進行分解分析，確定崗位的核心能力；將核心能力整合提煉為對應的課程項目；依據課程項目提煉章、節、知識點；構建出以工作體系為基礎的課程體系。其中課程項目規劃設計6個，對應16課時的實踐學時。分別為：項目一網頁設計基礎、項目二Dreamweaver基礎、項目三表格布局的頁面制作、項目四頁面美化、項目五CSS+DIV布局的頁面制作及項目六頁面特效制作。圍繞6個課程項目，規劃課程教學內容10章，對應16課時的講授學時，內容包括網頁設計基礎、Dreamweaver基礎、頁面與文本、圖像與多媒體、超鏈接、表格、CSS樣式、CSS+DIV布局、APDiv和Spry及行為。

四、《網頁設計》項目教學實踐

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

（一）知識引入

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

（二）項目分析

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

（三）分解實施

學生根據項目任務做好詳細地分步實施計劃，教師按照任務節點要求以及學生學習計劃指導學生進行網頁設計與制作，并注意糾正學生自主學習過程中出現的偏差，著重培養學生的項目實踐能力。

（四）分步總結

對于項目實施過程中的重點與難點，找出共性問題進行講解。

五、結束語

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

作者:孫曉梅 單位:青島農業大學

網頁設計論文:網頁設計與制作課程改革與實踐

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

關鍵詞：項目教學；網頁設計與制作；課程改革；實踐

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

1教學改革的理念與思路

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

2基于項目教學的“網頁設計與制作”課程改革與實踐的途徑

2.1課程整體設計

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

2.2建立項目小組

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

2.3項目教學的實施

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

2.4成果展示

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

2.5考核方式的改革

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

3結束語

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

作者:吳細花 單位:長沙職業技術學院

網頁設計論文:網頁設計中視覺元素的功能與審美性

摘要：隨著網絡新時代的到來，網頁早已成為人們生活不可缺少的一種信息載體，也為視覺設計者提供了一個新的設計領域，隨著人們對網頁視覺要求的提高，網頁視覺元素的運用與審美功能的體現，也顯得更加重要。針對網頁設計中視覺元素功能與審美性研究進行幾點分析。

關鍵詞：網頁設計；視覺元素；功能；審美

在科學技術日新月異的今天，因特網這個嶄新的傳播媒體，使人與人之間的距離更近。在網絡迅速發展的今天，人們可以足不出戶的利用網絡獲取外界信息，因此對瀏覽界面也有了新的要求，除了功能性更強以外，審美性的要求也更高。而視覺語言的應用，為網頁設計提供了新的方向，也促進了網頁設計的發展。

1功能與審美性

1.1網頁瀏覽的視覺規律

與印刷設計相似，網頁設計也要遵循視覺規律的引導與利用。人們觀看網頁，遵循這一定的移動規律，而視覺的移動規律，能夠引導瀏覽者瀏覽網頁的視覺順序，進而使網頁瀏覽更加輕松。這就要求設計者，要依靠視覺語言各要素直接的聯系與外形呼應，建立網頁頁面中的視覺流動，將瀏覽者無形的視覺移動規律與網頁設計視覺要求建立一種心理聯系和呼應，從而達到提高網頁瀏覽效率與瀏覽享受的目的。在應用網頁視覺語言的過程中，運用這額聯系，能夠為人們創造更多的組合和安排，從而使網頁設計設計也更加簡便化。網絡可以達到提高人類信息交流與傳播的目的，讓日常生活變得更加方便，也提升了基本生活標準。

1．2網頁頁面導向設置

網絡頁面中會呈現多條與搜索相關或無關的信息，為了提高瀏覽者準確找到需求信息的速率，也為了確保瀏覽頁面具有一定的指示性，網絡頁面的導向性功能至關重要。與傳統的網絡頁面相比，最新的頁面信息排版以及引導方式，除了利用原有的文字進行信息提示外，還在適當的位置添加圖片信息，方便瀏覽者進行資料搜索，加快對重點信息的瀏覽速度。網絡頁面的整體構圖也應清晰合理，避免對瀏覽者造成視覺干擾，只有這樣，才能保證瀏覽者可以按照導向指示，完成資料的搜索任務。

1．3網頁的版式語言表現

由于人體視網膜構造的原因，人體視網膜晶體只能產生單一焦點，這就限制了人類瀏覽信息的速度，所以，瀏覽者需要按照個人需求有順序地進行信息的觀看。為進一步提高網頁的點擊量，頁面設計者應合理布局，將重要信息排版清晰，并盡量符合人類視覺網絡瀏覽的基本習慣，有效區分各信息之間的主次關系，盡量顯示信息的重要內容，提高瀏覽者的閱讀速度。

1．4審美性

網頁頁面設計需要合理布局，而其中摻雜的語言，也應按照主次關系進行分類，具體所遵循的原則，可以從以下幾點分析：

1．4.1網頁頁面內容與形式的一致性

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

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

在大量的頁面信息中找到需要的信息內容，這對瀏覽者的閱讀速度是一種考驗，為盡量普及頁面的瀏覽功能，設計者需要合理布局，盡量將重點信息內容放在符合瀏覽者視線瀏覽的區域內，讓頁面更有層次感。在適當的位置配上文字主題說明，并采取加大瀏覽字符或文字標紅的形式，突出重要信息內容。

2網絡設計中視覺元素具體應用

2．1動態視覺元素

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

2.2人性化視覺語言

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

2．3交互化視覺元素

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

3結語

對網頁設計中的視覺元素功能與審美進行了分析，對如何進行網頁視覺元素應用展開了研究。從中可以發現，在網頁設計中應用視覺元素，充分借助人們瀏覽網頁的規律和習慣，借助一些視覺元素盡心合理的網頁組合、排版，不僅僅能夠方便人們閱讀，提高網頁整體的審美性，同時也能夠提高網頁設計的質量和效率，促進網頁設計的進步與發展。

作者:甄鳳其 單位:湘西民族職業技術學院

網頁設計論文:網頁設計與網站建設課程項目化教學探索

摘要：

本文首先分析了《網頁設計與網站建設》課程的教學現狀和存在問題，在此基礎上引入項目化的教學模式，對該課程進行教學改革。闡述了項目化教學的基本內涵、教學改革設計及實施的過程和注意事項。教學實踐證明，與傳統的教學方法相比，基于項目化的教學模式可以有效地激發學生的學習興趣，有利于學生將理論知識與實踐操作相結合，增強學生的實踐動手能力。

關鍵詞：

項目化；課程改革；教學改革；教學模式

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

一、課程教學現狀及存在問題

（一）教學指導思想落后

盡管在新版的人才培養計劃當中，逐步加大了該課程實踐課時的比例，但在實際的教學過程中，教學指導思想還是沒有真正轉變，理論教學與實踐教學聯系不夠緊密，傳統的試卷考核方式導致學生的實踐動手能力沒有得到真正的鍛煉和體現，與實際的職業崗位能力需求不相匹配。

（二）教學內容缺乏新意

教學內容改革是教學改革的核心內容之一，目前的教學大綱基本還是沿用之前的內容，只是對個別知識點進行了調整，沒有質的改變，理論教學大綱和實驗實訓大綱的更新均已滯后，對新知識的引入和使用程度較低，與當前計算機建站技術日新月異的現狀不相匹配，缺乏完整的案例開發指導，導致學生進入社會需要重新學習和培訓。

（三）教學方法落后

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

（四）考核方式不合理

當前的考核方式未能體現加強實踐教學的需求，依然停留在重視理論，忽視實踐的階段，缺乏對學生實踐能力以及對課程內容整體性掌握的考核，考試成績中實踐部分占的比例偏低。

（五）對知識應用缺乏整體感

當前教學的模式決定了學生在學習過程中，所掌握的都是零散的知識點，沒有辦法從整體層面考慮實際的應用問題，因此，當課程學習完畢，如何從整體上去應用知識解決實際問題，學生還需要一個知識重組的過程，沒有結合實際案例的教學，會讓學生在實踐環節缺乏目標和方向。

（六）缺乏實際工程項目開發體驗

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

二、項目化教學方法

（一）項目化教學概述

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

（二）項目化教學的意義

1、有利于培養學生綜合素質

項目化教學是教學環節非常重要的一個組成部分，它的綜合性和真實性對于培養學生的實踐動手能力、解決分析問題的能力、交流協作能力和團隊精神有非常重要的作用。

2、有利于發揮教師的創造性

項目化教學是以具體案例為基礎實施的，它要求學生能夠結合理論知識解決實際問題，該方法同樣要求老師有較高的創造性和應變能力，需要深刻地理解和把握項目化教學的理論體系，根據不同的實際項目作出相應的教學調整，激發學生的學習興趣，引導學生主動學習并高質量的完成項目作業。

3、有利于推動教學改革

教學方法的改革，不僅在于教學形式的改變，更重要的是于思維方式和觀念的轉變，它不僅包括教與學角色和組織結構形態的變革，還包括考查評估方法的創新、教學文化建設等，以教學方法改革為牽引，不僅能激發大學辦學的生機活力，還能激發學生的創新意識和創新創業精神等內在需要。

4、與實際崗位技能緊密相關

項目化教學中涉及的項目具有較高的真實性和模擬性，其中包含的知識和技能要求與社會工作崗位要求高度一致，有利于學生在學習過程中，通過了解、觀察、分析和解決問題獲得經驗和教訓，為學生以后的就業奠定了堅實的基礎。

三、課程項目化教學設計與實施

與傳統的教學方法相比，項目化教學法是以構建理論為基礎，以學生為中心的，學生是認知的主體，是信息意義的主動建構者，它要求學生從“要我學”轉變為“我要學”，從以課本為中心轉變為以項目為中心，從以課堂為中心轉變為以實踐為中心。所以，教師在實施項目化教學法時，首先要了解學生的基本情況，然后根據其教學思路和上述設計原則，制定合理的教學計劃，一般而言，包括以下四個基本環節。

（一）項目設計

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

（二）制定項目教學計劃

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

（三）實施計劃

項目的具體實施，在老師的統一指導和協作下，由各組學生獨立完成。在項目實施前，老師首先要把項目實施的基本軟硬件設施和網絡環境準備好，以減少意外因素對項目進展的影響，對于項目實施過程中的關鍵環節、重點和難點，通過統一講解和指導的方式來完成，以保證項目的順利開展。

（四）檢查評估

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

四、項目化教學實施注意事項

在項目化教學過程中，我們不僅關注項目的最終成果，更加重視項目實施的過程，要求師生共同完成這個具有創造性的實踐環節，實施過程中需要注意的問題是：

（一）教師應改變觀念

從傳統的教學模式到項目化教學是一個逐步轉換的過程，教師不是針對理論知識去引入實踐環節，而是需要針對一門課程去設計一個貫穿的項目，并且將項目分解為模塊，通過模塊覆蓋教學大綱要求的全部知識點，這就需要教師調整教學的理念，對課程本身及其應用有非常深刻的理解，對項目本身與課程考核目標之間的匹配度有全面的認識和把握。

（二）教師的合理引導非常關鍵

項目化教學的主要工作由學生小組完成，但是教師的引導和掌控作用不可忽視，要求教師不但要具有較強的專業知識，還要具備豐富的實踐經驗，可以及時發現項目開展過程中存在的問題。一方面要引導學生結合項目開展完成理論知識的學習，另一方面要引導學生在實踐的基礎上加深對知識點的理解并加以擴展，教師的引導不僅包括對學生小組的引導，同時也包括對學生個體的引導。

（三）項目設計要正確把握工作任務與理論知識的聯系

只有同時掌握理論知識與實踐能力才是我們最終的培養目標，因此項目設計的難點在于如何通過項目內容把兩者很好的關聯起來，教師在選擇項目時應該充分考慮針對性和實用性，在劃分項目模塊時要與教材的章節對應，在實現功能時要與技術細節相關聯，把操作流程與理論知識融為一體，真正做到“實踐為主，理論夠用”。

（四）及時開展項目后評估活動

學生小組完成項目后，應該及時開展項目評估和總結。在項目設計階段，應該設計較為全面的指標進行考核，既有定性的考核指標，也有定量的考核指標，通過縱向和橫向的對比，從多個角度進行評估，發現自身的不足，指出改進的方向，加深學生對知識應用的理解。

五、實施效果

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

六、結論

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

作者:葉藝勇 單位:五邑大學經濟管理學院

網頁設計論文:網頁設計中的排版與布局

摘要：

網頁的排版與布局在整個網頁設計中起著至關重要的作用，通過合理的排版與布局能夠提升網頁的視覺效果，實現信息的有效傳達。本文就網頁設計中排版與布局的主要原則、相關內容、設計方法及常見類型進行探討與研究。

關鍵詞：

網頁設計；排版與布局；原則；方法

前言

隨著我國信息時代的不斷發展，人們主要通過網絡來獲取相關信息，網絡的作用也日益凸顯，而網頁作為網絡的重要展現形式，其在設計過程中的排版與布局會直接影響一個網頁的瀏覽量。因此，對網頁設計中排版與布局研究有著重要意義。

一、網頁設計中的排版與布局的原則

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

二、網頁設計中的排版與布局的內容

網頁設計中排版與布局主要是對文字和圖像進行版式設計，使兩者合理組合，向瀏覽者準確傳遞相關信息的同時展現頁面美感。其基本內容主要包括網頁標題設計、網頁文字編排、網頁圖文結合及頁面設計的節奏感。其中網頁標題一般被放在網頁最上方且位置居中，根據不同需求還可使用圖片予以裝飾，而剩余頁面文字則根據網頁的具體需要以點、線、面等方式進行合理編排。不過通篇的文字敘述易使瀏覽者產生厭煩感，進而放棄閱讀，于是頁面內容文字還應配圖說明，通過圖文結合的形式，依據不同網頁類別將相關圖片與文字進行靈活搭配，使頁面內容變得更加生動活潑，從而激發瀏覽者的閱讀興趣，充分發揮網頁傳遞信息的作用[2]。

三、網頁設計中的排版與布局的方法

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

四、網頁設計中的排版與布局的常見類型

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

五、結論

綜上所述，網頁設計中的排版與布局影響著網頁的成敗，為不斷滿足人們對網絡的需求，網頁設計人員應針對不同類型的內容采取相應的排版與布局方式，進而提高網頁質量和優化網頁視覺效果，為人們帶來更好的瀏覽體驗。

作者:阿斯哈爾·努爾蘭 單位:新疆輕工職業技術學院

網頁設計論文:網頁設計課程項目教學改革初探

摘要：

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

關鍵詞：

項目教學；網頁設計；網站開發

一、改革背景

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

二、網頁設計課程的教學目標

2.1專業能力培養目標。熟悉網站設計流程，掌握最新的網站開發技術、運用HTML+CSS+JavaScript等技術布局網頁，制作符合Web標準的網頁、能夠將網頁設計師的效果圖快速轉換為Web標準原型、并能夠認識并編寫HTML代碼，2.2方法能力目標。具有較好的理解溝通能力、工作協調能力和創新精神、積極肯干、吃苦耐勞，具有高度的責任感、具備良好的職業素養和團隊合作精神，具備優良的職業道德、認真的工作態度，并能承受一定的工作壓力。2.3社會能力目標。樹立網絡安全意識、具有創新意識、具備良好的思想道德修養和職業道德素養、具有愛崗敬業和團隊合作精神。

三、項目教學法的特點

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

四、項目教學法在網頁設計課程中的應用

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

五、總結

通過教學時間證明，這種改革方法能夠讓學生通過參與項目從而掌握整個學科體系。學生在網頁設計中做的網站開臺，通過JAVA和JSP的整合，可以實現與后臺數據庫的連接，從而能夠實現網站前后臺功能的實現，項目教學法有利于學生明確學習目標，發揮他們的主觀能動性，能夠調動學生學習的積極性，也能使學生各門課程知識的系統化組織，有助于他們自我學習能力的培養，提升動手能力和團隊合作能力，提高了學生的創新意識。在今后的教學過程中，還應不斷改進教學方法和教學手段，及時總結教學經驗，以達到更好的教學效果。

作者:康麗 單位:內蒙古電子信息職業技術學院

網頁設計論文:中職學校網頁設計課程教學探索

摘要：

《網頁設計》課程是中職學校計算機專業以及一些相關專業所開設的一門實踐性很強的技能課程。隨著計算機技術與網絡技術的迅猛發展，對網頁制作人才的需求越來越多，如何提高學生的網頁設計實踐操作技能和職業能力素質來適應社會需求，是中職學校急需解決的一個問題。筆者根據教學實踐，對本課程的教學內容和教學方法進行了探討。

關鍵詞：

網頁設計；教學模式

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

1教學內容、目標和組織形式

在網頁設計教學過程中，首先，根據中職生的特點，研究清楚學生對本門課的認知，他們對這門課的期望程度，想從這門課學到什么。然后，有選擇性的制訂教學內容和教學計劃，盡量避開單純的理論講解，不斷改進教學方法，以激發學生的學習興趣。本課程的教學目標是要求學生把握一種現代的創新理念、層次思維、組織能力和審美觀點，培養學生具備設計與制作優秀網頁的能力。教學過程的組織形式一一團隊合作。在整個教學活動中，主要采取分組學習的形式。根據學生的特點，合理地組成學習團隊，分組的依據為：學生的性別、學習成績、行為習慣、學習能力等，主要以互補的形式為主。每個團隊5~6名學生，并在每組中設立小組長，全面負責小組的學習討論和學習項目的分工安排，同時強調團隊互助合作的重要性。

2教學方法

2.1行為導向法

行為導向教學法是職業教育的主要教學方式，是一種先進的職業技術培訓教學法。它不是指某種具體的教學方法，而是一系列教學技術和方法。包括項目教學法、案例教學法、角色扮演法等。行動導向教學法以教學生“學會學習”為目標，學生是學習過程的中心，從注重“教法”轉到注重“學法”，將學生的學習與學生發展密切結合起來。教師是整個教學過程的引導者與協調者，在教學活動中與學生互動，引導學生自主學習和獨立探索，讓學生在自己“動手”的實踐中習得專業知識和實踐技能，進而形成自己的知識體系。

2.2默會知識

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

3教學實踐

3.1知識技能的掌握

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

3.2綜合應用

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

1)確定項目主題

由教師提供一些參考主題（如個人主頁、班級主頁、學校6S管理、中國傳統文化、美食、旅游等）或學生自定的主題。項目的任務是繪制網站模板并完成網站的設計。項目的目標是每個小組制作出一個完整的網站。

2)制訂計劃

由小組討論制定項目實施計劃,確定實現步驟和程序。

3)組織實施

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

4)項目結果匯報與作品展示

各個小組展示模板和網頁，并陳述作品的創作過程。

5)評價總結

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

4結束語

實踐教學的質量決定中職學校的人才培養質量，所以教學改革需要不斷地深化。本文對《網頁設計》課程的教學內容、教學方法、教學評價等方面進行改革，增強學生的學習興趣和學習積極性。提高中職生的實踐操作技能，需要在實踐教學過程中不斷地進行探索和完善。

作者:呂溪敏 單位:廈門信息學校

網頁設計論文:網頁設計中的圖形圖像處理技巧分析

摘要:

隨著我國互聯網信息技術的飛速發展，通過網絡流量網頁觀看新聞、圖片和視頻等已經成為人們日常生活中必不可少的生活內容，因此，網頁設計所受到的關注度越來越高。其中圖形圖像處理技巧是網頁設計最重要的影響因素之一，決定著網頁設計整體效果、主題思路和瀏覽感受。為了滿足人們對網頁設計日益增長的審美要求，必須充分發揮出圖形圖像處理技巧的優勢，設計出更加優秀和美觀的網頁。本文對網頁設計中的圖形圖像處理的優勢、構圖方法和處理技巧應用等方面進行了簡要分析。切實希望有助于提升網頁設計中的圖形圖像處理的水平和質量。

關鍵詞:

網頁設計;圖形圖像處理技巧

近年來，隨著我國科學技術的飛速發展和人民生活質量的不斷提高，通過互聯網信息技術瀏覽網頁已經成為人們日常工作學習生活的一部分，不但如此，各個行業領域、機關部門都需要借助網絡來輔助辦公，因此，網站和網頁建設是目前備受關注的焦點。網頁設計中最重要的一個環節就是圖形圖像處理的過程，由于網頁是面向網站用戶的直接對象，網頁所展示出的整體效果和層次脈絡代表著網頁所有者的能力和態度，能否把網頁設計與藝術美感有機結合是獲取瀏覽者認同度和滿意度的基礎因素。這就要求網頁設計中圖形圖像處理過程的質量和水平要格外高超，用專業的圖形圖像處理技能和知識配合富有藝術美感的處理技巧，充分滿足人們對瀏覽網頁的視覺需求和效用需求。

1網頁設計中的圖形圖像處理技術分析

1.1網頁設計過程中運用圖形圖像的優勢

首先，在網頁設計過程中使用圖片首先可以給用戶帶來直觀的視覺沖擊，具有視覺優勢，以圖片作為網頁版面的構成要素可以烘托出特殊的網頁風格，而且圖片具有良好的適配性和包容性，能夠配合網頁中蘊含的其他因素，從而使網頁獲得統一、協調的美感。其次，圖片內容的受眾性逛具備認知優勢，通過圖片設計者可以忽略由于語言文字產生的信息障礙，增大瀏覽和觀看的受眾范圍，即使用戶不認識文字或者來自不同語言文化的國家，都可以通過圖片內容來準確理解設計者所表達的思想內涵。

1.2網頁設計過程中運用圖形圖像的構圖方式

網頁設計中主要的構圖方式按結構劃分有三種，分別是縱向式、水平式和中心式構圖。其中，縱向式構圖是指將網頁中的全部元素按照豎直方式進行排列，這種構圖方式比較簡潔明了，用戶能夠直觀、清晰地感受到網頁的主體內容，多適用于廣告設計中。而水平式構圖與上一種構圖方式類似，只不過是將排列方式轉變為橫向，這種構圖方式體現出莊重、樸實和嚴謹的風格，適合用戶的瀏覽習慣，主要適用于政府機關、企業單位和學校等機構的網站中。中心式構圖運用較少，其設計理念是把所有元素統一集中到網頁中心，集中表現力較強，但是給人的感覺過于拘謹。

1.3網頁設計過程中運用圖形圖像的處理技術

1.3.1圖形圖像去噪

網頁在添加圖形圖像的時候會伴隨著噪聲，噪聲的產生是由圖形圖像的自身屬性所決定的。通過圖形圖像去噪處理，可以有效提高圖形圖像的分辨率，對圖片質量和大小進行優化。

1.3.2圖形圖像增強

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

1.3.3圖形圖像壓縮

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

2網頁設計中的圖形圖像處理技術的應用

2.1圖形圖像的形式與網站整體風格的匹配度與協調性

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

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

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

2.3圖形圖像處理的相關技術

要想制作出具備觀賞性和藝術性的高水平網頁，圖形圖像處理的相關技術的運用必不可少。Photoshop作為功能性和適用性較強的圖形圖像處理軟件，在網頁設計過程中應用較為廣泛。根據網頁設計要求，Photoshop能夠對圖片的位置、大小和版式等多項內容進行處理和調整，其中，圖片分割技術是較為常用的一種技巧。通過多幅圖片的分割、重構和組合能夠設計出別具風格的圖形圖像，極大地增加了圖片的靈動性和美感。

3結論

綜上所述，網頁設計對技術性和美觀性的要求越來越高，設計師對圖形圖像處理技巧運用的能力更為重要。在設計網頁的過程中，通過強調圖形圖像的形式與網站整體風格的匹配度與協調性，根據主題對圖片的格式、大小和顏色等因素進行處理，運用Photoshop等圖片處理軟件，可以有效提升網頁的藝術性和美觀性，提高網頁設計的質量和水平。

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

網頁設計論文:網頁設計中色彩對比與調和的應用

摘要：

隨著科學技術的不斷發展，各種網絡產品幾乎滲透到生活的方方面面，在人們生活中產生重要的影響。網絡成為人們獲取信息的主要平臺，網頁成了信息的主要載體，所以網頁對人的吸引力有著實際的意義。

關鍵詞：

色彩對比；網頁設計；吸引力；視覺效果

1引言

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

2色彩對比與調和在網頁設計中的應用背景

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

3色彩對比與調和在網頁設計中的應用方法

色彩有著重要的意義，在實際的網頁設計中也有著許多不同的表現，發揮著不同的作用，筆者經過相關資料的調查，得出相關的應用表現有如下幾點：

3.1注重色彩的對比

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

3.2同種色彩的調和

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

3.3對比調和規律

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

4色彩對比與調和在網頁設計中的應用重要性

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

作者:劉娜娜 單位:天津市科學技術信息研究所

網頁設計論文:靜態網頁設計與制作分析

摘要：

伴隨著信息網絡技術的發展，人類已經進入信息時代。人們的各項工作都離不開網絡。企業網是展示企業形象的重要窗口，是傳播企業文化、企業信息、輔助業務辦公、服務生產經營的重要手段。本文介紹了企業網的搭建過程和幾個重要網頁部件的功能。

關鍵詞：

靜態網頁；Sharepoint2010；Web部件

1.靜態網頁概述

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

3.常用部件簡單說明

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

4.結束語

全球性的網絡化、信息化進程正改變著人們的工作方式。Internet技術的應用為人們帶來了極大的方便。網絡辦公已經深入到了企業的各個角落。現在的企業網功能豐富，為人們的工作提供了便利。

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

網頁設計論文:項目教學法在網頁設計中的應用

摘要：

“項目教學法”是以項目小組的形式來共同實施一個完整的項目而進行教學活動，它作為行為導向教學法中的一種，學生在老師的指導下尋找實施項目的途徑和結論，最后通過展示和自我評價得分來提升學生的綜合素質。在整個過程中，教師起到重要的作用，他不再是教學過程的主導者，而是參與到學生學習過程中，擔負起引導和監督學生完成項目的責任。筆者分析了項目教學法在網頁設計課程教學中的應用效果和價值，充分展示項目教學改革的必要性，探討項目教學法應用在網頁設計教學過程中的重要意義。

關鍵詞：

項目教學法；計算機信息化；網頁設計課程

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

1項目教學的教學設計原則

在教學過程中，以學生為中心，在教師的協助下完成選取的項目，是項目教學法的設計原則。一方面，教師要根據教學課程的內容需要，同時結合學校學生的實際水平，選取適當的現實的項目，這個項目應包括本課程的基本的知識點內容，能夠起到學生解決問題、牢記知識點的作用，同時教師和學生共同參與到項目的實施過程中，幫助學生完成難度適合的項目。另一方面，項目的實施過程要分組完成，讓學生有更多的機會接觸到項目的各個部分，充分把自己所學的知識應用到項目中，為學生提供多種學習資源。同時，要積極促成學生小組之間的討論交流，讓他們在相互交流之中查漏補缺，了解自己的優點和不足，養成學生協商、交流解決難題的能力，提高他們的團隊協作能力，從而實現整體的進步。

2教師使用項目教學法的基本流程

項目教學的過程是實現教師的主導與學生學習主體的結合。在教學過程中，需要兩個大步驟：一是教師根據教學計劃制定項目，明確本節課的教學內容、目的和相關知識，同時關注學生在完成項目的過程中易出現的問題；二是學生具體實施和完成項目的過程和結果。如圖1所示：

3項目教學法在網頁設計教學中的實踐

以網頁設計與制作課程為例，結合項目教學法的模式特點，選取了制作企業網站的綜合應用為案例，來進行項目實踐。

3.1制定項目任務書，明確項目名稱和目標

教師首先選取合適的教學容容，明確項目名稱、教學目標，同時將學生進行分組，如設計制作信用卡網站。教學的目標是讓學生通過使用Photoshop、Dreamweaver等工具制作符合企業要求的實用型網站。通過實踐項目，使學生熟練掌握網站制作、測試、的整體流程，同時使學生能夠掌握多個網頁的布局設計方法，加強對CSS+DIV的綜合應用能力。

3.2點評學生項目設計，完善項目計劃書

在項目小組接受任務后，教師要指導學生設計和制作項目實施計劃，引導學生搜集、整理項目內容和信息，在學生制訂設計實施計劃后點評各小組的項目計劃書，讓小組之間進行交流，不斷完善項目和活動計劃表。

3.2.1明確網站定位和功能定位

教師通過引導學生分析銀行信用卡網的需求，讓各小組根據分析結果明確信用卡網站定位、功能定位。信用卡網站的定位應為提供最專業全面的用卡知識介紹及經驗交流與分享等服務。所以在網站設計中，要體現產品和服務，宣傳企業品牌，介紹企業的信用卡產品。尤其在提出優惠促銷、鼓勵信用卡消費方面，要激發潛在用戶，并且要提供網絡信息服務和網上銀行登錄服務。

3.2.2分析網站整體框架設計

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

3.2.3設計網站外觀效果

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

3.3項目的實施

教師通過展示做好的網站及各個頁面，或通過互聯網讓學生仿效制作，如交通銀行信用卡、建設銀行信用卡、招商銀行信用卡網站，引導學生完成項目。在項目教學的整個實施階段，學生將成為課堂教學的主角，教師變為配角，主要工作為巡回指導，對各小組的制作進行一對一的指導。各學生分組合作，進入制作主頁及其他網頁的過程。項目小組中，學生分別發揮各自的長處進行制作。通過小組內的溝通與交流，通過參考課本、網絡資料等，加深理解網站制作的全過程。通過項目實施，學生對項目的參與度提高，學生的學習主動性和積極性提高。小組之間的討論能夠幫助學生加強發現問題、分析問題與解決問題等能力，同時團隊的合作能夠幫助學生加強合作、溝通等社交的能力，對學生形成敬業的素質及職業道德和團隊合作精神有重要影響。

3.4評價階段

在評價階段，各小組上傳班級網站，進行宣傳和展示。每組需派代表進行項目的展示并講解操作流程，根據各小組之間互評和教師的總結性點評，各小組進行適當的修改，最后每個學生填寫自評表進行自評。項目教學法的評價方式有教師的指導性評價和學生的自主性相互評價兩種。教師的指導性評價能夠起到指導學生學習的作用。因此，教師的評價應注重學生的項目制作過程，既要根據學生對知識點的理解和能力的掌握情況，又要考慮學生的態度和情感發展。既要關注學生實施項目的結果，更要看到學生在項目實施中的發展和成長，進行鼓勵式評價。學生作為項目的主體，學生的自主性互評更應提倡。通過學生的自我評價，學生能夠查漏補缺，發揚自己的長處，彌補自己的不足，使自身各方面能力得到提高。而各小組之間的互評，能夠使學生團結合作，培養他們溝通、協調的能力，幫助學生適應團隊的項目合。

4結語

實施項目教學法，對教師來說是一個新的挑戰，尤其是網頁設計這種實踐性較強的學科，這就更加需要教師在教學過程中，要求學生在實踐中掌握知識，將理論的知識點用到實踐的操作中，加深學生的記憶。同時通過一個完整的項目，可以幫助學生將零碎的知識點整理成為系統，理解不易理解的知識點，激發了學生對課程的學習興趣，讓學生在一個團隊中認識自己的定位，使學習效果得到顯著提高。

作者:王少琳 單位:上海市商業學校

網頁設計論文:高職院校網頁設計與制作項目化課程研究

摘要：

該文介紹了《網頁設計與制作》項目化教學思路和方法，從設計理念與思路、對計應相關專業建設與發展的定位與作用、課程內容的針對性與適用性、教學內容的組織與安排、教學模式的設計與創新、實踐教學條件的建設與使用等6個方面進行了設計與分析，為學生較好地掌握知識及快速適應工作崗位需求進行了一些思考和探索。

關鍵詞：

高職院校;網頁設計;項目化課程;開發實踐

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

1設計理念與思路

該課程根據職業能力發展的基本規律（新手—生手—熟手—能手—專家），將學習內容設計為網頁設計實際工作，通過工作實現學習。采用整體→模塊→整體的設計思路，按照簡單到復雜、單一到綜合、低級到高級的原則進行。

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

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

2對專業建設與發展的定位與作用

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

3課程內容的針對性與適用性

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

4教學內容的組織與安排

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

5教學模式的設計與創新

在該課程的教學中，教學地點由教室遷移到一體化實訓室，教學方式由教師講為主轉變為學生做為主。實施中包含如下步驟。（1）指定清晰的工作任務，教師展示頁面效果。（2）學生制訂工作計劃，理順工作思路。（3）教師進行工作過程輔導，講解涉及的理論知識。（4）學生根據需要在課程網站上獲得豐富的教學資源。（5）學生完成工作任務，體驗工作效果。（6）師生及企業專家共同評價工作成果。

6實踐教學條件的建設與使用

課程在網站設計一體化教室完成，其間配合到企業現場教學實習環節,實施時由每位學生獨立完成網頁制作任務，課程各種教學資源能夠在學習過程中在線使用。

7結語

課程的開發與實踐是教育實施中始終不能停止的工作，不僅要根據課程教學的一般規律行事，還要根據不同專業、不同課程加以調整，另外也并不是所有課程都能很好地適用項目化教學方法，在職業技術教育中只有與時俱進，本著培養實用型人才、服務于社會經濟發展的宗旨，才能真正讓學生對課程知識學得快、學得好、用得著。

作者:周蘇峽 單位:湖北三峽職業技術學院

網頁設計論文:網頁設計的安全缺陷及對策

摘要：

網站是互聯網技術的基本表現形態，也是信息輸入和輸出的重要平臺，隨著近年來我國電子商務產業的快速發展，網站建設的安全性要求也不斷提高。網頁作為網站的基本構成要素，往往因為存在設計方面的安全缺陷而成為黑客、病毒和木馬威脅的對象，由此造成嚴重的經濟損失，甚至造成社會恐慌。本文中筆者針對網站建設的安全性展開研究，以網頁設計的安全缺陷為切入點，通過分析并提出相應地防治策略。

關鍵詞：

網站建設;網頁設計;安全缺陷;防治對策

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

1、網站建設中網頁安全的重要性

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

2、網站建設中網頁設計的安全缺陷分析

目前在國內網站技術背景下，常見的網頁設計安全缺陷主要有以下幾種表現。

2.1驗證安全缺陷

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

2.2地址安全缺陷

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

2.3防護安全缺陷

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

3、網頁設計的安全缺陷防治對策

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

作者:樂蓓 陳莉 單位:江西現代技師學院

網頁設計論文:高校計算機網頁設計教學研究

摘要：

網頁設計課程是高校計算機專業中的一門核心課程，其實用性和綜合性很強。如何建立高效率的課堂，讓學生學習好這門課程，成為廣大教師重點關注和亟待解決的重要問題。

關鍵詞：

計算機；網頁設計；教學模式；實踐；互動

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

一、營造融洽的課堂氣氛，體現師生互動

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

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

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

三、采用分階段分模塊的方式教學

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

四、舉辦各種競賽活動，激發學生的學習熱情

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

五、結語

隨著信息技術的發展，教學模式要更加多樣化才能滿足學生的學習需求。網頁設計是一門實用性和綜合性很強的課程，如何通過此課程，提高學生的動手操作能力和綜合實踐能力，值得人們思考。只有通過不斷探索和改進，才能提高課堂的教學效率和學生的學習質量，從而培育出更加優秀的人才。

作者：王宇祥 單位：遼寧廣告職業學院

網頁設計論文:網頁設計費茨法則的應用

隨著互聯網的發展，現在的人們會花費更多的時間瀏覽網頁、網站。然而網頁上每一部分的大小，每一部分的長寬比，都是怎樣的數值才能讓用戶獲得更好的體驗跟更精準的點擊呢？有沒有一種科學的依據呢？費茨法則就是一種科學的界定大小、長寬比的非常科學的法則。依據費茨法則，可以設計出擁有更好用戶體驗的網頁。

一、費茨法則是什么

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

二、費茨法則的應用

費茨法則在生活中的方方面面都是在使用著的，例如汽車的設計。汽車的剎車和油門的大小就是經過費茨法則設計過的。在汽車上，剎車和油門的距離較近，并且剎車的大小比油門大一些，這就是運用了費茨法則進行的設計。剎車與油門距離較近，可以使得使用者能盡快的踩到想要踩到的目標，而剎車的大小較大可以使用戶想要踩剎車時比較快速的踩到剎車，防止一些事故的發生。然而在游戲廳的賽車游戲中，剎車和油門的大小與正常車的大小成反比，也就是油門比較大，剎車比較小。這是因為在賽車游戲中，操作者更加需要快速踩到油門的時間比較多，需要踩剎車的時間比較小。而且操作者會希望比較快速的完成游戲，踩油門的幾率十分高。在電腦操作系統上費茨法則的運用頻率也是十分高的，例如windows系統和macintosh系統。非常大的一個差別就是macintosh系統的工具欄是始終在屏幕最頂端，而windows系統的工具欄是在標題欄的下方。事實表明，工具欄固定放在屏幕最頂端比放在工具欄下方更容易點擊。當鼠標想要點擊工具欄時，使用macintosh系統可以鼠標直接向上移，不用擔心會因為移動的距離過于大而無法快速的點擊目標，而使用windows系統時就需要斟酌一下鼠標移動的距離，不然就會因為移動的距離過大而錯過目標。

三、費茨法則在網頁設計中的應用

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

四、結束語

本文主要就費茨法則的應用進行了討論。經過本文的討論可以發現，費茨法則是與我們生活息息相關的一條法則。不止是在小小的電腦屏幕上，只要是人類與機器的交互上就會或多或少的使用到費茨法則。只是某些時候費茨法則不應當是一個約束，只是將其當做一個可以合理解釋為何這樣設計、為何設計成這樣的科學依據將能更好的理解與應用費茨法則。

作者：侯曉雨 單位：山東女子學院

網頁設計論文:計算機網頁設計教學分析

摘要：

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

關鍵詞：

計算機；網頁設計；教學模式

1引言

隨著互聯網的高速發展，我國逐步進入信息化時代，各行業領域對于專業計算機知識人才的需求都有了明顯的增加。為了滿足社會的需求，我國一部分職業技術學校與高等學校紛紛開設計算機運用與維修、計算機網頁設計等課程，這些課程的開設為我國培養了大量的IT人才。近些年，雖然計算機教學取得了不俗成績，但是我們也要正視教學中存在的一些不足。

2計算機網頁設計教學中存在的問題

2.1教師專業經驗不足

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

2.2課時及實踐設置不合理

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

2.3學生本身學習能力有限

隨著90年代末高校的擴招，高等教育事業得到了迅猛的發展，高校的擴招對中專教育造成了強大的沖擊，很多人選擇了去高校就讀，導致中專院校招生越來越困難，學生數量以及整體質量均有所降低。大多數中職生基礎比較薄弱，而且自覺性比較差，上課時不主動積極，導致其不能完全接受、消化教師所傳授的內容，更不用說進行深層次的探索與創新了。

3提高計算機網頁設計教學質量的方法

3.1提高教學質量，改進教學方法

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

3.2設計科學、合理的專業教學

計算機專業的課程一般都屬于要求具有較高動手操作能力的專業技能課程，因此，在專業教學課程的設定方面，應該以實踐上機操作為主，讓學生多動手練習，實踐理論知識的學習，引導學生對所學知識的思考。專業課程的設計應該將重點方向定位于社會實際應用。學生所學的專業知識與技能，在今后的崗位中，主要的應用就是實踐操作。只有讓學生多方位地全面掌握基礎，在基礎的層面上加深專業技能的培訓，才能讓學生在眾多的競爭者中脫穎而出。中職教育的最終目的在于學生就業，因此，教學內容的設定應該與就業緊密結合，這樣才能夠為社會培養出高素質的計算機專業勞動者和技能人才。

3.3加強教師技術培訓

當今社會，知識更新越來越快，特別是在計算機領域方面。我們的教師也要不斷學習，強化自己的專業能力。此外，可以有計劃的安排專業教師到企業實踐，這樣才能讓教師了解計算機網絡發展的最新動向，加強教師的實際應用動手操作能力，為教師今后的教學指導方向。

4結束語

計算機傳統的教學模式，已經不能適應現代不斷更新的計算機技術的需求。教師必須摒棄傳統的教學模式，改變教學理念，培養學生擁有較強的專業技能、較高的綜合素質，只有這樣學生才能夠適應社會發展的需求，在眾多競爭者中脫穎而出。

作者：陳上 單位：海南軟件職業技術學院