導語：如何才能寫好一篇網頁設計報告，這就需要搜集整理更多的資料和文獻，歡迎閱讀由公務員之家整理的十篇范文，供你借鑒。

篇1

今年11月,我在超想電腦公司實習,本次實習主要是參加超想電腦公司給一個地稅的辦公自動化系統的軟件設計,此軟件采用asp開發。本人在此過程中主要參與了用asp進行網設計,包括新聞欄的創建和自動更新，以及公告欄的創建、使用和維護。通過本次設計，使我更加深入掌握了asp網設計的技巧。下面就是本人在本次實習后的心得。

asp是microsoft公司推出的一種用以取代通用網關接口的技術，英文全稱active server pages。它是一個web服務器端的運行環境。asp本身包含了vbscript和javascript引擎，使得腳本可以直接嵌入html中?，F將我們在asp運用過程中的幾個小技巧與大家分享。

一、新聞欄

大多數網上有新聞欄，用以顯示最近新聞的主題，點擊此主題即可查看詳細報道。倘若每天都一條條寫在網上，再依次建立鏈接太過麻煩。如何讓其可以根據文件自動更新呢？

篇2

一、工作介紹

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

二、開發技術

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

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

像我這個組常用的是css+p排版，后臺使用php技術進行開發，服務器平臺采用，linu+apache+mysql+php，這種lamp組合，我很高興在學校學的東西能學有所用。以前我們是用表格(table)進行排版，這種方式簡單但是已經有些過時了，現在大部分網站都開始了重新構架，所以都采用css+p進行網頁排版，我目前正在學習，掌握的還算比較快。而在后臺開發部分，我們使用php來進行開發，我的工作是手寫一些小模塊?；蛘哂胘avascript寫一些特效小代碼。

三、工作流程

小組分工時，我負責后臺里小模塊的開發工作，如：留言板或論壇，還有一部分javascript代碼編寫工作。前臺部分的工作是和組里的丁珊珊做一些排版的工作，使用css+p技術。編寫代碼這種工作看起來有些枯燥，其實時間長了以后，還真有點厭煩，但是后來我明白，只有將自己的本職工作做好，提高自己的技術，做出優良的東西，這樣自己才會有價值感，才會對自己的工作保持新鮮感。所以我每天都在工作后，記錄下每天在技術上的不足之處，回家后，將強學習，這所謂：找出不會的地方，學會它，你就變的強大了。

php是現在比較流行的一種網站開發技術，由于它是開源的免費代碼，并因良好的跨平臺性能受到了大重的喜歡，我個人認為php很簡單，適合初學者學習使用，但是在某些地方想要做好，就需要你認真的學習了。目前，我負責的只是技術性較低和規模較小的模塊，不過，我覺得從簡單處做起也挺好的，但是我在寫代碼時，還是經常犯些小錯誤，導致代碼頁面經常出錯，而自己往往還找不到是哪錯了，有幾次急的都不行，不管怎么弄，結果就是錯誤，后來我才發現，原來只是一個小錯誤，小的不仔細察看，我都找不到。于是我明白，做開發工作，一定要細心，否則就會給自己和別人帶來麻煩。

四、安全檢查

安全檢查是很重要的一個環節，就像你給人家蓋房子，房子蓋好了，可是門和窗不結實，那這種就必然不會安全的了。頁站的制做也是同樣的道理，在安全方面，有一個地方是和開發人員有很大的關系的。因為開發人員技術的高低決定了網站的安全性，有些人員在一些環節上的疏漏，很有可能導致網站在實際使用時，遭到黑客攻擊，如果造成了經濟損失就無法挽救了。

篇3

[關鍵詞]網站建設與管理、網頁設計師、活躍思維、提高學生自我能動意識

中圖分類號：G642 文獻標識碼：A 文章編號：1009-914X（2016）04-0236-01

一、課題的提出

1.背景

十以來，我們國家對職業教育事業越來越重視，職業教學的改革步伐也在日漸加快，當前需要我們創造先進的、有效的經驗來帶動國家職業教育的創新發展。網頁設計專業，在我們國家的網站建設與管理專業中發揮著舉足輕重的作用，其作用發展歷史長久，正處于穩步前進的上升期。

2.現狀

網絡發展飛快的今天，網頁對于我們中職院校的學生來說很是熟悉，如“淘寶網站”、“京東網站”等等都是由網頁組成的網站。伴隨著歷史進步的腳步、計算機技術的不斷提高，人們對網站的要求不僅僅只滿意于網頁的簡單操作，這就需要我們中職院校的教師能正確的培養出一批優秀的網頁設計師。

3.基礎

在學習《使用Photoshop設計網頁》之前，學生已經在上一學期中學習了《使用Photoshop處理圖形圖像》、《計算機的基礎課程》及《配色與布局》的課程，已經對網頁設計有了基本的了解，本次課題的研究是讓學生更好的掌握網頁元素――“網頁LOGO”和“網頁按鈕”的設計。

4.意義

學生通過使用Photoshop設計網頁時，可以使學生們的頭腦能夠充分的發揮、活躍學生們的思維，設計出更好的作品。

二、理論依據

設置問題情境，是中職“做中學”的重要途徑，不少教學實踐表明，基于工作過程導向的教育是對學生專業能力培養的突破口。本課題借鑒姜大源的基于工作過程導向的課程開發方法的探索中的寶貴經驗，著眼于中職網頁設計專業學生實際出發，在工作項目的制定與實施上加以創新。

三、核心概念的界定

本課題是對我校高一年級“網頁設計”專業學生進行研究，以現階段的在校學生學習情況為出發點，研究我校學生在“網頁設計”專業自我動手能力，分析原因，研究出在“網頁設計”專業方面提高學生自我能動意識的辦法，讓學生能夠更好的發揮自己的設計理念，使學生在“網頁設計”專業方面達到學會制作，創新制作的程度。

四、研究目標

針對中職學生的實際情況，合理安排學生在“網頁LOGO設計”和“網頁按鈕設計”方面的課程，做到有目的、有實效，以培養中職學生的綜合能力為主要目標，制定有效的能力檢測手冊。

五、研究內容及對象

1. 研究內容

1）進行市場調研，確實掌握市場需要的人才所應具備的專業技能，明確專業定位與培養目標，撰寫市場調研報告。

2）實施“網頁設計”專業工作任務中需要具備的專業技能。

3）研究“網頁設計”中“網頁LOGO設計”工作崗位具體工作任務和工作項目。

4）研究“網頁設計” 中 “網頁按鈕設計”工作崗位具體工作任務和工作項目。

2.研究對象

我校網站建設與管理專業一年級學生。

六、研究方法

1、實踐研究法 2、調查研究法 3、文獻資料法 4、案例分析法

七、研究的主要步驟和過程

