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

篇（1）

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

0 引言

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

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

1 課程改革原因分析

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

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

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

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

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

2.1 基礎(chǔ)知識扎實化

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

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

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

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

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

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

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

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

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

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

3 結(jié)語

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

注釋

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

篇（2）

關(guān)鍵詞：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

篇（3）

1 前言

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

2 專業(yè)設(shè)置條件

2.1 師資條件

中職階段：

⑴專任教師要求

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

⑵兼職教師要求

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

高職階段：

⑴專任教師要求

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

⑵兼職教師要求

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

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

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

2.2 實訓(xùn)實驗條件

⑴網(wǎng)絡(luò)工程實訓(xùn)實驗室

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

⑵綜合布線實訓(xùn)實驗室

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

⑶網(wǎng)頁設(shè)計實訓(xùn)實驗室

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

3 意義

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

[參考文獻]

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

篇（4）

二、思考與探索

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

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

（二）改革教學(xué)方法與手段

1.明確學(xué)習(xí)目標

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

2.加強實踐

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

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

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

篇（5）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

圖2

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

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

參考文獻:

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

篇（6）

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

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

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

3.確定欄目和板塊：

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

2]其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。

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

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

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

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

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

2.熟悉制作工具軟件：

主頁制作的基本條件有：

硬件：

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

軟件：

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

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

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

三.網(wǎng)頁制作

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

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

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

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

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

篇（7）

一、課程性質(zhì)、作用和地位

1.課程的性質(zhì)

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

2.課程的作用

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

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

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

二、課程設(shè)計的理念和思路

1.課程設(shè)計理念

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

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

2.課程建設(shè)思路

建設(shè)思路：專業(yè)領(lǐng)域的技術(shù)要求專業(yè)職業(yè)崗位的任職要求 課程體系和教學(xué)內(nèi)容課程標準。

建設(shè)原則：突出能力目標、項目任務(wù)載體、以學(xué)生為主體。

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

建設(shè)過程：工作崗位需求分析出專業(yè)技術(shù)人員的工作任務(wù)歸納總結(jié)出典型工作任務(wù)轉(zhuǎn)變?yōu)樾袆宇I(lǐng)域基于工作過程的學(xué)習(xí)領(lǐng)域設(shè)計學(xué)習(xí)情境。

三、課程設(shè)計

1.課程目標設(shè)計

（1）能力目標

①總體能力目標

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

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

② 單項能力目標

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

能運用html編寫簡單頁面；

能夠?qū)崿F(xiàn)客戶端的身份驗證；

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

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

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

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

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

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

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

能夠?qū)崿F(xiàn)ASP存取數(shù)據(jù)庫；

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

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

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

能夠批量制作超鏈接；

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

（2）知識目標

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

掌握HTML語言的基本知識；

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

掌握ASP的5個內(nèi)置對象的屬性和方法；

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

掌握ASP組件的用法。

（3）情感目標

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

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

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

2.課程內(nèi)容設(shè)計

（1） 知識模塊劃分

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

（2） 能力訓(xùn)練項目設(shè)計

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

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

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

（3）教學(xué)內(nèi)容設(shè)計

教學(xué)內(nèi)容分為四大只是模塊：

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

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

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

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

3.教學(xué)方法設(shè)計

（1）項目導(dǎo)向法

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

（2）利用計算機技術(shù)中的動畫視頻等先進技術(shù)進行教學(xué)

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

（3）分組教學(xué)

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

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

采用“布置任務(wù)分組完成提出問題老師指導(dǎo)解決問題”教學(xué)流程。

4.考核方法設(shè)計

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

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

四、結(jié)束語

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

參考文獻：

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

篇（8）

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

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

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

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

篇（9）

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

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

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

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

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

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

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

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

了解怎樣算是一幅好畫。

2．課堂設(shè)計：課堂內(nèi)容涉及面較為單一

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

3．教材設(shè)計：一門課程僅配備一本教材

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

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

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

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

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

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

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

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

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

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

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

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

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

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

篇（10）

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

二、開發(fā)技術(shù)

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

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