序論：好文章的創(chuàng)作是一個不斷探索和完善的過程，我們?yōu)槟扑]十篇高級網(wǎng)頁設計范例，希望它們能助您一臂之力，提升您的閱讀品質，帶來更深刻的閱讀感受。

篇（1）

中圖分類號：G424 文獻標識碼：A

0 引言

隨著網(wǎng)絡技術的飛速發(fā)展，利用互聯(lián)網(wǎng)獲取信息已成為人們生活學習不可缺少的部分，①同時作為各種教育類機構在網(wǎng)絡信息時代的窗口，這些事企業(yè)單位急需大量的網(wǎng)頁制作人才，網(wǎng)頁設計與制作課程乃至相關的學科內部方向，成為高校教育技術專業(yè)的核心課程。

傳統(tǒng)的教學模式培養(yǎng)的學生，往往不能適應用人單位的要求。網(wǎng)頁設計與制作的教學內容與市場需求相脫離，距離社會崗位要求甚遠，無法勝任事企業(yè)崗位等問題。②

1 課程改革原因分析

筆者認為，造成高校開設網(wǎng)頁設計與制作教學與事企業(yè)單位用人需求脫節(jié)的主要原因有以下幾個方面：

（1）網(wǎng)頁設計與制作課程開設滯后。教育技術專業(yè)全程教學計劃中，在第二學期開設圖像制作課程；但是到第四學期才開設網(wǎng)頁設計與制作課程，而且學時受到壓縮，不僅學生學到的知識有限，還不能得到實際的鍛煉；而后續(xù)專業(yè)課程Flash和C#在第五學期才能開設；社會大量需求的如Flex和Ajax以及后臺代碼編程的或PHP在第六學期才能開設；而在第七學期開始專業(yè)方向訓練為時已晚，許多學生選擇去考研和盲目地開始實習。

（2）相關教材編寫沒有連續(xù)性。當前大多數(shù)網(wǎng)頁設計與制作方向的教材都是基礎知識的講解，提供的案例也都相對簡單且實用性不強。絕大多數(shù)的教材都沒有交叉性，無法體現(xiàn)出網(wǎng)頁設計與制作作為現(xiàn)今主流的B/S模式下系統(tǒng)開發(fā)體系在跨平臺性、交互性、開放性等方面的優(yōu)勢。使得學生們總認為什么技術都只學個皮毛。

2 深入開展網(wǎng)頁設計與制作教學改革的探討

湖北第二師范學院計算機信息技術系，從2011年開始，比照教育技術專業(yè)的多個大的方向，將學生分為多個課程組。提出“基礎知識扎實化；特長教育持續(xù)化；產(chǎn)學研用③一體化”的方針，進行了教育技術方向的“三化”教學改革。要求學生在學好本專業(yè)基礎課程的同時，還要掌握一種自己的特長技術，為勝任畢業(yè)后工作的需求對學生進行大學階段的全程培養(yǎng)。通過長時間的學習、討論、制定，兩年來，我們對2009、2010、2011這3個年級的近100名學生進行了分方向培養(yǎng)。網(wǎng)頁設計與制作為其教學改革的一個方向，培養(yǎng)學生人數(shù)為31人。

2.1 基礎知識扎實化

選擇了在網(wǎng)頁設計與制作課程方向的同學，所要求學習的知識是一個系統(tǒng)級的體系結構，將網(wǎng)頁設計與制作的學習過程大致分為3個階段，如圖1所示：

第一階段學習色彩與構圖、平面圖像處理等課程。在基礎知識學習的過程中就不斷地提供實踐案例進行分析講解。

第二階段學習HTML、DIV+CSS、JavaScript腳本，掌握網(wǎng)頁制作的前臺基礎。掌握Dreamweaver軟件的使用，結合網(wǎng)頁實例掌握DIV+CSS的各種布局方式。并對學生教授前端Js腳本技術，使其后續(xù)可以進行網(wǎng)站的交互式開發(fā)。

第三階段分兩個方向，學生在學習完數(shù)據(jù)庫基礎后選擇學習富客戶端編程或網(wǎng)頁制作后臺編程。富客戶端選擇用Flash進行教學，后續(xù)學習ActionScript的Flex編程；網(wǎng)頁制作后臺選擇用C#進行教學，后續(xù)學習的編程。

所有學生在最初學習平面設計課程組的基礎知識。當?shù)诙A段開始時，正規(guī)課堂教學開設C語言，小組成員可以同時學習第二階段的課程。此后正規(guī)課堂開設了數(shù)據(jù)庫概論的課程，成員可以在鞏固第二階段的課程后開始進行第三階段分方向學習。整個過程在1～2年內全部覆蓋到。

2.2 特長教育持續(xù)化

要求從大一就開始選擇方向并持續(xù)的開展上述知識的學習。提倡“教學為輔自學為主”的教學模式，和學以致用的精神。按上述三個學習階段通過考核將學生分成多個層次，每個層次分成同級別的多個小組。

課程的學習都是在正規(guī)課堂教學以外的時間來完成。教師首先對各個小組提出學習方向和目標，精確到每個星期，并指定教材和參考書目及相關網(wǎng)站。高層次的小組輪流安排學生為低層次的小組進行教學輔導，和布置任務，檢查作業(yè)。每個星期開會討論和總結。教師進行大方向的干預。最高層次的小組直接進入老師的項目或老師提供的項目，進行以項目為驅動的教學。④

2.3 產(chǎn)學研用一體化

第一，最高層次的小組成員直接進入老師的項目?？梢栽陧椖拷M中進行后臺代碼或前端富客戶端的開發(fā)以及文檔的撰寫。第二，組織學生積極參加國內外的各種大創(chuàng)比賽，鍛煉學生的水平、提升學生的積極性。第三，積極和事企業(yè)單位進行合作，將這些單位的項目分給學生制作，老師進行全程監(jiān)控；或者推薦學生到對方單位加入項目組進行實戰(zhàn)的開發(fā)。

3 結語

通過兩年多時間的實踐和探討。學生在網(wǎng)頁設計與制作方向的實踐能力取得了穩(wěn)步的提高，并形成了一套良性循環(huán)的教學模式。低級別的學生通過學習進入高級別，高級別的同學通過給低級別的學生教學而更加鞏固了知識，學生們的實踐制作能力得到了用人單位的肯定，達到了教學改革的效果。

注釋

① 胡曉紅，王麗芬，張景峰.基于職業(yè)能力培養(yǎng)的《網(wǎng)頁設計與制作》教學改革的研究[J].電腦知識與技術，2012.8（20）.

篇（2）

關鍵詞：

高職院校;網(wǎng)頁設計;項目化課程;開發(fā)實踐

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

1設計理念與思路

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

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

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

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

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

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

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

4教學內容的組織與安排

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

5教學模式的設計與創(chuàng)新

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

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

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

篇（3）

1 前言