1、準備階段，認真選題，制定研究課題方案，確定課題的名稱、課題研究的對象、研究方法、研究目標和研究任務，進行市場調研，編寫市場調研報告。

2、實施階段，根據網站建設與管理崗位學生的市場調研結果制定對策，制定科研項目實施方案及細則，編寫《專業技能檢測手冊》。根據科研項目實施方案及細則付諸實踐

3、總結階段，研究總結階段的主要任務是對研究實施階段的成果進行綜合分析總結，對研究過程中發現的問題進行反思，提出改進設想，為以后進一步研究做資料儲備。

八、研究成果和結論

根據網頁設計專業崗位的要求，我們制定了網頁設計之“網頁LOGO設計”和“網頁按鈕設計”研究課題，具體成果和結論如下：

（一）、網站建設與管理包括了2個典型的工作任務：

A.典型工作任務一：網頁設計B.典型工作任務二：網絡編輯

網頁設計包括3個具體工作任務：

a）具體工作任務一：網頁色彩與板式，b）具體工作任務二：網頁圖像處理，c）具體工作任務三網頁動畫制作，網絡編輯包括3個具體工作任務：a）具體工作任務一：網頁編排，b）具體工作任務二：布局美化頁面c）具體工作任務三：網頁特效制作

工作項目一：網頁LOGO的設計，工作項目二：網頁按鈕設計

根據所編寫的《專業技能檢測手冊》對學生進行考核，通過學生的考核結果了解學生對“網頁LOGO的設計”和“網頁按鈕設計”掌握的很好。

（二）學生應該具備下列專業能力：

單項專業能力二：能熟練應用Photoshop軟件進行網頁圖像處理

項目技能一：能熟練應用Photoshop軟件制作網頁LOGO

我以“寶馬公司LOGO”的制作作為案例進行考核、分析、講解

學生應該掌握以下4點的專業技能：

1）LOGO的簡介：LOGO的書面翻譯是作為標志的語句，標識語。在實際生活中，LOGO就是標志、徽標的意思。

2）LOGO的設計原則：符合企業的文化、精神、產品，應該具有較強的時代感，簡潔易懂富有美感。

3）LOGO的表現形式：根據網頁內容需要，確定LOGO的表現形式是圖形方式、文字方式還是綜合方式。

項目技能二：能熟練應用PS軟件制作網頁按鈕

我以“Vista風格按鈕”的制作作為案例進行考核、分析、講解

學生應該掌握以下3點的專業技能：

1）按鈕的簡介：一個按鈕至少應該具備兩個條件：（1）代表了某種功能，并且通過某種形式將它所代表的功能表示出來；（2）人們通過這個按鈕可以產生人機互動，來實現這個按鈕所代表的功能。

2）按鈕的表現形式：根據網頁需求的按鈕功能，確定按鈕的表現形式是圖形方式、文字方式還是動畫方式。

3）按鈕的設計原則：按鈕是人機交互的紐帶要醒目引人注意，按鈕是人機互動的橋梁要準確反映功能，按鈕不是獨立存在的按鈕的風格要與整體頁面統一。

（三）根據崗位需求和國家職業鑒定標準，我們制定了網站建設與管理專業網頁設計專題學生專業能力考核標準如下：

單項專業能力二：能熟練應用PS軟件進行網頁圖像處理（滿分100分）

考核項目一：設計網頁LOGO（滿分10分）

考核內容與要求：

①LOGO設計的準確性。（3分）② LOGO設計的獨立性。（3分）③LOGO符合企業的文化、精神、產品。（4分）

考核項目二：設計網頁按鈕（滿分10分）

考核內容與要求：①按鈕表現形式凸顯頁面需求。（5分）②按鈕的制作實用、符合按鈕的設計原則。（5分）

九、存在的主要問題及今后的設想

1.存在的主要問題

在使用Photoshop設計網頁元素的剛開始時期，學生常常會一次性形成一個或者多個創造思維方式，可是往往表現不出來，手與大腦的配合不能協調。

2.今后的設想

篇4

關鍵詞：網頁設計；人才培養目標；調研分析

中圖分類號：TP393 文獻標識碼：A 文章編號：1674-7712 （2013） 04-0144-02

網頁設計專業的學生在就業時遭遇“學不會用”的尷尬處境，IT行業技術更新換代迅速的特性，與學校計算機教學滯后的現狀，形成了強烈的反差。本文通過對網頁設計行業崗位人才要求的調研，明確專業相對應的相關行業或企業相關產業發展現狀的社會需求，并充分地了解行業人才需求與網頁設計人才培養之間的關系，明確專業服務面向；對我校新的網頁設計人才培養方案的制定有重要參考意義，為網頁設計專業的理論和實踐教學方式、方法以及實訓基地的建設提供指導建議。以提高高職網頁設計專業人才培養質量。

一、行業崗位分析

根據對沈陽、大連地區IT行業的發展現狀與趨勢、人才需求狀況、企業調研等方面調查分析，可以將網頁設計崗位分為網頁設計、網頁制作、網站編輯、網站管理四大崗位群。分析各崗位群實際工作需求，網頁設計主要是網站開發前期界面的平面圖設計，它是一種審美活動，要求設計師具備較強的審美能力和美工功底以及圖像處理工具的使用能力。網頁制作主要根據頁面效果圖利用網頁制作工具實現效果圖向網頁的映射。一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果，這就要求設計師具備網頁制作的相關技能。網頁制作方式有兩種：“表格+切片”、基于Web標準的制作方式；后者是主流的網頁制作技術。網站編輯主要負責網站內容的維護和管理，要求網站編輯人員具備文字編輯、網頁基礎知識及計算機操作能力。網站管理主要負責網站的日常維護、網站的改版等工作，要求網站管理人員具備較高的網頁制作經驗和管理能力。

二、調研的方法及內容

為了充分地了解IT行業對網頁設計各崗位需求與高職人才培養之間的關系，與用人單位實現“零距離”對接，有針對性、實踐性、先進性，從微觀上、宏觀上把握行業崗位用人單位的人才需求，本調研采用二類調研人群，從不同的角度看行業，看專業，分析人才培養。

（一）實習學生對用人單位的調研

10級網頁設計專業148名學生實習期間，采用調查報告的形式，對他們所在實習單位進行調研，學生返校先行通過答辯匯報的形式之后再收集、整理和分析。本項調研包括三個方面：

1.實習單位情況。實習崗位與自己專業對口分析，包括崗位和專業知識、技能及素質要求等。

2.在校學習與企業實際崗位要求差距。包括自己所能勝任崗位分析、同事和領導對自己及學校的總體評價分析。

3.與同類學校畢業生比較的優劣勢分析。

（二）專業教師對行業的調研

專業教師深入到遼寧地區IT企業，對從事網頁設計各崗位進行調查分析，本項調研主要是調研人員通過走訪、問卷調查、個別訪談、電話訪談、座談會、查閱文獻等方式，對生產型企業、服務型企業、政府機構與公共服務單位、網絡產品生產企業和網絡服務型企業五種類別的企事業單位進行調研，詢問不同的企事業單位對網頁設計人才、崗位技能的需求情況，從他們的角度來審視專業培養的要求或發現存在的問題。

三、行業崗位要求與我校人才培養對比分析

我校傳統網頁專業的人才培養目標是培養網頁設計、制作和網站組建專業人才、掌握扎實網頁設計基礎和網站組建實踐技能、能勝任網站組建、網站規劃、網頁設計等專業技術工作的德、智、體全面發展的高等技術應用型人才。從行業崗位調研的結果來看，網頁設計人才的培養已面臨著新形勢的挑戰，表現在市場對人才的需求從單一網頁素材制作、靜態網頁設計向動態網站建設與維護技能全面性掌握轉變等諸多方面。市場對人才的需求的不確定性很大，變化也很快，同時，我校實驗實習環節薄弱、特別是教材與現實的嚴重脫節和滯后等問題都極大地制約了網頁設計專業的建設和發展。

從畢業生總體就業情況看，雖然市場網頁設計崗位人員需求很大，但實際學生的就業和工作并不如人意，尤其是真正從事到網站建設與維護工作中，發現所學知識的不夠，究其原因很大程度上與培養目標的不清晰，崗位職業技能分析不細致有關。目標的不明確的原因也是多樣的，一是對人才需求規格的把握程度低，市場調查不深入、不扎實；二是網站建設與維護發展過程中的計算機知識不斷更新等諸多不確定因素；三是目標制定的隨意性較大。目前的網頁設計人才培養強于書本而弱于實務，缺乏必要的案例教學和實務操作能力的培養，尤其是實驗、實訓、實習環節的安排。實踐教學基本停留在模擬階段，不能與現實中的企業應用相結合，即便是在學校實驗室可以進行基礎訓練的網頁設計、網站建設等內容，由于課時，實驗條件等原因，學生掌握的程度也不是很扎實。傳統網絡專業網頁設計人才的培養這方面的局限性明顯的表現出來，已經不能適應當前社會需求。

四、構建網頁設計綜合型培養模式

（一）明確人才培養目標

本專業培養適應社會與區域經濟發展需要，德、智、體、美全面發展，熟悉網站的配色及制作流程，掌握網站設計與策劃、網站的安全與服務器配置以及網站的搜索引擎優化技術；掌握動態網站編程技術，具有獨立制作整站系統的能力，在企事業單位、網絡公司、廣告公司等IT行業從事網頁設計、網站美工、各類網站的開發與維護等工作的網頁設計師、高級技師和高級網站程序員。

（二）網頁設計人才培養框架

根據人才培養目標，構建符合行業需求、突出職業能力的人才培養框架，網頁設計人才的職業能力是由崗位能力要求、能力目標定位、職業技能體系和職業素養體系四個部分組成。以對學生素質教育和職業能力培養為主線，結合網頁設計崗位群，構建我院網頁設計人才培養體系，如圖1所示。

（三）網頁設計人才職業技能體系

1.分階段網頁設計知識技能體系

構建網頁設計人才的知識技能體系，結合行業對網頁設計畢業生的要求，建立以下三個培養階段：初級網頁設計師、中級網頁設計師和高級網頁設計師。各階段需掌握的能力目標和知識目標見表1所示。

2.分階段網頁設計實踐技能體系

實踐技能體系分為校內實訓和校外實踐兩個環節，建立網頁設計人才核心課程的課程標準，實現理實一體化，以企業真實的項目為校內實訓的訓練目標，強化網頁設計、美工、動畫設計能力。在校內實訓中注重與校外真實職業崗位的銜接。注重網頁設計實際操作技能和職業素養，為校外實踐做準備。

通過傳統網頁設計人才培養與行業人才需求對比研究，構建符合社會需要的綜合型網絡設計人才培養模式。注重本專業學生的創業能力培養和創業意識教育，通過職業技能體系的實施，使該專業學生畢業后能夠很快適應市場需求，實現校企零距離。

參考文獻：

[1]凌云.高職計算機專業教學引入項目教學法的實踐[J].職業技術教育，2007，11.

[2]周林妹.基于項目學習模式的網頁設計課程教學方法探討[J].湖南醫科大學學報：社會科學版，2009，11（3）：251-253.

篇5

《Web應用技術》是我校計算機科學與技術專業為大一學生開設的一門專業選修課程，本課程性質為純實驗課程，總學時32。其教學目標是給出一個網站的具體需求，要求學生通過對實際問題的分析，運用HTML、CSS、JavaScript等技術完成網站的設計及開發。使學生在掌握Web技術的同時進一步提高自學能力、分析問題能力。通過近幾年教學情況總結及學生反饋，發現目前該課程存在以下問題：

1)在以往的教學活動中，授課教師是借助于某一個網頁設計工具如DreamWeaver、Frontpage等完成網頁設計各個知識點的講解，這種教學方法對高職高專類院校的學生來講，可能效果較好。因為最終學生掌握了某一個網頁設計工具的使用。但是這種教學方式不利于我校本專業學生對后繼課程如.NET應用程序設計、軟件工程實踐等課程的學習，因為僅僅通過一門開發工具去實現網頁設計忽視了學生自寫HTML、CSS、搭建網頁設計框架等能力的培養。借助于某個工具，很多網頁代碼都是自動生成的，導致學生對網頁代碼理解就比較膚淺。

2)Web應用技術方面的教材市場上比較多，但是很多只是介紹網頁設計工具的使用方法，比如網絡三劍客Flash、Dreamweaver、Firework等，缺少系統全面講解網站開發的步驟、思路及方法，沒有通過一個完整的網頁開發案例貫穿其中，有些書籍雖然帶有網頁設計的案例，但是很多涉及到數據庫知識，對于還未接觸到數據庫設計的大一同學來說非常吃力。因此，目前需要編寫介紹網頁設計開發實例的教材，在這些教材的指導下，學生的網頁設計能力能有所提高。

3)在以往教學任務中，該課程主要是完成一個“個人博客網站”的制作。隨著網絡技術及時展，博客已經慢慢淡出人們的視野。為了緊跟時展，同時也調動學生學習該課程的積極性，在保證網站的功能要求不變的前提下，需要適當調整網站所完成的內容，比如男生可以選擇自己喜歡的游戲做一個游戲專題網站，女生可以選擇喜歡的影星做一個專題網站等等。因此，鑒于目前現狀，我們申請了學校的教育教學改革項目，對《Web應用技術》課程的教學內容、教學方式方法進行改革。并以資助資金為支撐，自行編寫了《Web應用技術》實驗指導書。并完成《CSS+DIV網頁設計案例》教材初稿的編寫，預計明年3月份由清華大學出版社出版。