黃岡職業(yè)技術學院作為國家級骨干高職院校，在“國家示范性高等職業(yè)院校建設計劃”骨干高職院校建設項目中2013年驗收結論為優(yōu)秀。筆者作為該項目其中一個子項目探索系統(tǒng)培養(yǎng)的負責人，通過深入的調研，完成了專業(yè)教學標準，專業(yè)設置條件在專業(yè)教學標準中占有重要的地位。

2 專業(yè)設置條件

2.1 師資條件

中職階段：

⑴專任教師要求

①技術領域：計算機應用或相近專業(yè)領域；②學歷：本科及以上；③企業(yè)工作經(jīng)歷：有行業(yè)、企業(yè)一線工作經(jīng)歷一年以上；④教師資格：具備中職教師資格；⑤教學能力：能勝任1～2門專業(yè)主干課的教學；⑥職業(yè)資格：具備網(wǎng)絡行業(yè)中高級資格證書；⑦實踐能力：能主導運用專業(yè)主干課指導專業(yè)產(chǎn)品的生產(chǎn)或者研發(fā)。

⑵兼職教師要求

①熱愛教育事業(yè)，有較高的思想政治素質，具有良好的職業(yè)道德和協(xié)作意識，能服從學校管理。有一定的語言表達能力和知識傳授能力；②具有相關的專業(yè)知識和實踐能力。有三年以上的工作經(jīng)歷，熟悉行業(yè)企業(yè)工作流程，具有豐富的實踐經(jīng)驗；③擔任實踐技能課的兼職教師，應為精通該行業(yè)企業(yè)技術技能的業(yè)務骨干、能工巧匠。應具備專業(yè)技術職務證書或技術等級證書，特殊實踐崗位還應具有《職業(yè)資格證書》；④具備全日制?？埔陨蠈W歷或中級以上專業(yè)技術職務。

高職階段：

⑴專任教師要求

①技術領域：計算機網(wǎng)絡；②學歷：本科及以上；③企業(yè)工作經(jīng)歷：有行業(yè)、企業(yè)一線工作經(jīng)歷一年以上；④教師資格：具備高校教師資格；⑤教學能力：通過學院教師教學能力水平測試，能勝任1～2門專業(yè)核心課程的教學和科研；⑥職業(yè)資格：具備網(wǎng)絡行業(yè)中高級資格證書；⑦實踐能力：能獨立或者主導運用專業(yè)主干課完成專業(yè)產(chǎn)品的研發(fā)。

⑵兼職教師要求

①熱愛教育事業(yè)，有較高的思想政治素質，具有良好的職業(yè)道德和協(xié)作意識，能服從學校管理。有一定的語言表達能力和知識傳授能力；②具有相關的專業(yè)知識和實踐能力。有三年以上的工作經(jīng)歷，熟悉行業(yè)企業(yè)工作流程，具有豐富的實踐經(jīng)驗；③擔任實踐技能課的兼職教師，應為精通該行業(yè)企業(yè)技術技能的業(yè)務骨干、能工巧匠。應具備專業(yè)技術職務證書或技術等級證書，特殊實踐崗位還應具有《職業(yè)資格證書》；④具備全日制專科以上學歷或中級以上專業(yè)技術職務。

⑶專業(yè)教學團隊要求

①本專業(yè)教學團隊要求年齡、職稱、學歷、專業(yè)、梯隊結構合理，有高水平的專業(yè)帶頭人和良好的“雙師”結構；②本專業(yè)專任專業(yè)教師“雙師”素質（具備相關專業(yè)職業(yè)資格證書或企業(yè)經(jīng)歷）的比例要達到80%以上；③專業(yè)教學團隊要求能與行業(yè)企業(yè)合作或結盟，產(chǎn)生良好互動；④專業(yè)教師應接受過職業(yè)教育教學方法論的培訓，具有開發(fā)職業(yè)課程的能力。

2.2 實訓實驗條件

⑴網(wǎng)絡工程實訓實驗室

功能：交換機基本配置、交換機端口聚合、交換機安全、交換機端口鏡像、虛擬局域網(wǎng)VLAN、靜態(tài)路由、RIP路由協(xié)議、路由重分布、策略路由、綜合實訓等。

⑵綜合布線實訓實驗室

功能：PVC管、信息盒安裝實驗、線纜敷設安裝過程、系統(tǒng)理線實驗、信息模塊安裝、語音主干配線架安裝、綜合實訓等。

⑶網(wǎng)頁設計實訓實驗室

功能：企業(yè)網(wǎng)站規(guī)劃與設計、div+css綜合應用等。

3 意義

專業(yè)設置條件是教學基本配置，是人才培養(yǎng)質量的根本保證。黃岡職業(yè)技術學院在教學條件設置上是有嚴格規(guī)章制度的，這對開設有計算機網(wǎng)絡技術專業(yè)的中職和高職院校具有借鑒作用。

[參考文獻]

[1]湖北省職業(yè)教育學會教學委員會.中高職銜接專業(yè)教學標準開發(fā)指導手冊.2013年4月.

篇（4）

二、思考與探索

（一）優(yōu)化教材體系

“工欲善其事，必先利其器。”完善本課程的教與學關鍵之一便是優(yōu)化教材，合適的教材在教學環(huán)節(jié)中起著舉足輕重的作用。高職高?！毒W(wǎng)頁設計與制作》課程以往選用的教材，對于初學者尤其是學習能力稍差的高職學生而言難度較大，以至于教學中經(jīng)常出現(xiàn)學生學習興趣降低、教師教學課時明顯不夠等問題。網(wǎng)頁設計與制作課程教材，內容應以教授基礎、基礎與案例相結合、案例分析等層層遞進的原則進行選擇，組織與編排方式以折衷式組織及螺旋式排列組合為優(yōu)。在選擇到合適的教材基礎上，教師要立足于教材，篩選教學內容，以使教學過程中教材利用最大化。

（二）改革教學方法與手段

1.明確學習目標

分階段教學根據(jù)高職高專學生特點，明確學習目標，進行分階段教學。前期以講授課程基礎為主，旨在讓學生熟練掌握本課程基礎操作，以便中后期案例教學能夠及順利遞進難度；中后期教學需要理論聯(lián)系實際，結合啟發(fā)式、直觀式、交互式教學方法，鼓勵學生獨立思考，勤于動手，激發(fā)他們的學習積極性和主動性。

2.加強實踐