2《Web應用技術》課程的教學改革

2.1教學內容的安排

在教學內容安排上，一方面要充分考慮到學生學生對后繼課程的學習基礎，另一方面教學內容也要與時俱進，考慮到學生畢業后的就業需求。因此，為了鍛煉學生自寫網頁能力，我們要求必須使用文本編輯器（UltraEdit、Editplus、記事本）編寫網頁，不能使用網頁制作工具如DreamWeaver、FrontPage等生成網頁；同時為培養良好的編程風格及習慣，HTML文件的后綴必須為.html；CSS、JS代碼盡量不要直接寫在HTML文件中，作為獨立的.css、.js外部文件引入HTML文件中。在實際教學過程中，以一個實際項目或類似項目貫穿其中，包括項目需求分析、主體框架搭建、各功能模塊設計開發、網站整體測試、網站等步驟，變“因材施教”為“因需施教”，充分調動學生學習的主觀能動性。

2.2教學方法的改進

1)采用任務驅動教學，注重自學能力培養在教學方法方面，采用學生自學為主、老師從旁指導為輔的方式。首先將整個網站設計任務進行分解，每個階段有明確的任務要求，老師對其中的關鍵知識點首先進行講解，積極為學生提供免費的學習資源平臺如，并講授查閱資料方法。然后讓學生自行完成每個階段任務，對于實踐中普遍出現的問題，老師再統一講解、更正。實現任務驅動與教學的統一。

2)提倡案例教學，提高學生學習興趣在每次學習一個新的內容或者技術之前（比如CSS技術），教師提供相關的案例進行簡單講解，使學生掌握技術應用的關鍵點。先達到能比照葫蘆畫瓢的目的，然后再進一步加深考核要求。

2.3考核方式的改進

在考核方式上，改變以前以知識點考核為主的考核標準，改為以實踐動手能力為主。取消筆試考試，并將期末考核和過程考核相結合。學生的最終成績由平時考核（20%）、網站設計效果考核（70%）、網站設計報告考核（10%）三部分組成。平時成績主要包括日常考勤、學習態度、實驗效果等。將原來的10%增加到現在的20%，從而調動學生上課以及完成實驗任務的積極性。

3結論

篇6

【關鍵詞】網頁設計與制作 教學目標 教學內容 教學方法

隨著互聯網的迅速發展與普及，越來越多的單位、部門以及個人利用網站進行信息的、互動和交流，當我們盡情享受網頁的便利時，我們是否會贊嘆精彩的網頁是如何制作出來的？這是網頁設計與制作課程的教學內容，是高職院校中的一門具有較強綜合性、實踐性的實用課程。通過本課程的學習，使學生掌握網站設計與制作的全過程，學會使用制作網頁的軟件，具備網站規劃與建設的實踐操作能力，能獨立制作出具有專業水準的網站，達到知識和技能兩方面的共同提高。

大部分學生對網絡、網站和網頁等概念都已有了初步認識，對自己動手設計網頁，建立自己的個人網站有濃厚的學習興趣。因此，借助良好的學習動機，尋求合適的課程優化方案，是幫助學生掌握好該門課程的關鍵。

一、高職《網頁設計與制作》課程教學現狀

《網頁設計與制作》是我校計算機網絡技術專業的一門重要基礎課，它對培養學生的網站規劃、靜態網站設計、網站的與維護等專業能力和方法能力承載著巨大的重任。課程內容繁多，但易于理解、自學，實踐性較強。目前，高職《網頁設計與制作》課程教學大多仍采用“講授為主”的教學現狀，這種教學模式在實施過程中存在以下不足：

（1）教學內容偏多、零散，重知識、輕應用，導致學生眼高手低，做不出東西。雖然學生能熟練應用Dreamweaver軟件，但是不能獨立地進行網站的規劃與建設。“重知識、輕應用”的模式直接導致“重技術、輕設計”，使得學生眼高手低，無法獨立完成網站的設計與制作，與社會需求脫節，從而降低了課程的實用性。

（2）教學方法單一，無法滿足不同水平學生的個性化需求?！毒W頁設計與制作》課程一般在我校的大一下學期開設。對于這部分學生，其認知水平、學習風格和學習習慣已初步成形，課堂教學方法面對不同的教育對象都是“一視同仁”，難以滿足不同水平學生的需求。

（3）教學模式以講授為主，阻礙了學生的課堂自主活動。傳統的教學模式中，教師是教學活動的主體，是知識的傳授者，而學生則處于被動接受老師灌輸知識的地位，缺乏自主活動，久而久之則會導致學生思維的依賴性，抑制學生自主學習和批判思維能力的發展。

（4）考核方式機械化，無法準確衡量學生的實際水平。傳統的考核方式一律采用閉卷考試，而對這門實踐性很強的課程來說，非常不適應，重視了學生對書本知識的記憶，缺忽略了對能力的考核，無法全面體現對課程知識的掌握程度和綜合運用能力。

二、課程優化方案淺析

（一）優化教學目標

首先提出總體目標，培養學生的網站的規劃、網頁效果圖的設計與制作、網站的設計、網站的與維護等專業能力和方法能力。使學生掌握商業網站的開發和流程，并能獨立進行操作，在就業時能夠成為一個合格的人才。然后細化為素質目標、知識目標、能力目標。

（二）優化教學內容

該課程涉及的知識點比較廣，目前主要以《網頁設計與制作》作為教材，其內容包括網頁設計軟件Dreamweaver和圖片處理軟件Fireworks，如果按照教材設置的順序分別講解，所需課時遠遠不夠，許多教學內容只能點到為止。

針對上述情況，根據教材特點，以知識點為突破口，以綜合的案例為主線，具體內容如下：

Dreamweaver部分包括以下單元：基礎知識部分;創建站點、頁面編輯和超鏈接;頁面布局;頁面美化（CSS樣式表設置）;

Fireworks部分主要包括Fireworks工具介紹、位圖和矢量圖形的區別以及利用Fireworks制作網頁LOGO。

（三）優化教學方法

為了提高《網頁設計與制作》課程的教學效果，我們采用了多媒體計算機教學方式，極大地激發了學生的學習興趣，通過當堂演示網頁效果，將傳統教學活動中的被動學習變成有選擇性的積極主動的學習，從而大大提高教學效率和教學效果。另外，在多年的教學過程中，摸索出了以下幾種比較有效的教學方法。

案例教學法是一種啟發性、實踐性的教學方法。在整個教學過程中，教師扮演著導演的角色，從案例的挑選，問題的提出、討論過程的控制到討論結束的總結，都必須精心地安排。對網頁案例的引用要自然.切入要平緩，這需要在籌備時精心構思案例的引入方式和引入時機。

分層次教學法是根據學生掌握水平的發展和學生對網頁設計學習的信心、興趣、智力水平以及內在潛力等一些軟指標來區分學生層次，在不同的教學階段給不同層次的學生在具體學習目標上提出不同的要求，能保持各層次學生學習網頁設計的積極性，并在各自的基礎上發揮特長，使基礎的鞏固和個性的發展達到和諧統一。

（四）優化考核方法

傳統學生成績評定主要包括：平時成績、考試成績。其中平時成績已出勤情況、作業、課堂表現和實驗為主，但在實際操作中，存在作業抄襲、實驗報告拷貝等現象，無法對學生做出客觀、公正的評價。為此，我們改變傳統的成績評定模式，加入成果匯報、小組討論等作為評估項，從而使得對學生的評價更加客觀、準確。

三、結束語

上述課程優化方法在實際教學中取得了很好的成績，培養學生獨立分析問題和解決問題的能力，提高學生的項目開發能力，大大改變了《網頁設計與制作》課程的教學現狀，取得了良好的教學效果。從而達到了使學生的職業能力和通用能力都有了不同程度增長的目的，為他們的就業打下了良好的基礎。

參考文獻：

[1]程偉.中職《JavaScript網頁開發》課程教學研究[J].才智，2010，（16）.

[2]鄭宇.Java語言成學設計課程教學改革和探索[J].計算機教育，2008，（8）：.

篇7

關鍵詞：ASP動態網頁；教學改革

中圖分類號：G642文獻標識碼：A文章編號：1009-3044(2012)11-2551-01

Essay Talking about "ASP Dynamic Webpage Design" Course Teaching Reform

SHAO Min-min

(Department of Electronic Computer, Tianshi College,Tianjin 301700, China)

Abstract：The "ASP Dynamic Webpage Design" is a very practical course.As the traditional way of teaching has many problems, this paper discusses the teaching reform from teaching content,teaching methods and testing methods.

Key words: ASP Dynamic Webpage; teaching reform

隨著Internet和Web應用技術的迅猛發展，不管是政府、企事業單位還是個人都希望通過互聯網來宣傳自己，這就需要有網站作為支撐。由于靜態網頁缺乏交互性、更新困難已經不能滿足社會的需求，因此動態網頁設計成為當前網站設計的主流，因而需要大量從事網站建設和維護的技術應用性人才。為了滿足社會需求，許多高職院校均開設了動態網頁設計課程。由于我們學校為民辦學院，學生基礎比較差，因此我院開設了《ASP動態網頁設計》這一門相對簡單的課程作為學生學習動態網頁設計的入門課程。我從2007年開始已經連續5年擔任了該課程的理論教學及實訓教學的工作，工作中積累了一些經驗，該文主要談談我在教學工作中對《ASP動態網頁設計》課程改革中的一些探索。

1課程簡介

《ASP動態網頁設計》是我院電子與計算機學院計算機網絡專業的一門主干專業技術課，是實踐性很強且面向實際應用的重要專業課，本門課程是培養學生動態網站開發能力的重要課程，并為學生今后從事網站設計和開發提供良好的基礎。

2傳統教學方法

傳統的計算機課程教學一般是采取以教材為綱領，按部就班地按每一個章節授課，不管章節的知識點用不用得到都一一講解。雖然在講授過程中也是每一章對應一個小案例，但是這些案例是孤立的，沒有任何聯系的。這樣導致學生學到的知識比較零碎，隨著課程的深入，很多同學失去了興趣和學習的動力，學完整門課程后很難將所學知識進行綜合應用，無法開發出一個完整的動態網站。

3教學改革的具體措施

本院在教學過程中打破了以往的教學模式，使學生的積極性有了很大的提高，具體措施如下：

3.1教學內容的改革

由于課程學時有限，并且學生入學時基礎比較差，因此在教學內容的選擇上不再追求知識本身的全面化和細節化，而是以“理論夠用”為原則，集中精力于本課程的核心知識點。另外在講授時對教學內容進行模塊化設置，對教材的內容進行有針對性的取舍或補充。比如我在教學過程中將課本分成5大模塊：第一個模塊是ASP基礎；第二個模塊是VBScript語言；第三大模塊是ASP內置對象；第四個模塊是用ADO操縱數據庫；第五大模塊是ASP綜合應用。比如ASP一些不太常用的內置組件在開發實際項目過程中用的不是很多甚至用不到因此在教學內容上進行了舍棄，有興趣的學生可在課后自學。HTML基礎知識、數據庫操作基礎這些內容在上一學期開設的靜態網頁和數據庫課程中學過了，由于學時少，也進行了舍棄，基礎較差的學生可以課后復習。

3.2教學方法的改革

1)針對該課程的特點在教學中可以采用基于項目的教學模式，首先整個課程圍繞一個購物網站的設計與實現展開，使學生有目的的學習。將整個網站的各個模塊分散到各個章節，一方面講授ASP動態網頁設計中的知識點，使學生對每一章要掌握的知識點一目了然，另一方面通過案例式教學讓學生不再感覺學習計算機知識枯燥無味，極大的提高了學生學習的興趣。

2)加強課程設計環節，教學過后要安排一個課程設計環節，要求學生分組完成一個綜合性的項目，不僅可以培養學生自主學習的能力，而且可以培養學生分析和解決實際問題的能力和培養團隊精神以及合作交流的能力。在此階段中，課程設計題目的選擇非常重要，最好選擇與我們生活密切相關的，比如說，“同學錄系統”、“班級網站”、“新生報到系統”等。在課程設計完成后進行答辯，每組選一名同學展示自己的作品，讓其他同學可以借鑒學習，并接受其他同學的點評。

3)建立《ASP動態網頁設計》學習網站，把教學資料，如：課程標準、教案、ppt、經典案例、視頻等教學資源上傳到網上，學生可以通過網站進行進一步學習，同時學生可以利用網站的留言板和老師互動交流學習中遇到的問題。

3.3考核方式的改革

傳統的考核方式一般采用筆試來考核學生對知識點的掌握，這對于《ASP動態網頁設計》這樣一門實踐性很強的課程來說非常片面，不能全面真實地反映學生的學習水平。因此，該課程的考核方式可以由以下幾部分組成：平時成績，期末筆試成績，課程設計成績。平時成績由學生的出勤、平時作業、課堂表現、上機實踐環節等方面進行考核評價。期末筆試成績考核學生對基本概念、基本理論、基本技能的掌握。課程設計考核主要考核學生綜合運用所學知識開發實際項目的能力，根據學生所完成的項目情況、答辯表現及課程設計報告綜合評分。平時成績，期末筆試成績，課程設計成績比例分別為40%，20%，40%

4結束語