注重技能培養(yǎng)任務驅動，小組協(xié)作。開展以制作某一特定網(wǎng)站或者多類型網(wǎng)站為目標的項目教學，使得學生不僅能夠掌握《網(wǎng)頁設計與制作》課程的基本知識和基本技能，提高學習興趣，而且在小組學習的過程中，學會與他人合作，共同完成任務。同時，在專業(yè)課程教學中滲透多類型網(wǎng)站內容相關教育內容，使學生在不知不覺中學到更多學科知識。此外，還可定期舉辦技能大賽和知識競賽，以鞏固學生的學習效果。以職業(yè)需求為導向，加強實習實訓平臺建設，強化實踐教學，教學與實訓實現(xiàn)一地化，重視校企合作。高職教育人才培養(yǎng)模式是根據(jù)職業(yè)崗位需要來進行，立足于企業(yè)人才需求實際，在課程中開展基于工作任務的項目教學。我們應利用校企合作共同構建和實施基于工作任務的項目課程體系，使學生真正做到理論聯(lián)系實踐，在獲取知識的同時充分掌握專業(yè)崗位技能，以充分體現(xiàn)出高職人才培養(yǎng)的職業(yè)性和實踐性。

（三）加強“雙師型”教師

培養(yǎng)優(yōu)秀的師資是高職院校辦學的根本保證。提高高職教師“雙師”素質是高職教育發(fā)展的需要，也是教師個人發(fā)展的需要。高職院校應鼓勵現(xiàn)有專職教師在其專業(yè)領域不斷學習，及時更新自己現(xiàn)有的知識結構，進行自我提升，并有針對性地將部分教師安排在合作企業(yè)頂崗工作，增強其實踐經(jīng)驗，提高其動手能力，使他們對行業(yè)需求變化了如指掌，以便清晰地掌握學生的培養(yǎng)方向。

篇（5）

近年來,隨著網(wǎng)絡技術的飛速發(fā)展,網(wǎng)絡已滲透到全人類的各個方面,深刻影響著我們的生活和工作方式。高校也紛紛建立了自己的網(wǎng)站,給高等教育帶來了更廣闊的發(fā)展空間。高校網(wǎng)站承載著高校信息化管理和對外宣傳之重任,所以網(wǎng)站的主頁設計既要能充分傳播信息,又要能使瀏覽者達到感官上的愉悅,從而對高校留下更深更好的印象,達到對高校的深度認同,促進高校的良好發(fā)展。高校網(wǎng)站的設計是一個系統(tǒng)的工作,而主頁的設計又有著舉足輕重的作用,只有對部分高校網(wǎng)站進行分析,找到規(guī)律和方法,才能設計出具有較高美學價值和豐富內涵的網(wǎng)頁。

1.高校網(wǎng)站主頁的內容設計

現(xiàn)有的高校校園網(wǎng)大部分存在內容繁多且擁擠的問題,將所有信息不加規(guī)整地塞進校園網(wǎng)頁中,整體看起來雜亂無章,更談不上藝術的價值,這樣的網(wǎng)頁看起來很滿,沒有留白給讀者一個遐想的空間。還有一些高校網(wǎng)站的主頁幾乎沒有什么內容,沒有對高校內部資料和信息進行整理策劃就推出了自己的網(wǎng)站。

高校網(wǎng)站與其他網(wǎng)站相比,不需要華麗的外表,而要多增加些校園的氣息,主要還是多注重豐富的內容。高校網(wǎng)站的主頁是校園對外的窗口,是瀏覽者了解高校情況最直觀的平臺。本校的師生都通過高校網(wǎng)站了解校園的發(fā)展、最新動態(tài),以及工作安排,所以需要設置公告欄和新聞板塊。而校外的瀏覽者則希望通過網(wǎng)頁對高校的整體情況和特色有一個基本了解,并能在這里查詢所需的信息。有些高校根據(jù)這一特點在主頁分出兩個入口:校內網(wǎng)和校外網(wǎng)入口,根據(jù)瀏覽內容有所不同而設計界面,這也是整合比較好的方法之一。當然網(wǎng)頁的形式只是第一印象,而能持久吸引讀者、發(fā)揮其自身作用的還是其豐富的內容。

通過抽取國內50所高校網(wǎng)站進行分析,主頁的內容一般分為以下幾大模塊。

(1)高校概況導航欄。這是網(wǎng)頁中很重要的部分,也是瀏覽者了解高校的基礎部分。所以各個學校富有特色的項目在設計的時候要以顯著的方式表現(xiàn)出來。從全國大部分高校的網(wǎng)頁來看,其內容主要都有:學校概況、機構設置、人才培養(yǎng)(包括本科生教育、研究生教育、留學生和成人教育等)、教室隊伍、科學研究、招生就業(yè)、合作交流等。

(2)高校新聞和公告。高校新聞一般包括校內重要新聞、專題新聞、校報電子版、報刊信息等。新聞和公告的設計要以滾動或者翻動的形式出現(xiàn)在校園網(wǎng)的首頁,方便更新和瀏覽。其中重要新聞以圖片滾動的方式能將一些重要事項及時、便捷地告知讀者,免除了通知、發(fā)文等許多的行政事務。如:九江學院校園網(wǎng)組建后,會議安排表、重要通知和公示等都在網(wǎng)頁上,解決多校區(qū)的辦公問題,既降低了辦公成本,又提高了工作效率。

(3)交互窗口。為讀者提供了一個參與學校管理、反映群眾呼聲的窗口,也是領導了解基層、接近群眾的一種途徑。在這一部分,較常見的就是校長信箱。因為網(wǎng)絡通信的隱蔽性和便捷性,較之于傳統(tǒng)的書面意見,人們似乎更樂意通過網(wǎng)絡來表達自己的思想。

(4)高校信息管理系統(tǒng)。校園網(wǎng)為高校教學管理和行政事務管理提供了很大的方便。許多高校將校內公文處理、人事查詢、學籍選課管理、成績查詢與管理等都放在校園網(wǎng)主頁上,教職工和學生都能借助于校園網(wǎng)這個平臺,快捷地進行信息處理和查詢。

(5)信息服務。這一部分為讀者提供站點導航、搜索等相關的信息服務,使讀者能方便地通過網(wǎng)頁進入整個互聯(lián)網(wǎng)。

2.高校網(wǎng)站主頁的版式布局設計

確定了高校網(wǎng)主頁的內容,我們就可以開始進行網(wǎng)頁總體版式布局。通常人們閱讀的視覺習慣是:從左到右,自上而下,先左上后右下。因此在整體版面布局時要遵循這個原則,把網(wǎng)頁中的校園概況導航欄和校園新聞公告放到版面的上部,這樣更易引起人們第一時間的注意。

根據(jù)搜集高校網(wǎng)站進行觀察分析,大部分高校網(wǎng)的版式結構大概分成以下幾種。

(1)“T”字型結構?！癟”字型布局是指上部為橫條標志,廣告欄,下方左邊為導航菜單,右邊為內容。這種結構清晰、主次分明,簡易的版面布局,使用也比較廣泛。但如果細節(jié)處理不好,容易顯得單調乏味。

(2)“三”字型結構?！叭弊中徒Y構,以兩條色塊橫向分割成四塊版面,對稱對比布局,顧名思義,采取左右或者上下對稱的布局,里面填上所要內容,一半深色,一半淺色,比如哈佛大學網(wǎng)站的主頁,就是采取這種布局方式。優(yōu)點是視覺沖擊力強,缺點就是不能將兩部分融合在一起。