《ASP動態網頁設計》是一門綜合性和實踐性很強的課程，只有不斷調整教學內容、改進教學方法、改革考核方式，充分調動學生的學習積極性，最大限度的將知識傳授給學生，才能取得良好的教學效果。

參考文獻:

篇8

關鍵詞：課程教學；教學改革；項目化教學

中圖分類號：G434 文獻標識碼：A 文章編號：16727800（2013）009019802

作者簡介：劉曉娟（1982-），女，碩士，寧夏工商職業技術學院信息技術系講師，研究方向為動態網頁開發、數據庫應用。

1高職《動態網頁設計》課程教學存在的問題

通過學生調查和企業調研發現，目前《動態網頁設計》課程的教學中主要存在以下幾個方面的問題：

（1）教學模式落后。目前，很多學校有關ASP《動態網頁設計》課程教學還是沿用傳統的教學模式，由教師先在多媒體教學環境下按照教材內容分章節講授相關理論知識，然后布置相關實驗內容讓學生在機房進行上機實踐。這種教學模式以教師講授為主，學生只是對單個知識點進行學習，并且不能及時練習，學與做脫節，導致學生不能及時理解并掌握所學知識。隨著課程教學的深入，學生的學習興趣和積極性會逐漸降低，學完整門課程內容后很難綜合應用所學知識完成某一個網站的動態網站開發。

（2）實踐技能培養不足。《動態網頁設計》課程實踐性強，實踐教學是本課程教學過程中的重頭戲。目前，在實踐教學中一般都是一名教師輔導三四十名學生，使得教師不能及時有效地解答學生的疑惑。在實踐教學中學生完成相同的實驗內容，學生相互拷貝作業、抄襲實驗報告的現象時有發生。雖然教師也結合實際應用進行了實驗內容的設計，但多數實驗依然是對單個知識點的驗證，學生只是機械地敲代碼，不能靈活地應用知識。雖然通過設計應用型案例來培養學生的實踐技能，但學生仍不能綜合應用知識進行項目開發，學生的實踐技能得不到充分訓練。

（3）課程考核模式單一。目前，對計算機課程的考核主要有筆試和機試兩種形式。筆試注重對理論知識的考核，機試注重對學生實踐技能的考核。高職教育主要培養學生的技能，《動態網頁設計》課程作為一門實踐性技能訓練課程，筆試形式的期末考試無法對學生的實際技能進行考核，且容易使學生形成“平時不學，考試突擊”的心理。上機考試可以考核學生的實際操作技能，但要在兩個小時內完成動態網頁的設計制作難度較大。兩種考核形式均不能全面考核學生對知識的掌握及應用情況。

（4）不重視職業素質的培養。高職教育不注重學生職業素質的培養，在有限的教學時間內，往往只注重學生網站開發技能的訓練，而忽略了工作流程、文檔撰寫、溝通表達能力、團隊協作能力等其它職業能力的培養。教學未與實際的網站開發流程相結合，或結合得不夠緊密，學生在解決實際工作項目中的問題時沒有頭緒，不能明確地表達自己的想法，不熟悉需求分析報告、設計說明書等相關項目文檔的內容和寫作方法，導致需學習培訓后才能承擔相應工作。

2高職《動態網頁設計》課程教學改革實踐

項目式教學是指在建構主義指導下，以實際的工程項目為對象，師生通過共同實施一個“項目”工作而進行的教學活動，并以共同完成項目的情況來評價學生是否達到教學目的的一種教學方法。項目式教學注重的是學生的實踐能力，通過學生與教師共同參與項目的過程，形成了以能力為本，以學生為中心的新的教學模式，從而全面提高學生分析、解決實際項目的能力。

在《動態網頁設計》課程中基于實際網站開發流程實施項目教學，以克服課程教學中存在的問題，提高課堂教學的質量，培養學生的實踐技能。主要在以下幾個方面進行了課程教學改革。

2.1基于網站開發流程進行項目化教學設計，重組教學內容

以實際動態網站項目開發為主線，按照實際網站開發流程進行課程設計，重組教學內容。按照理論夠用的原則，不再詳細講解單個的理論知識，而是將相關知識點融入到實際的動態網站項目開發過程中，使學生可以通過學習—應用—學習的方式來掌握所學的知識，進而提高學生的職業素養和實踐能力。具體項目的選取可以在充分考慮學生具體情況的基礎上選取學生熟悉的、感興趣的、易于理解的實際應用項目，在任務、案例的設計上也要考慮學生的學習實際，教學過程的設計要在分析工作過程、理解任務實施方法的基礎上展開。以項目“工資管理系統”為例，整個項目分為網站需求分析與設計、主頁開發、注冊與登錄、后臺管理模塊的開發、主頁及子頁面的實現、網站測試與共6個模塊，分析每個模塊的主要任務，以及實現任務所需的知識點或技能點，得到如表1所示的課程設計模式。

2.2分階段采用多種教學方法實施教學

課程教學分為項目教學和項目實戰兩個階段。

項目教學階段主要通過項目開發進行基礎知識的學習。教學中先給出具體的網站開發項目，讓學生分析網站的功能，在此基礎上進行模塊的劃分，給出網站設計初步方案。通過靜態網站的制作復習Dreamweaver網頁設計知識，學習HTML語言，并分析靜態網站的缺陷，提出動態網站的開發要求。以項目中某個模塊的開發為例，在具體知識點的學習中，采用任務驅動和案例教學法進行教學，通過舉一反三使學生掌握知識點的應用，再讓學生對項目中的模塊功能進行實現，培養學生的創新能力。最后整合模塊，完成整個網站的開發。

完成教學項目的開發后，期末利用三周左右的時間進行項目實戰，要求學生完成一個簡單的動態網站，如新聞管理系統、學生管理系統、留言板、在線通訊錄等，訓練學生對所學知識的綜合應用技能。此階段可使用小組合作方式進行實施，小組成員在調研的基礎上討論并確定網站的功能，分工協作完成整個網站的開發。教師要給予技術指導，并引導學生自主查閱相關資料。

2.3改革考核方式，注重能力考核

課程考核分為平時成績（30%）、作品設計（40%）和期末考試（30%）3個部分。

平時成績主要考查學生平時上課過程中的項目完成情況。每次課程都有相應的項目任務，通過任務的完成在訓練技能的同時理解和鞏固理論知識及其應用。這些日常的積累是使綜合技能得以提升的主要途徑，將過程性考核納入考核內容，在一定程度上使學生保持學習的積極性，達到技能訓練的目的。

作品設計主要通過項目實戰階段項目的完成情況考查學生進行《動態網頁設計》開發的綜合技能。本課程教學的目的是使學生能夠掌握動態網頁的開發技能，而技能需要通過實際的項目開發來進行檢驗。期末利用近20學時進行實際網站項目的開發制作，要求學生完成一個簡單的動態網站。將項目的完成情況作為課程考核的一部分，能夠有效地激發學生學習的積極性和主動性，通過網站的開發制作可進一步提高學生的技能。項目的評比可采用項目展示、小組互評、教師評分等形式進行。

基礎理論知識的掌握及應用是課程最基本的要求，通過筆試考查學生對基礎理論知識的掌握及應用能力。試卷題型包括選擇、填空、判斷、程序填空等，內容包括各重要知識點。

采用這種課程考核方式，從基礎理論知識的掌握和知識應用的實踐能力兩方面進行考核，更好地激發學生的學習興趣，有利于學生實際技能的培養和課堂教學效果的提高。

2.4注重學生職業素質的培養

（1）熟悉實際工作流程。實際的網站開發一般要經過需求分析、網站總體設計、數據庫設計、主頁開發、功能模塊設計、網站與測試6 個階段，每一個階段都有各自的操作規范，遵守這些操作規范會使開發更加快捷、方便、科學。按照實際的工作流程進行項目開發，能夠更好地培養學生的職業素養，增強學生的社會適應能力。

（2）溝通能力和表達能力的培養。在實際網站開發過程中，既要與客戶溝通以了解客戶的真實需求也要與小組成員溝通擬定解決方案，這都需要有良好的表達溝通能力。通過對項目網站的需求分析和設計，模擬開發人員與客戶的溝通過程，培養學生的文字表達能力和語言表達能力。

（3）學習能力的培養?！秳討B網頁設計》是多門課程的綜合性應用課程，在項目的設計開發過程中必然會遇到很多以前沒有學過的知識，比如圖片幻燈效果的實現、下拉式導航菜單的實現等，而課堂內并不能一一講解，此時就需要學生自己去查閱相關資料進行學習。同時，要對項目實施效果提出明確要求，促使學生進行自主學習。

3結語

高職教育是以培養技能型人才為目標，基于網站開發流程進行《動態網頁設計》課程的項目化教學，通過對《動態網頁設計》課程教學內容、教學方法和考核方式的改革，讓學生更好地掌握實際的網站開發流程，進一步提高學生的學習興趣和動手操作能力，有利于提高學生解決實際問題的能力和職業發展能力，使學生能夠勝任專業領域需求，為今后的實習與就業打下良好的基礎。

參考文獻：

[1]趙穎.項目驅動法在ASP《動態網頁設計》教學中的應用[J].軟件導刊，2012（7）.

篇9

關鍵詞：網頁設計與制作；教學做一體；項目導向；模塊化設計

中圖分類號：TP393.092-4；G712

隨著Internet的發展促使網站及網頁數量迅速增長，對網頁設計、網站開發技術等方面有了更高的要求。從市場需求來看，企業需要大量的這方面的應用型人才?！毒W頁設計與制作》課程是一門實用性強、發展迅速的課程。通過本課程的學習，使學生掌握網頁制作的基本知識、網站設計的全過程。

1 當前《網頁設計與制作》課程在教學中存在的問題

1.1 以知識體系而不是能力為重點的教學方法，與高職教育不相符

目前，我們采用的教材的內容都是為了配合理論講解，按照知識體系的順序進行組織和編排的。雖然在每個章節的后面都設計了與理論知識想對應的具體實例，但由于教師在教學過程中，往往都會按照教材所編排的順序進行講解，著重將知識介紹給學生，而不是將知識的實際應用方法教給學生，這與高職培養應用型人才的目標是不相符的。

1.2 教學內容陳舊，沒有緊跟社會需求，與高職教育不相符

《網頁設計與制作》課程旨在培養學生設計網頁、制作網站方面的能力，同時，該課程還能給后續動態網頁開發相關的課程提供一些幫助。目前，這門課程中的內容僅僅只是介紹了如何制作靜態網頁，而由于靜態頁面的交互性很低，早已不符合現在的需求。

1.3 理論教學與實踐教學分開的教學模式，與高職教育不相符

傳統《網頁設計與制作》的教學模式是理論學習加上機實踐的兩段式教學，教室分為多媒體教室和計算機房。教學過程通常是教師在多媒體教室進行理論講解、演示操作，在上機實訓時，學生到機房進行操作實踐。學生在多媒體教室里只能欣賞式地學習，往往只是模仿老師的實例進行操作。

2 “教、學、做”一體教學模式在《網頁設計與制作》課程中的實施

通過對學生的《網頁設計與制作》課程學習情況的調查與分析，結合相關工作崗位所需的知識與技能，對該課程進行“教、學、做”一體化的改革，改革主要從教學模式、教學內容和教學方法三個方面來實施。

2.1 創新教學模式

為了解決理論教學與實踐教學脫節的問題，改變傳統的實踐教學滯后于理論教學的狀況，引入全新的“教、學、做” 一體化的教學模式，是高職教育發展必然的選擇。我們采用的一體化模塊化教學是以培養職業能力為本位、教師為主導、學生為主體的教學改革，從教學實施性計劃、課程標準、教材的選用、教案的編寫、教學方式、教學手段、教學過程以及考核方式等方面都進行了一系列的改革。

首先，按照基于項目的任務驅動型教學方式、基于工作過程的教學方法以及基于一體化的教學模式組織課堂教學。課程教學以完成完整的網站項目為目的展開，模擬真實的工作環境實施課堂教學。在教學實施過程中，按照教學的要求將每個項目都分解成12個子項目，以完成子項目所需要的理論知識和實踐技能來組織教學，形成相應的教學模塊與單元，采用循序漸進、逐漸深入的方式一步步完成整個項目。同時，對每個教學模塊和單元都設計了一個與教師同步完成的模仿型任務以及學生獨立完成的開放型任務。其中，模仿型任務作為教學的載體，教學的基本要求和完成實際工作所要求的基本知識、技能都融入在該任務中；開放性任務則作為教學的拓展，教師只給出原則性要求，網站內容依據學生個人愛好自由確定，技術的運用在滿足原則要求的前提下由學生創意發揮，實現知識的拓展和能力的進一步提高。如表1所示。

以第一個教學任務“認識網頁”為例，首先通過完成模仿性任務“賞析江西旅游網主頁”，讓學生在教師的指導下，分析網頁采用的布局結構、組成元素以及色彩搭配，并在分析過程中讓學生了解與網頁制作相關的概念和常用術語，之后便可以去完成開放性任務“賞析各類網站主頁”了。將學生分組瀏覽指定的幾個網站的首頁，讓學生自己去分析所瀏覽網頁的布局結構、組成元素以及色彩搭配，并書寫賞析報告交由教師進行點評。通過這種方式，將課堂教學以及技能訓練分成了“教、學、做”三個階段去逐步提升層次，符合職業技能的培養規律。