(3)“口”字型結構?！翱凇弊中徒Y構的特點是:能容納較多的信息,一般上下都有廣告條,左右兩邊為導航和鏈接,中間為主要內容。這種頁面的缺點就是顯得畫面擁擠,不太靈活。如何設計出布局合理的校園網(wǎng)頁?首先整體要簡練精準,而且在強調藝術性的同時,要通過網(wǎng)頁頁面結構的分割和造型空間的確立,合理安排組成各內容的合理位置,使頁面內容和形式有所統(tǒng)一,具有整體美感。要考慮頁面的美觀和可讀性,還要考慮網(wǎng)頁瀏覽的特點,網(wǎng)頁版式設計是通過視覺元素實現(xiàn)傳播的視覺傳達過程,為了達到好的效果,版式設計必須依據(jù)人們在視覺上的心理和生理特點,確定各種視覺構成元素之間的視覺關系和瀏覽順序。合理的視覺流程應是在人們認識過程的心理順序和思維發(fā)展的邏輯一致的基礎上,根據(jù)信息的主次來確定各元素的順序,并通過精心安排引導瀏覽者。在進行高校網(wǎng)站的主頁設計時,版式布局既要實現(xiàn)“功能”又要實現(xiàn)“美”,而“功能”和“美”都是為了更好地表達主題。

3.高校網(wǎng)站主頁的主題定位與統(tǒng)一

高校的門戶網(wǎng)站往往只有一個主題,網(wǎng)頁設計風格應體現(xiàn)高校的社會性質、辦學特色、校園風貌與校園文化,充分展示自己的優(yōu)勢和形象,才能讓瀏覽者有認同認知感。根據(jù)調查的高校網(wǎng)頁的設計,這種效果的取得并不明顯,一方面沒有通過運用邏輯規(guī)律對網(wǎng)頁主題思想進行條理性處理,使之符合瀏覽者獲取信息的心理需求和邏輯方式,沒有讓瀏覽者快速理解和吸收,另一方面缺乏運用藝術的形式美法則對網(wǎng)頁構成元素進行條理性處理,沒有營造出符合設計主題思想的視覺環(huán)境、主題,使瀏覽者缺乏對網(wǎng)頁的興趣和內容的理解。有些高校網(wǎng)站注意到以上幾點,對改版后的網(wǎng)站主題定位能準確表達。例如武漢大學網(wǎng)站的主頁設計以“傳承百年輝煌,盡展名校風采”為主題思想,融合了古建筑和珞珈山文化的元素進行設計,尤其在色彩上,運用淡雅的色調,各元素色彩間對比柔和,具有文化底蘊和校園氣息。

在高校的主題定位確定之后,保持風格統(tǒng)一也相當重要。在被調查的高校網(wǎng)站中,有一小部分網(wǎng)頁沒有做到風格統(tǒng)一,既會讓人對網(wǎng)站甚至高校的形象感到混亂,又會給瀏覽者帶來不便。舉個例子來說,假如每個網(wǎng)頁上的導航排列或者顏色不同,那么瀏覽者進入不同頁面之后就會無所適從,難以準確找到所需的信息。網(wǎng)頁上所有的圖像、文字,包括色彩、版面編排、區(qū)分線、字體、標題、注腳等頁面元素,要統(tǒng)一風格,讓風格貫穿于整個網(wǎng)站。保持風格的統(tǒng)一,既能強化風格定位所帶來的作用,又能在閱覽體驗上給讀者帶來方便和順暢。

4.九江學院網(wǎng)站的主頁設計

九江學院是經(jīng)國家教育部批準設立的國有公辦全日制本科普通高等院校,面向全國30個省(市、自治區(qū))招生。學校坐落在長江中下游的歷史文化名郡――江西省九江市,位于廬山之麓、長江之濱、鄱陽湖之畔,校園美麗宜居,生態(tài)環(huán)境優(yōu)越。名城、名山、名江、名湖,造就了九江學院的靈氣,尤其是具有千年歷史、享有“天下書院之首”美譽的白鹿洞書院,更為九江學院賦予深厚的文化氣息和辦學氛圍。就學院的概況來看,我們選擇“名城、名山、名江、名湖”為主題。首先,根據(jù)主頁內容分為:學校導航、新聞公告、專題通道、站內搜索、常用服務、友情鏈接等欄目。根據(jù)內容的主次關系,來做整體布局設計,從版式上來看,整體采用“三”字版式構圖,以廬山作為九江學院的背景圖案,但在上半部分打破以往的格局,把九江學院標志及具有代表校園風景照片作為畫面的注視點,大幅照片以激起片片漣漪貫穿整個畫面,配以校訓及文字的介紹,更能體現(xiàn)出優(yōu)美的校園環(huán)境和校園氛圍,使瀏覽者第一時間就能關注到,起到很好的宣傳作用;在色彩方面,用九江學院標志標準色做延伸,配以灰色與灰綠色的畫面,給人以穩(wěn)重感。(見圖1)除此之外,在設計時考慮到子頁面的風格,也根據(jù)主頁的元素和結構做一個延展,沿用了上半部分圖案和色彩,由“三”轉變?yōu)椤癟”字結構,左邊用校園風光引出導航一目了然,更利于讀者閱覽。(見圖2)

圖2

在整個網(wǎng)頁設計中,不僅僅是把各種文字和圖案等元素放上去就行了,還要科學地考慮如何使受眾能更多、更有效地接受網(wǎng)頁上的信息,這就需要從“審美”配合“功能”的要求,設計出內容表達清晰、整體性好、具有藝術內涵的頁面。所以,網(wǎng)頁設計不但需要運用平面設計、版式編排、視聽藝術,而且應懂得計算機、網(wǎng)絡等方面的技術原理。在這次九江學院改版的設計中我們實現(xiàn)了一些動態(tài)網(wǎng)頁功能。

以往的高校網(wǎng)站設計往往會有偏向性,如果界面比較具有藝術感,功能技術方面就有所缺少,如果功能技術方面實現(xiàn)比較完善,則藝術設計方面又有欠缺。高校網(wǎng)站的主頁,網(wǎng)頁美觀性和實用性都是重要目標,所以在設計高校網(wǎng)站主頁時,應集中技術與藝術的專業(yè)人員,綜合考慮,便會制作出既實用功能完善,又具有藝術內涵的高校網(wǎng)頁作品,把瀏覽者帶入一個全新的網(wǎng)絡高校時代。

參考文獻:

[1]陸樂編著.網(wǎng)頁設計.南京:東南大學出版社,2004.

篇（6）

一.網(wǎng)站的整體規(guī)劃

1.討論網(wǎng)站主題：因為自己對普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設計一個旅游網(wǎng)站。

2.定位網(wǎng)站CI形象：旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗一下的共鳴。于是在網(wǎng)頁設計上面，根據(jù)普羅旺斯夢幻般的意境，我采用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。

3.確定欄目和板塊：

1]首先要考慮整個網(wǎng)頁的長和寬，以及長度和寬度之間的比例。

2]其次就應該考慮導航條的設置了。

3]正文的框架設置(橫向因素和縱向因素交錯)

在瀏覽了很多精美的旅游網(wǎng)站之后，再結合自己的想法，我先在草紙上畫出了大體的欄目和板塊。

4.網(wǎng)站的整體風格和創(chuàng)意：建立一個浪漫的旅行網(wǎng)站，走映像派路線，目的務必使瀏覽者留下映像。

二.網(wǎng)頁制作的前期策劃與準備

1.資料的搜集：由于個人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢幻效果的網(wǎng)頁背景，F(xiàn)IASH源代碼、小圖標和一些GIF的動畫等。

2.熟悉制作工具軟件：

主頁制作的基本條件有：

硬件：

一臺電腦(64MB以上內存，當然越大越好啦);可以撥號上網(wǎng);如果你有條件的話,建議:配置掃描儀,這將大大方便圖像和文字的輸入;

軟件：

HTML編輯軟件：常用的有Frontpage、Hotdog等，本文重點介紹Dreamweaver;

圖像處理軟件：常用的有Photoshop、flash、Fireworks等;

文件上傳軟件：常用的有Cuteftp、WSftp等。

三.網(wǎng)頁制作

真的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規(guī)格，一下子把其他內容的框架擠開;插入的層太多，大一點的就把小一點的給覆蓋掉了;插入的FLASH不能產(chǎn)生效果?？傊畣栴}一籮筐。實踐出真知，原來自己還有那么多欠缺的知識。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網(wǎng)頁制作方面的書籍來參考。

在對基本知識有了詳細的了解之后，做起東西來就得心應手多了，知道引導頁能過加映像之后，我決定為我的網(wǎng)頁設計一個引導頁。

然后是主頁和二級頁面的設置。要注意,網(wǎng)上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上,因為它們太大了,但可以用圖象軟件進行轉換，比如Office97的照片編輯器。把準備在主頁上出現(xiàn)的圖象放進相應的目錄里后.

在一步一步的邊學邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的網(wǎng)頁技術還差的遠，但是回顧一下這周真的學到了很多的東西。

四.網(wǎng)頁的調試

篇（7）

一、課程性質、作用和地位

1.課程的性質

《動態(tài)網(wǎng)頁設計基礎》是高等職業(yè)院校計算機網(wǎng)絡專業(yè)的一門專業(yè)核心課程，是具有系統(tǒng)的網(wǎng)絡設計、數(shù)據(jù)庫技術、軟件編程技術和網(wǎng)站構建方法與技術，實踐性很強且面向實際應用的重要專業(yè)課。其主要任務是使學生掌握ASP動態(tài)網(wǎng)頁設計的基礎知識和基本技能，培養(yǎng)學生利用ASP技術開發(fā)動態(tài)網(wǎng)站的能力，提高學生職業(yè)技能和素質，為適應職業(yè)崗位和繼續(xù)學習打下一定的基礎。

2.課程的作用

本課程是繼《網(wǎng)頁設計基礎》之后開設的一門專業(yè)技術課，其教學目標是使學生能運用所學的ASP只是，根據(jù)實際問題進行ASP動態(tài)網(wǎng)站的創(chuàng)建與維護、ASP動態(tài)網(wǎng)頁的編寫、通過ASP動態(tài)網(wǎng)頁訪問數(shù)據(jù)庫，使學生具有ASP動態(tài)網(wǎng)站開發(fā)的初步能力。

3.課程在專業(yè)中的地位

《動態(tài)網(wǎng)頁設計基礎》是高等職業(yè)院校計算機網(wǎng)絡專業(yè)的一門專業(yè)核心課程，開設課程的目標是培養(yǎng)學生的動態(tài)網(wǎng)站制作能力及MIS系統(tǒng)制作能力，這一能力是用人企業(yè)對計算機網(wǎng)絡專業(yè)網(wǎng)站建設方向高職學生提出的核心能力，它綜合了圖片處理、頁面設計、代碼編寫、數(shù)據(jù)庫等知識，是網(wǎng)站建設方向高職學生就業(yè)的根本保障。

二、課程設計的理念和思路

1.課程設計理念

《動態(tài)網(wǎng)頁設計基礎》課程的實施基于工作過程導向，工學結合特征鮮明。教學過程以就業(yè)為導向、以能力培養(yǎng)為主線，強調“學中做與做中學”的有機統(tǒng)一，實現(xiàn)了理論實踐一體化教學目標。

整個課程建設，以個人學習的特點，按照工作過程，施以由簡到繁、由易到難、循序漸進的5個學習情景來展開，教學過程即是項目實施的過程。

2.課程建設思路

建設思路：專業(yè)領域的技術要求專業(yè)職業(yè)崗位的任職要求 課程體系和教學內容課程標準。

建設原則：突出能力目標、項目任務載體、以學生為主體。

建設宗旨：進行基于職業(yè)崗位工作內容和工作工作過程導向的《動態(tài)網(wǎng)頁設計基礎》課程建設。

建設過程：工作崗位需求分析出專業(yè)技術人員的工作任務歸納總結出典型工作任務轉變?yōu)樾袆宇I域基于工作過程的學習領域設計學習情境。

三、課程設計

1.課程目標設計

（1）能力目標

①總體能力目標

具有動態(tài)網(wǎng)站總體設計與構建的能力；

能夠自主開發(fā)留言板、BBS、聊天室等簡單Web程序的能力；

② 單項能力目標

能夠搭建ASP運行環(huán)境、訪問ASP頁面；

能運用html編寫簡單頁面；

能夠實現(xiàn)客戶端的身份驗證；

能使用Request對象獲取客戶端的數(shù)據(jù)；

能使用Response對象向客戶端輸出信息；

能夠使用Session對象記載特定用戶的信息信息；

能夠使用Application對象記載所有用戶的信息；

能夠使用Server對象創(chuàng)建COM對象和Scripting組件；

能夠創(chuàng)建數(shù)據(jù)庫，會添加表和查詢，會用基本的SQL語句；

能夠連接數(shù)據(jù)庫；

能夠實現(xiàn)ASP存取數(shù)據(jù)庫；

能夠排序顯示數(shù)據(jù)；:

能夠添加不完整記錄能夠分頁顯示數(shù)據(jù)；

能夠制作交替變換的廣告Web頁面；

能夠批量制作超鏈接；

能夠開發(fā)計數(shù)器。

（2）知識目標

掌握IIS的配置及運用的方法；

掌握HTML語言的基本知識；

掌握VBScript的基本語法及基本知識；

掌握ASP的5個內置對象的屬性和方法；

掌握ASP存取數(shù)據(jù)庫技術；

掌握ASP組件的用法。

（3）情感目標

通過教師對具體實用的小項目演示講解，學生動手完成項目任務，激發(fā)學生成就感，培養(yǎng)學生自信心和學習興趣、獨立思考、自主探究學習習慣；