其次，實現了課程結構的模塊化、課程內容的項目化、課程資源的的系列化以及技能培養的層次化。構建了以“網站開發工作過程”為導向的“模塊式”課程結構，課程分為4個教學模塊、12個教學項目。課程內容可根據工作崗位的需求以及教學的實際情況進行動態的調整，課程資源則根據網頁制作技術的發展持續更新。

最后，采用了基于網絡平臺的開放式自主學習方式以及基于崗位需求的雙證融通式分級考核方式。在校園網上架設了《網頁設計與制作》課程的網絡課程，讓學生在課余的時間仍然可以非常方便的訪問課程資源，提高學生自主學習的能力。同時，根據企業崗位技能需求，分級認證網頁制作技能，課程考核與技能鑒定雙證融通，課程標準與職業標準兩者融合。

2.2 完善教學內容

改變傳統的教學內容只涉及靜態網頁設計的不足，引入適量的動態服務器編程以及數據庫等網頁設計的相關內容。除了在課程中引入適量的動態網頁相關知識以為，為了配合一體化教學我們在課程內容的選取上也做了很大的改革，嚴格依照職業性原則、實踐性原則和開放性原則來選取課程內容。

2.3 改進教學方法

由傳統的章節式講解的教學方法向項目導向、模塊分解以及任務驅動的教學方法轉變。教學過程中所使用的網頁都來自真實的網站項目，經過對項目的教學化處理，它們都較好的體現了學習內容的工學結合特征，使學生在有限的學習時間內，得到具有代表性網頁設計與制作能力的培養，較好地滿足工作崗位需要。

3 結束語

我們將“教、學做”一體的教學模式融入到《網頁設計與制作》課程的教學過程中，打破了理論課、實踐課的界限，將課程的理論教學、實踐教學、實訓操作融于一體，教學場所直接安排在一體化教室，師生相互交流，理論和實踐交替進行，大大提高了學生的學習效率。同時，采用案例導向和任務驅動的教學方法，突出技術應用能力的培養和就業能力的訓練，真正提高學生的專業技能，并在課程內容中加入了適量的動態服務器編程以及數據庫等內容，使學生的知識結構、技術技能與企業崗位需求無縫對接，實現“零距離”就業。

參考文獻：

[1]王珊.“網頁設計與技術” 課程教學改革的研究與探索[J].科教文匯，2009-7.

篇10

當人們打開網頁時，最先注意的是色彩，其次是圖像，最后才是文字。設計出色彩和諧、均衡和重點突出的頁面是吸引顧客的關鍵環節。1．3合理的頁面布局通常情況下，人眼在網頁上只有一個視覺優勢區，這一區域能得到人眼最大概率的注意。因此，在網頁設計中應將最希望客戶了解的重點信息放在最佳視域。1．4簡單方便越減少客戶在瀏覽網頁時的負擔，對客戶越具有吸引力。因此，在設計過程中應遵循減少繁瑣、便于記憶的原則。

2淘寶網頁設計存在的問題及改進措施

淘寶網淘寶網是亞太地區較大的網絡零售商圈，截止2010年12月31日，淘寶網注冊會員超3.7億人；2011年交易額為6100.8億元，占中國網購市場80%的份額。比2010年增長66%。2012年11月11日，淘寶單日交易額191億元。作為中國網上零售的領跑者，進一步提升客戶體驗，并促進中國電子商務的成長，成為淘寶網的重要任務。淘寶網網頁色彩搭配比較和諧、重點突出、版面設計比較合理，能夠讓人有輕松愉悅的購物旅程，但是仍存在一些不足之處。

2．1色彩

①淘寶網頁采用的主色調是：黑白桔———桔色標題欄，白底，藍色字體。整體顏色搭配合理，但是色彩的亮度及飽和度不高，給人一種陳舊的感覺，在淘寶網站看東西，網頁產品、產品介紹字樣的色彩都比較暗淡，給人一種山寨的感覺，相比較而言，聚美優品的網頁產品、產品介紹字樣的色彩相對都比較明亮，給人清新認真的感覺，映襯出聚美優品不賣假產品的理念，然人們放心。改進方法與建議：增加網頁圖片的飽和度和亮度，是網頁產品圖片看起來更清新明亮，給顧客以美好的視覺感受。②產品介紹字跡的顏色變化：當鼠標選中一個產品文字介紹的時候，產品文字介紹就會變成橙色，這種顏色不夠宣明，需要人們集中更大的精力去收集這些信息。其次，如圖所示凸顯在圖片之上的方框文字介紹有畫蛇添足的嫌疑。改進方法與建議：a看這些顏色較淺的文字時需呀注意力很集中，將產品的文字介紹黑色字體加粗顏色加深，使之涵蓋的信息易于被客戶吸收，減少因讀取信息而產生的視覺疲勞；b當鼠標放在文字上時，字體顏色變為深紅色，相應的圖片放大呈現在原圖片的上方。

2．2視覺

淘寶網頁上推薦產品時一個頁面排布密集，展示的產品過多，也達不到所要想達到的目的。造成視覺盲區。改進方法與建議：產品排列不要過于密集，根據最佳視域的原理橫排不應展示超過5個產品。

2．3頁面布局

淘寶網網頁布局頁面下方經常太過擁擠，動態圖片過多，另一方面淘寶內容較多、頁面過長、推薦較多，容易使用戶產生煩悶情緒，失去瀏覽網頁內容的耐心。切換頁面有兩個，上下兩個讓人“目不暇接”，抓不住圖片內容，容易讓人煩躁。此外，網頁不分人群、性別盲目提送，讓不少顧客感到厭煩，抱怨電商智商不高，例如作為一個男生，一般情況下，對女性美容美妝用品不感興趣，因此淘寶賬戶推送給該產品很不高明。改進方法與建議：采取切換頁面一個，在圖片上方設置有文字提示選項，電商可以自動向顧客展示，顧客也可以自行選擇要看的內容，就像商場里需要服務員的時候她在，不需要的時候她也不會纏著你一樣，沒有綁架的推薦更容易讓顧客欣然接受，交易完成的幾率也就比較大。分類頁面采取橫排更加清晰整潔，更符合人人因工程視覺搜索的要求，字跡得得大小更符合人因工程的要求。下方空白處的圖畫更人親切感，不會那么的枯燥。

2．4logo淘寶的logo

孤零零的，沒有什么創意，也沒有體現企業的精神文化。提起一個企業最想讓人想起的就是代表品牌的主體和企業文化的logo。所以在logo上，筆者認為可以加入更多的公司文化成分，而淘寶logo在上面做的不夠好，如下圖淘寶logo與京東logo、唯品會logo就可以看出?，F對于淘寶，京東和唯品會在各自的logo上添加了自己企業文化的精髓，擴大了品牌在消費者中間的宣傳，明確了企業產品的特色，抓住了消費者的第一印象。改進方法與建議：設計如下圖1所示為改進的淘寶logo示例。

3結語