通過小組協(xié)作，培養(yǎng)學生的協(xié)作能力；

通過項目演示培養(yǎng)學生的表達能力、溝通能力。

2.課程內容設計

（1） 知識模塊劃分

對現(xiàn)有知識點進行了解析與重構，劃分出彼此之間聯(lián)系緊密的4大知識模塊。Asp基礎知識；Asp內置對象；Asp存取數(shù)據(jù)庫;Asp組件。

（2） 能力訓練項目設計

采用真實工作案例――基于ASP技術的留言版，將本課程能力點和知識點包含在項目中，并將該項目分解成若干個子項目滲透在教學中，采用任務驅動方式講解ASP知識和訓練項目。

留言板是網(wǎng)站中常見的功能模塊，對界面要求簡潔美觀,功能要求簡單實用：對普通客戶，能瀏覽和添加留言。對管理員，還要增加刪除和回復留言功能，同時在頁面中添加了計數(shù)器和動態(tài)廣告顯示功能。分為如下10個子項目：①搭建ASP運行環(huán)境、訪問ASP頁面；②留言板界面設計；③留言內容過濾；④數(shù)據(jù)庫設計；⑤添加留言；⑥顯示留言；⑦回復留言；⑧刪除留言；⑨制作網(wǎng)站計數(shù)器；⑩制作交替變換廣告Web頁面。

期末項目作品選擇的是網(wǎng)站中常見的功能模塊在線通訊錄，其開發(fā)技術與流程和留言板基本一致，界面要求簡潔美觀,功能有如下要求：有注冊登陸模塊；有添加新記錄的表單頁面；可以實現(xiàn)動態(tài)更新、刪除功能；按時間降序顯示。

（3）教學內容設計

教學內容分為四大只是模塊：

一是Asp基礎知識。對應的能力目標有：①能夠搭建ASP運行環(huán)境、訪問ASP頁面。②能運用html編寫頁面。③能夠實現(xiàn)客戶端的身份驗證；對應的知識點有：①動態(tài)網(wǎng)頁概念、工作原理、添加IIS組件，設置主目錄，添加虛擬目錄；掌握訪問動態(tài)網(wǎng)頁的3種方法。②掌握HTML標記及對應的屬性、語法。③掌握VBScript基礎知識。

二是Asp內置對象。對應的能力目標有：①能使用Request對象獲取客戶端的數(shù)據(jù)。②能使用Response對象向客戶端輸出信息。③能夠使用Session對象記載特定用戶的信息。④能夠使用Application對象記載所有用戶的信息。⑤能夠使用Server對象創(chuàng)建COM對象和Scripting組件。對應的知識點有：①掌握Request對象的方法和屬性。②掌握Response對象的方法和屬性。③掌握session對象的方法和屬性。④掌握Application對象的方法和屬性。文件Global.asa的功能與用法。⑤掌握Server對象的方法和屬性。

三是Asp存取數(shù)據(jù)。對應的能力目標有：①能夠創(chuàng)建數(shù)據(jù)庫，會添加表和查詢,掌握最基本的SQL語句。②能夠連接數(shù)據(jù)庫。③能夠實現(xiàn)ASP存取數(shù)據(jù)庫。④能夠排序顯示數(shù)據(jù)。⑤能夠添加不完整記錄。⑥能夠分頁顯示數(shù)據(jù)。對應的知識點有：①Access數(shù)據(jù)庫的基本操作，掌握Select、Insert、Delete和Update語句。②掌握利用connection對象和基于OLE DB方式連接數(shù)據(jù)庫的方法。③利用SQL語句對記錄進行查詢，添加，刪除和更新。④Connection對象的屬性和方法。⑤Recordset對象的屬性和方法。

四是Asp組件。對應的能力目標有：①制作交替變換的廣告Web頁面。②批量制作超鏈接。③開發(fā)計數(shù)器組。對應的知識點有：①掌握廣告輪顯組件MSWC.Adrotator的用法。②掌握文件超鏈接組件MSWC.Nextlin的用法。③掌握計數(shù)器組件MSWC.Pagecount的用法。

3.教學方法設計

（1）項目導向法

本課程的教學內容是以能力項目的開發(fā)流程為依據(jù)展開的。

（2）利用計算機技術中的動畫視頻等先進技術進行教學

利用動畫手段，將網(wǎng)絡程序復雜的運行過程以動畫的形式生動地展現(xiàn)出來，逐步向學生進行介紹，對學生理解和掌握網(wǎng)絡程序設計ASP的基本概念和網(wǎng)絡程序運行過程具有非常顯著的效果。

（3）分組教學

因為本課程內容比較抽象，綜合性、實踐性都比較強，因此學習難度較大，采用分組教學同學之間互相探討，相互幫助協(xié)作完成項目任務，可以激發(fā)學生學習的自信心和學習興趣。

（4）啟發(fā)式教學

采用“布置任務分組完成提出問題老師指導解決問題”教學流程。

4.考核方法設計

學期總評成績采用百分制，著重考核學生的運用知識解決實際問題的能力。

學期總評成績由四部分構成：（1)學習態(tài)度、考勤占10分；(2)理論作業(yè)占20分；(3)平時訓練子項目30分；(4)期末項目作品占40分。

四、結束語

總之，以就業(yè)為導向、以能力培養(yǎng)為主線的教學過程，根據(jù)個人學習的特點，按照工作過程，施以由簡到繁、由易到難、循序漸進學習情景來展開，教學過程即是項目實施的過程，強調“學中做與做中學”的有機統(tǒng)一，實現(xiàn)了理論實踐一體化的教學目標。

參考文獻：

[1] 尚俊杰. 網(wǎng)絡程序設計――ASP（第3版）[M]. 北京：清華大學出版社，2009

篇（8）

如何針對高校藝術設計專業(yè)的學生上好網(wǎng)頁設計課程，利用藝術設計專業(yè)這個平臺，將網(wǎng)站創(chuàng)意、版面構思、動靜態(tài)設計元素、網(wǎng)頁色彩、網(wǎng)絡互動技術等知識點系統(tǒng)地糅合在一起，將是此課程教學的重點和難點。針對藝術設計專業(yè)的學生，在講授此課程的同時，如何更好地將其與自身專業(yè)優(yōu)勢結合，如何最大化地激發(fā)學生的求知欲與學習主動性，這與我們的教學模式和教學重心關系密切。

一、網(wǎng)頁設計課程教學現(xiàn)狀分析

如前所述，網(wǎng)頁設計是一門綜合性很強的設計課程，它不僅要求設計者具備較強的平面設計能力和審美能力，還需要一定的技術能力。國內的理工科院校的網(wǎng)頁設計課程無一例外地是以技術教學為主，而對平面設計和審美能力的培養(yǎng)鮮有提及，這對于理工科專業(yè)來講當然無可厚非。但是目前國內大部分高校藝術設計專業(yè)的網(wǎng)頁設計課程教學都在套用理工科相關專業(yè)的課程內容和模式，在注重技術性的同時，忽略了對自身尤為有價值和優(yōu)勢的藝術性。而藝術設計專業(yè)的學生在學習網(wǎng)頁設計技術的時候常常感到力不從心，致使其對網(wǎng)頁設計課程的學習僅僅停留在技術的表面。同時在高校藝術設計專業(yè)的網(wǎng)頁設計教學當中，還普遍存在忽視用戶體驗、對Web可用性缺乏了解、對技術缺乏敏感度、欠缺良好的設計觀念、忽視合作的問題。究其根源，網(wǎng)頁設計是一門實踐性很強的課程，沒有多年的從業(yè)經(jīng)驗很難對其有深入獨到的理解，作為教師的授課主體本身對網(wǎng)頁設計行業(yè)欠缺長期的、專業(yè)的深度跟蹤和了解，導致學生設計理念薄弱，作品缺乏創(chuàng)意，刻意模仿其他網(wǎng)站。

二、藝術設計專業(yè)網(wǎng)頁設計課程的教學模式

篇（9）

【中圖分類號】G423.07 【文獻標識碼】A 【文章編號】1674－4810（2014）17－0064－02

隨著網(wǎng)絡技術的進步，計算機和電子通訊設備技術的推陳出新、電子商務涵蓋范圍的不斷擴大，網(wǎng)頁設計師在短短十年間一下飆升為技術型潛力巨大的新興職業(yè)。電子商務的快速發(fā)展更是促使人們看到網(wǎng)頁設計的廣大的就業(yè)市場和光明的發(fā)展前景。各大高職院校紛紛開設網(wǎng)頁設計相關課程：網(wǎng)頁美術設計、網(wǎng)頁設計與制作、網(wǎng)頁界面設計與制作、網(wǎng)頁制作軟件等。

網(wǎng)頁設計是通過更合理的色彩搭配、字體使用、圖片處理、樣式設置進行頁面設計美化，設計師使用專業(yè)軟件給瀏覽者呈現(xiàn)出圖、文、聲音及動畫多位一體的全方位感官效果，在功能和技術限定的情況下，盡可能制作出給予用戶完美的視覺體驗的網(wǎng)站?？梢钥闯?，網(wǎng)頁設計是一門從藝術到技術的專業(yè)課程，市場對于網(wǎng)頁設計師的要求也從單純的平面設計到簡單網(wǎng)頁效果的制作發(fā)生了變化。針對這一改變，高職的網(wǎng)頁設計課程也應做出相應的改革。

目前，大多數(shù)高職院校為藝術設計專業(yè)學生在大學中開設一次網(wǎng)頁設計課程，課時多為48～72課時，在一個學期內完成。課程名稱為網(wǎng)頁美術設計、網(wǎng)頁設計與制作、網(wǎng)頁制作軟件等。在課程學習過程中，任課教師也是以單純的教授網(wǎng)頁設計軟件Dreamweaver和圖片處理軟件PhotoShop為主，軟件學完，課程結束。然而觀看學生所制作的網(wǎng)站，從顏色搭配和樣式的設計都與現(xiàn)今優(yōu)秀網(wǎng)頁“美術”不搭邊。簡單來說，單純學習了網(wǎng)頁的制作，而忽略了美術法則的運用，制作網(wǎng)頁，而非設計網(wǎng)頁?；蚴菍W生在沒有任何網(wǎng)頁制作軟件的基礎上學習網(wǎng)頁美術法則理論，到了實踐上各種效果卻無法實現(xiàn)，最終僅能實用平面設計軟件制作靜態(tài)網(wǎng)頁布局效果圖。

一 高職藝術設計專業(yè)網(wǎng)頁設計課程存在問題的原因

存在這種現(xiàn)象，主要有以下原因：

1．課程設置：大學中僅開設一次網(wǎng)頁設計課程

網(wǎng)頁設計是一門相對于平面設計起點較高的專業(yè)，一個網(wǎng)頁設計軟件Dreamweaver還需配合使用平面軟件PhotoShop，Web動畫效果軟件Flash等。軟件難度較大，學習時間太短。一個Dreamweaver軟件的學習就占用了課程的大部分學時。一次網(wǎng)頁設計課程結束后，沒有相關的美術設計課程讓學生實踐，就像是只學會了使用畫筆，還沒來得及

了解怎樣算是一幅好畫。

2．課堂設計：課堂內容涉及面較為單一

見過這樣的一些課程標準，整個網(wǎng)頁設計課程只講到關于美術設計部分――色彩、布局、元素、風格，沒有半點關于工具的介紹――軟件Dreamweaver、Fireworks、Flash。最終學生在還沒有網(wǎng)頁概念的情況下，用PhotoShop制作一張網(wǎng)頁圖片作為作業(yè)結束課程，學生還停留在紙質媒體的平面設計稿上，無法真正體驗到網(wǎng)頁在互聯(lián)網(wǎng)和電子設備上所呈現(xiàn)的特質。

3．教材設計：一門課程僅配備一本教材

有了工具書，沒有技法書；或是只教了技法，卻連工具都沒碰過。對于平面設計專業(yè)學生而言，平面上的美術基礎要應用到網(wǎng)頁美化中，心有余而力不足。但目前市場上有關網(wǎng)頁設計、制作方面的教材圖書種類繁多，基本都是單純的講解軟件、工具、命令等技術知識，類型單一，而關于網(wǎng)頁色彩風格、布局、元素、效果圖等網(wǎng)頁美術的工具書又缺少制作方式，對于剛入門的學生來說比較難實現(xiàn)。僅僅一次課程一本教材很難把網(wǎng)頁設計學好。

4．市場現(xiàn)狀：需求大門檻低水平參差不齊

在這個電子商務發(fā)展高峰期，越來越傻瓜式的軟件操作使得更多的非專業(yè)人員加入到這個行列。大多數(shù)設計者通過自學懂得如何制作網(wǎng)頁，卻不一定懂得如何設計美觀使用起來舒適的網(wǎng)頁。其較低的準入門檻導致網(wǎng)頁設計行業(yè)的現(xiàn)狀并不太好，人們要求設計者什么都懂，要比平面設計師多懂點代碼，比程序員多懂點設計，還能做點動畫。針對這個設計行業(yè)大環(huán)境，高職學子更應具有更高的網(wǎng)頁制作和審美感知水平，才能提高自身的競爭力。

二 高職藝術設計專業(yè)網(wǎng)頁設計課程的改革

筆者認為，要培養(yǎng)具有社會競爭力的專業(yè)網(wǎng)頁設計人才，高職就應針對當今行業(yè)市場對網(wǎng)頁設計的需求、用人單位對網(wǎng)頁設計師的要求、客戶在網(wǎng)站使用上的習慣，對課程做出相應的改革。

1．在課程設置上可開設大于一次的網(wǎng)頁設計課程

最少兩次的網(wǎng)頁設計課程，可使學生在打下網(wǎng)頁制作軟件的基礎后，再次開設一門專門以網(wǎng)頁美術為主的課程。

網(wǎng)頁設計作為新興行業(yè)，每年跟隨著電子產(chǎn)品的更新和軟件功能的強化，效果與美術規(guī)則不斷地出現(xiàn)新的流行趨勢。如2014年網(wǎng)頁就以扁平化圖片和酷炫動態(tài)作為最新設計潮流元素，并且顏色搭配和布局方式也與以往不同。這些我們都可從國外一些優(yōu)秀網(wǎng)站和國內的大型電商網(wǎng)站中找到。但在軟件的學習上，老師和學生往往只把重點放在軟件各個功能的運用上，很難把注意力同時分散到網(wǎng)頁的美化規(guī)則中。但如果學生在已經(jīng)有了軟件基礎后，再次開設網(wǎng)頁美術設計課程，猶如讓一群有素描基礎的學生進行設計素描一樣，更能體會當中需注意美術法則的含義。由于有了軟件基礎，各種美化效果就更能實現(xiàn)。那么課程的最終作品就不僅僅是停留在普通效果的網(wǎng)頁制作或平面效果圖制作了，更加復雜和新穎的頁面效果、更加舒適的色彩搭配和頁面布局，不僅提高了學生們的審美情趣，也讓他們在課堂中的成就感油然而生。

2．在課堂安排上可采用優(yōu)秀網(wǎng)站作為軟件學習案例

若學生課程安排太滿，確實無法在大學中進行兩次或以上網(wǎng)頁設計課程的學習，那么，老師就應在課堂實踐中多以呈現(xiàn)較新潮流趨勢的網(wǎng)頁作為軟件學習案例。

國外設計一直是流行趨勢的坐標，我們可以通過對比國外近年網(wǎng)站找到最近國內網(wǎng)頁設計的方向，一些優(yōu)秀的網(wǎng)頁專業(yè)網(wǎng)站也有大量的相關文章給予我們參考。老師在進行備課時就要比以往多下幾重功夫了，在軟件教學上，軟件學習教材中是有大量的案例，但更新速度畢竟與網(wǎng)絡是無法相提并論的。通過優(yōu)秀網(wǎng)站作為軟件與教材中案例對比分析，找出各自在色彩、布局、元素、風格上的特點，來讓學生了解網(wǎng)頁美術法則。在學生學習軟件中對優(yōu)秀案例的臨摹實踐中，體驗一種耳濡目染的效果讓學生了解何為優(yōu)秀網(wǎng)頁的同時，掌握如何設計優(yōu)秀網(wǎng)頁。

3．在教材選擇上可采取多本教材多種形式教學

如果僅限定于根據(jù)所購教材作為課堂所有內容，學生所學知識比較單一，教師可選擇網(wǎng)絡、圖書館圖書作為參考教材。

現(xiàn)今市面上大部分關于網(wǎng)頁設計教材分為網(wǎng)頁制作軟件和網(wǎng)頁美術兩種。教材的內容設計沒錯，針對網(wǎng)頁制作就應以軟件的學習為主，針對網(wǎng)頁美術就應以美術法則為主。綜上所述，市場及行業(yè)對于網(wǎng)頁設計的要求都不僅僅是單一的制作或單一的美化，高校的網(wǎng)頁設計課堂也不應僅僅教授軟件或美術法則。既然已有教材無法一次滿足課程的需要，那么教師可以在課堂中使用網(wǎng)絡或偶爾把課堂轉移到校圖書館進行課程學習。網(wǎng)絡上有大量的網(wǎng)頁設計文章、素材、模板、教程，學生在使用網(wǎng)絡對網(wǎng)站進行瀏覽的同時，也更深刻地體會網(wǎng)頁操作過程中的各種元素對用戶帶來的不同感受。只有通過對網(wǎng)絡的接觸和對網(wǎng)頁的使用，才可真正設計出適合廣大用戶的優(yōu)秀網(wǎng)頁。在圖書館里，我們可以找到與教材內容相輔相成的大量圖書，學生可以在此深入地了解網(wǎng)頁設計涉及到的不同范疇，把以往狹隘的通過單本教材看成是課程甚至整個網(wǎng)頁設計行業(yè)的所有內容，擴展到從藝術到技術的一個更寬的面。

篇（10）

我工作的這家公司，從事網(wǎng)站開發(fā)工作的，公司在技術團隊這部分是比較正規(guī)的，一般是五到六人為一個小組，小組中有明確分工，有負責聯(lián)系客戶接恰生意的，有專門做技術的，而在技術這塊分為網(wǎng)站前臺、后臺開發(fā)，我在學校主要做的是后臺開發(fā)，當然前臺設計工作也還算熟練，但不是很精通。我們這個小組一般接下的活都是一些小型網(wǎng)站的開發(fā)工作，這樣的網(wǎng)站技術難度不大，而且工作周期短，有相當一部分的，只需要通過cms軟件就可以進行開發(fā)。但是有個別的網(wǎng)站開發(fā)時，我們還是需要進行一些手寫代碼工作的。

二、開發(fā)技術

做為一個剛畢業(yè)的大學生，我的知識儲備肯定有不足的地方，畢竟學校教的東西肯定會有一部分和社會是脫節(jié)的，但好在我的領導對于我沒有太多的要求，他只是要求我盡快的適應公司的工作和生活，在短時間內熟練的掌握相關技術，干好本職工作。

在大學里對一個學生來說什么是最重要的，那就是學習能力。要知道，這個世界上，知識在發(fā)展，人類在進步，每天都在進行日新月異的變化，我們的知識儲備總會有不夠的地方，但是一定要有學習能力，將不會知識快速掌握，只有這樣才能占據(jù)主動，減少被動情況的尷尬發(fā)生，通過二個星期的時間，我成功的適應了公司的工作和生活節(jié)奏，每天早九點上班，晚17:30下班，中午休息一個半小時，每周還有兩天假期。我利用業(yè)余時間，抓緊學習，將工作中所需要的技術進行了強化學習，其實這些東西在學校的時候就接觸過，只是不精通。那個時候學的東西多，難免有個主次之分，這次工作了，才知道哪個應該多學點，但好在我都有學過，所以有個好的基礎在這里，也就不怕了，比如說：flash，公司要求技術人員會做flash，flash這東西以前我在宿舍的時候經(jīng)常玩的，可是后來在分析就業(yè)情況時，分析錯了方向，以為這東西沒有什么用處，結果就給荒廢了。但好在還有印象，并且當初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javascript、xml、數(shù)據(jù)庫這些東西我都學過，只是實踐能力稍差一點，但好在從前在學習方面用的功不是白費的。通過這種實戰(zhàn)環(huán)境，和半個月的刻苦學習，我終于可以感上小組的工作進度了，已經(jīng)可以很好的完成領導教給我的任務了。