前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網頁設計方案主題范文，僅供參考，歡迎閱讀并收藏。

第1篇：網頁設計方案范文

關鍵詞 網絡安全；物理隔離；地形圖保密

中圖分類號：TP393 文獻標識碼：A 文章編號：1671-7597（2014）09-0179-01

1 勘察設計企業網絡現狀

勘察設計企業在設計工作中經常會用到或產生一些文件，尤其是地形圖等密級較高的文件資料。我國2000年1月1日起頒布實施的《計算機信息系統國際聯網保密管理規定》第二章保密制度第六條規定：“涉及國家秘密的計算機信息系統，不得直接或間接地與國際互聯網或其他公共信息網絡相連接，必須實行物理隔離”。為保護國家秘密不外泄，同時滿足信息化辦公的生產需求，目前國內勘察類企業主要采用兩種網絡架構方式。一種是設置內部辦公網絡和外部網絡，員工各自配置兩臺分別連接內外網絡的計算機，兩者完全物理隔離。這種方式建設和維護成本大，員工操控靈活度低。內部辦公網絡實現公司信息化辦公和資源內部共享等需求，外部網絡實現互聯網資料查詢和外部交流，同時嚴禁內部網絡信息向外部網絡流通。另一種設立指定的互聯網訪問區，專門人員或機構采集互聯網信息復制到內部網絡，或者設立專門的可訪問互聯網的設備或區域，這種方式實時性不好。

2 網絡隔離技術趨勢

物理隔離是網絡隔離的一種重要形式，它是通過網絡與計算機設備的空間分離來實現的網絡隔離[1]。與物理隔離不同的另一種網絡隔離方式是采用密碼技術的VPN隔離。虛擬專用網（VPN）是通過使用密碼和隧道技術、在公共網絡設施上構建的、具有專用網絡安全特性的邏輯網絡[2]。VPN隔離追求的是數據的分離或不可讀，而物理隔離強調的是設備的分離。盡管VPN的實現成本較低，但是在網絡的邊界點，隔離設備容易被攻擊，特別是來自公共網絡的拒絕服務攻擊[2]。

物理隔離網閘的思路決定了它是一種比VPN更高級的安全隔離形式，因為它是在保證必須安全的前提下，盡可能互聯互通，如果不能保證安全則完全斷開。然而，這種技術成熟的產品還是無法擺脫“擺渡”病毒的攻擊。因此，國家保密局信息系統安全保密測評中心頒發的網閘類產品檢測證書中明確注明“該產品不可用于互聯網和網絡之間的信息交換”。

3 雙網物理隔離解決方案架構

除去地形圖等國家秘密文件外，勘察設計企業商業秘密的保護也是極為迫切的要求。將操作地形圖資料的計算機與內部工作網絡和外部互聯網隔離，內外兩條網絡之間通過有效的隔離設備和網絡安全措施建立可信連接，既能滿足國家保密局對于國家秘密的保護要求，又能滿足公司內部與互聯網之間的資源共享需要。

利用物理隔離網閘安裝在工作內網核心交換機和外網核心交換機之間，對于公司內部業務使用的計算機和服務器等設備直接或通過級聯設備連接到核心交換機，公司對外交流所用計算機或外網服務器直接或通過級聯連接到外網核心交換機。內外網絡間數據訪問必須經過網閘的“擺渡”。這樣，通過內外網之間的網閘不僅實現了兩個網絡間的物理隔離，還能滿足內外網之間實時、適度、可控的內外網絡數據交換和應用服務。比如：文件交換、數據庫的數據交換與同步、HTTP/HTTPS標準訪問、FTP服務、郵件服務等。

圖1 基于網閘隔離的網絡拓撲結構

通過安全隔離網閘可以對辦公網絡到外部網之間的傳輸數據和文件嚴格執行格式和內容檢查，檢查的內容可以包括內容檢測、防惡意代碼、防泄密、文件類型控制等?？梢詫g覽器中輸入的各種關鍵詞和敏感字符串進行限制，預防內網用戶因訪問外網網站時，在瀏覽器的訪問請求中出現有意或無意泄密的可能。

在公司網絡建設中對于地形圖等高密級資料的使用必須采取單獨網絡或單機運行模式，同時出臺相應的規章制度，對地形圖資料的復制、傳遞進行嚴格的規范，并出臺相應的懲罰措施，從公司制度層面對網絡安全保密行為進行約束。

4 性能分析

物理隔離網閘通過雙主機之間的物理斷開來達到數據隔離的目的。內外主機間信息交換只能借助拷貝、鏡像、反射等非網絡方式來完成。另外，根據內外網間數據交換的具體情況還可以選擇不同流向的單向或雙向隔離網閘，實現更高級別的數據保密要求。市場上部分物理隔離網閘支持基于文件特征庫的文件類型過濾和用戶自定義關鍵字的文件內容篩查，可有效防止商業信息的無意泄漏。

應用物理隔離網閘的雙網隔離解決方案具備如下優點。

1）屏蔽了內部的網絡拓撲結構，屏蔽了內部主機的操作系統漏洞，消除了來自互聯網上對網的攻擊。

2）內部服務器不對外部網絡提供任何端口，不允許來自任何互聯網主機的主動請求，降低了自身風險。

3）通過嚴格的內容過濾和檢查機制嚴防泄密。

4）可根據需要選擇單項或雙向數據流動方向，靈活性強。

但是，采用物理隔離網閘對內部工作網絡和外部網絡進行隔離較采用VPN隔離在費用方面不占優勢，同時，涉及地形圖的計算機部分仍需單獨劃分網絡。

參考文獻

[1]網絡隔離的技術分析與安全模型應用[J].數據通信，2002（3）：23-25.

第2篇：網頁設計方案范文

色彩的區分，可以讓信息呈現主次分明，并且引導瀏覽者進行積極的閱讀，讓網頁的內容布局合理，并且具有很好的易閱讀性，很好的導向性。網頁設計在色彩上若進行合理系統的編排與設計，不但會讓網頁具有整體的設計風格，還會給瀏覽者留下此網頁很規整、很有序的視覺感受，讓人有較深的視覺印象。對網頁中的內容進行色彩上的合理劃分和合理布局，讓它們在網頁中呈現出先后主次會讓人覺得視覺流程規整，并且讓所有的內容在統一的色彩風格之中，形成和諧悅目的視覺效果。

在進行網頁設計時，我們應當好好利用顏色的魅力，讓它充分為網頁頁面服務，把頁面妝點的無比美麗，也可以利用顏色將網頁中重要的內容進行強調，吸引瀏覽者的目光，這對新產品、新項目是很有優勢的。對那些較為重要并需要重點強調的信息進行色彩處理以將其突出，這樣用戶看見也會印象深刻，從而使得信息傳遞的效率得到提高。那些有產品需要展示的網頁中，顏色的運用和其帶來的效應是顯而易見。

二、色彩整體性

網頁設計中運用色彩，需要注意色彩的整體性，也就是說網頁頁面之間色彩的系統性。那些在內容上有關聯的網頁通過超鏈接保持聯系，那么這些有關聯的網頁在色彩上也存在著相互聯系并且帶有一定的作用和過渡。相關聯的網頁之間它們的色彩應該是和諧統一、自然的。那么就要求設計人員在進行網頁設計前就應當對網頁的色彩進行較為系統的規劃與編排，這樣才會讓網頁在設計上井井有條，也便于后期維護。網頁設計色彩的整體性也體現在其頁面自身的整體協調上。一個頁面所包括那些功能要素，如導航、滾動或者浮動的廣告、一閃一閃的FLASH動畫或者是GIF動畫，那些輔助文字傳達信息的圖形/圖像等，它們在色彩上，以及它們每動一下顏色的變化都直接的影響著頁面顏色的整體性。那么要想使這些要素與網頁整體色調和諧，我們應該在運用背景色上靈活處理，以背景色作為整體網頁色彩的基調，以此在處理好其它各要素之間顏色的關系，便可以得到想要的效果。

三、色彩的編排

色彩在網頁中的排列是四維度的，分別為長、寬、深、時間。通常在二維平面中，色彩進行大小面積、疏密程度、是否對稱、均衡、節奏等變化，再加上色彩在三維的方向上重疊進而產生深度和層次上的變化，這樣對于影響色彩的感情傾向。在進行網頁色彩排列時，還運用重疊、交疊、透疊等表現形式，讓頁面產生空間感和縱深感變化。網頁的時間性對色彩的感情也具有一定的影響，就像網頁頁面在屏幕上流動，網頁中動畫幀的變化，還有網頁之間的鏈接，從這個頁面到達那個頁面，這些都產生了網頁的時間性變化，也讓網頁的色彩產生了變化，所以當我們進行網頁編排時，首先，我們應了解想要往網站上傳達怎樣的內容，對所要的信息要有充分的了解和認識，基于此來運用顏色進行搭配。比如；此網站要想突出環保、生態，我們便可以運用綠色系、藍色系為主調色彩；要是本網站是女性網站，則我們可以用粉紅色系為主色調；如果是科技感很強的網站，可選用藍色系、黑色系。當然，要是企業類型的網站，我們應當以其品牌形象的色系為主，因為網站也是企業整體形象的一部分。其次，設計者應該根據不同的訴求者在網頁色彩上做出色彩差異，因為就算生活在相同的文化背景中，但是由于年齡的差異、性別差異、受教育程度的不同等諸多原因都將影響用戶對于顏色的理解。一個網站在采用色彩時最好運用一個主色調，讓整幅頁面都貫穿這個主色調，在根據不同的信息內容，添加輔色以強調各個信息的不同。同一個頁面運用顏色不要過多，顏色運用過多，會讓人產生視覺疲勞感，會降低閱讀性。

網頁進行色彩設計時應有自己的流程。第一點，此網站顏色是為了表達什么，還有此網站內容適合什么顏色，這就要求設計人員首先該弄明白網站的主題是什么，還有面對的人群是什么樣，最終通過色彩想達到什么樣的效果。第二點，每個網頁都應該有自己的主色調，這個主色調可以反映整個頁面的色彩風格。先確定了主題，再確定服務人群還有色彩目標，最后確定一個主色調，讓其有著自己的風格特色。主色調最好只選用一種色調貫穿于整個網頁。企業類的網站，主色調可選用本企業的標準色，這樣既可以充分宣傳公司的形象，也可以強化人們的品牌意識。第三點，確定主色調后還應確定輔助色，輔助色可以襯托主色，使用得當可以讓整個頁面活躍起來。輔助色也不宜用過多，選用一到兩種顏色就可以了。這樣整個頁面在三色之內，頁面看起來不會太雜。頁面色彩上也可以只運用一種色彩，可以在色彩的明度方面和純度方面調整一下以充當輔助色，這樣形成的頁面如果梢在局部用點對比色或者鄰近色，頁面的效果就出來了，會變得很豐富。第四點，背景色、文本色的確定，背景色有的時候和頁面的主色運用的是同一種顏色。背景色的運用與文本色的運用在色彩對比上應該強烈些，這樣才可以使信息內容突出，但是不要色彩太鮮艷，這樣會使眼睛受不了，會太過刺眼。信息的正文部分與信息的標題部分在背景色上的運用可以不同，標題部分在色彩上可以運用鮮明些的色彩，這樣可以使標題更加明顯。正文部分的背景色運用淡雅些的顏色為宜，如果選用白色等淡雅的顏色的為背景色，那么文本也要用明度低些的顏色，這樣既搭調，也方便閱讀。

第3篇：網頁設計方案范文

關鍵詞 網絡安全；方案設計；方案實現

中圖分類號 G271 文獻標識碼 A 文章編號 1673-9671-（2012）111-0142-01

計算機網絡的安全運行，是關系到一個企業發展的重要問題，如何能使得企業網絡更為安全，如今已經成為了一個熱議的話題。影響網絡安全的因素有很多種，保護網絡安全的手段、技術也很多。對于網絡安全的保護我們一般都是通過防火墻、加密系統、防病毒系統、身份認證等等方面來保護網絡的安全。為了保護網絡系統的安全，我們必須要結合網絡的具體需求，把多種安全措施進行總結，建立一個立體的、全面的、多層次網絡安全防御系統。

1 影響網絡安全的因素

網絡信息的安全問題日益嚴重，這不僅會使企業遭受到巨大的經濟損失，也影響到國家的安全。

如何避免網絡安全問題的產生，我們必須要清楚因法網絡安全問題的因素有哪些。我們主要把網絡安全問題歸納為以下幾個方面：

1.1 人為失誤

人為失去指的是在在無意識的情況下造成的失誤，進而引發網絡安全問題。如“非法操作、口令的丟失、資源訪問時控制不合理、管理人員疏忽大意等，這些都會對企業網絡系統造成很大的破壞，引發網絡安全問題。

1.2 病毒感染

病毒一直以來，都是能夠對計算機安全夠成直接威脅的因素，而網絡更能夠為病毒提供迅速快捷的傳播途徑，病毒很容易通過服務器以軟件的方式下載、郵件等方式進入網絡，然后對計算機網絡進行攻擊、破壞，進而會造成很大的經濟損失。

1.3 來自企業網絡外部的攻擊

企業網絡外部的攻擊主要是企業局域網外部的惡意攻擊，比如：偽裝合法用戶進入企業網絡，并占用修改資源；有選擇的來破壞企業網絡信息的完整性和有效性；修改企業網站數據、破譯企業機密、竊取企業情報、破壞企業網絡軟件；利用中間網線來讀取或者攔截企業絕密信息等。

1.4 來自網絡內部的攻擊

在企業局域網內部，一些非法人員冒用合法的口令，登陸企業計算機網絡，產看企業機密信息，修改企業信息內容，破壞企業網絡系統的正常運行。

1.5 企業網絡系統漏洞

企業的網絡系統不可能是毫無破綻的，而企業網絡中的漏洞，總是設計者預先留下的，為網絡黑客和工業間諜提供最薄弱的攻擊部位。

2 企業計算機網絡安全方案的設計與實現

影響計算機網絡完全因素很多，而相應的保護手段也很多。

2.1 動態口令身份認證的設計與實現

動態口令身份認證具有動態性、不可逆性、一次性、隨機性等特點，跟傳統靜態口令相比，增加了計算機網絡的安全性。傳統的靜態口令進行身份驗證的時候，很容易導致企業計算機網絡數據遭到竊取、攻擊、認證信息的截取等諸多問題。而動態口令的使用不僅保留了靜態口令的優點，又采用了先進的身份認證以及解密流程，而每一個動態口令只能使用一次，并且對認證的結果進行記錄，防止同一個口令多次登錄。

2.2 企業日志管理與備份的設計與實現

企業要想保證計算機網絡的安全，對于計算機網絡進行日志管理和備份是不可缺少的內容，日志管理和備份數據系統是計算機運行的基礎。計算機在運行過程中難保不會出現故障，而計算機中的數據和資料的一個企業的血液，如果數據和資料丟失，會給企業今后的發展帶來巨大的不便，為了避免數據資料的丟失，我們就應當對計算機網絡做好數據備份以及數據歸檔的保護措施。這些都是維護企業網絡安全的最基本的措施與工作。

2.3 病毒防護設計與實現

計算機病毒每年都在呈上漲的趨勢，我國每年遭受計算機入侵的網絡，占到了相當高的比例。計算機病毒會使計算機運行緩慢，對計算機網絡進行有目的的破壞行為。目前Internet在飛速的發展，讓病毒在網上出現之后，會很快的通過網絡進行傳播。對于企業計算機網絡，應當時刻進行監控以及判斷系統中是否有病毒的存在，要加大對于病毒的檢測。處理、免疫及對抗的能力。而企業使用防病毒系統，可以有效的防止病毒入侵帶來的損失。為了使企業的網絡更加安全，要建立起一個完善的防病毒系統，制定相應的措施和病毒入侵時的緊急應急措施，同時也要加大工作人員的安全意識。

病毒會隨著時間的推移變的隨時都有可能出現，所以企業中計算機網絡安全人員，要隨時加強對于防毒系統的升級、更新、漏洞修復，找出多種不同的防毒方法，提高企業計算機網絡防病毒的能力。

2.4 防火墻技術設計與實現

Internet使用過程中，要通過內網。外網的連接來實現訪問，這些就給網絡黑客們提供了良好的空間與環境。目前，企業計算機網絡系統，采用防火墻技術，能有效的保證企業的機密不會受到網絡黑客以及工業間諜的入侵，這種方法也是維護企業計算機網絡最有效、最經濟的方法，因為防火墻系統是企業計算機網絡安全的最前面屏障，能有效的組織入侵情況的發生。所以企業計算機網絡第一個安全措施就是安裝以及應用防火墻。防火墻一般是安裝在內部網絡出口處，在內網與外網之間。

防火墻最大的特點是所有的信息傳遞都要經過它，這樣就能有效的避免企業網絡遭到非法入侵，防火本身的具有很高的可靠性，它可以加強對企業網絡的監督，防止外部入侵和黑客攻擊造成的信息泄露，

2.5 網絡安全設計的實現

在企業網絡運行中，與用戶和各個系統之間，存在著信息交換的過程，這些信息包括信息代碼、電子文稿、文檔等，所以總會有各種網絡安全的問題出現。為了保障網絡的安全性和客戶使用的合法性，就要去嚴格的限制登錄者的操作權限，增加口令的復雜程度。當工作人員離職要對于網絡口令認證做出相應的調整，以避免帶來的不便。

3 總結

現今網絡在現代生活中發展迅速，然而網絡安全的系統也日益突出。作為一個企業如何的保證自己網絡的安全性，使自身能夠更快更好的發展，面對著網絡入侵的行為要進行如何的防御，已經是一個越來越迫切的問題。我們只有從實際出發，去構建一個完整的安全的網絡防御系統，才能保證企業網絡的安全。

參考文獻

[1]唐紅亮.防火墻設計淺析[J].中國科技信息，2009，06.

第4篇：網頁設計方案范文

關鍵詞：無線局域網；設計；方案

中圖分類號：F251 文獻標識碼:A 文章編號:1005-6432(2008)36-0153-02

The Design of Campus Wireless Local Area Network in Logistics Vocational Education Institutions

Xia Xiukun1,2 Li Cun2

(1.Math and Computer Department, Hebei University; 2.Hebei Software Vocational and Technical Collegle)

Abstract: The logistics of vocational education institutions campus cable network can only access in some regions, andcan not be taken into account in all regions. Through rational design of a wireless network to meet the teachers and students“anytime, anywhere access to information” needs.

Key Words: wireless local area network; design; program

基于信息技術的研究成果和信息化進程加快的現狀，信息電子化交換和信息資源共享已成為當今各行各業的基本需求。近年來，網絡的發展極大地推動了教育系統的信息化進程，各物流職業教育院校在大力建設有線網絡的同時，也日益關注無線網絡在校園的應用。

一、校園局域網現狀

校園網將院系學生與從事社交、學術、業務活動的行政人員緊密地聯系在一起，是教職員工和學生獲取資源和信息的主要途徑。

無線網絡技術具有無縫覆蓋、可移動通信等優點，可與有線網絡互為補充，但就目前無線技術的發展狀況，無線最大的優勢仍在于對現有有線網絡的補充。在校園網絡中，完善的解決方案將開辟無線網絡在教育行業的應用，進而引發深刻的網絡教育變革。

二、校園無線局域網設計方案

根據校園網絡實際應用環境的特點，無線網絡設計方案大體分為兩種情況：室內和室外。

(1)室內無線局域網設計方案：室內無線局域網主要針對不方便進行大規模布線或不宜布設太多信息點的建筑，在室內部署無線局域網首先要確定無線接入點的數量和位置，也就是要將多個AP形成的各自的無線信號覆蓋區域進行交叉覆蓋，各覆蓋區域之間無縫鏈接。所有A P通過雙絞線與有線骨干網絡相連，形成以有線網絡為基礎，無線覆蓋為延伸的大面積服務區域。利用無線接入點來支持移動終端的移動和漫游。配有無線網卡的臺式P C機、筆記本電腦或其他設備就可以與無線網絡鏈接起來，所有無線終端通過就近的AP接入網絡，訪問整個網絡資源。

(2)室外無線局域網設計方案：室外無線局域網主要針對分布較遠的校區之間、布線不甚方便的校園建筑物之間以及適合學習的室外場所，如草坪、操場空地等。在網絡的每一端接入A P，并在距離遠或信號弱的地方，同時外接高增益天線，這樣就可以實現幾公里以內的兩個網段之間的互聯了。

搭建遠距離無線局域網主要有以下幾種結構：點對點型、點對多點型、橋接中繼型和混合型。各種結構都有不同的適用場合，應根據實際情況慎重選擇。

點對點型：點對點無線橋接模式常用于固定的要聯網的兩個位置之間，是無線聯網的常用方式，使用這種聯網方式建成的網絡，傳輸距離遠，傳輸速率高，受外界環境影響較小。這種類型結構一般由一對橋接器和一對天線組成。

點對多點型：該類型常用于有一個中心點，多個遠端點的情況。其最大優點是組建網絡成本低、維護簡單，其次，由于中心使用了全向天線，設備調試相對容易。這種網絡的缺點也是因為使用了全向天線，波束的全向擴散使得功率大大衰減，網絡傳輸速率低，對于較遠距離的遠端點，網絡的可靠性不能得到保證。

橋接中繼型：當需要連接的兩個局域網之間有障礙物遮擋而不可視時，可以考慮使用無線中繼的方法繞開障礙物，來完成兩點之間的無線橋接。無線中繼點的位置應選擇在可以同時看到網絡A與網絡B的位置，中繼無線網橋連接的兩個定向天線分別對準網絡A與網絡B的定向天線，無線網橋A與無線網橋B的通信通過中繼無線網橋來完成。

構建中繼網橋可以有兩種方式：單個橋接器可以通過分路器連接兩個天線構成橋接中繼和采用背靠背的兩個處于不同的頻段的橋接器相連接，并同時工作于無線網橋模式，每個無線橋接器分別連接天線構成橋接中繼。單個橋接器可以通過分路器連接兩個天線。由于雙向通信共享帶寬的原因，對于對帶寬要求不是很敏感的用戶來說，此方式是非常簡單實用的。

混合型：這種類型適用于所建網絡中有遠距離的點，近距離的點，還有建筑物或山脈阻擋的點，在組建這種網絡時，綜合使用上述幾種類型的網絡方式，對于遠距離的點使用點對點方式，近距離的多個點采用點對多點方式，有阻擋的點采用中繼方式。

三、網絡安全問題

在任何通過無線媒介傳輸數據的環境中，都必須具備安全保護措施，I E E E 802.11b標準能提供保密機制，學校還可以同時借助一些管理策略和V P N來強化安全性能并對其實施有效管理。就無線局域網而言，由于不能信賴媒介的基本物理特性來提供最低層次的保護，其信任模式就與有線局域網不同。換句話說，單是因為無線的關系，無線局域網就容易招來竊聽。無線局域網的安全系統要做到有效，需解決下面三個安全問題：

(1)提供接入控制:驗證用戶，授權他們接入特定的資源，同時拒絕為未經授權的用戶提供接入。

(2)確保線路的保密與完好:防止未經授權的用戶讀取、引入或修改在網絡上傳輸的數據。

(3)防止阻斷服務攻擊：確保沒有一個用戶或一小批用戶可占用某個接入點的所有可用帶寬，阻斷其他用戶的正當接入。

四、結束語

無線局域網的架設門檻很低，但是想真正做好，做精，尤其要注意三點：①無線網絡要和應用結合，要根據應用去選型；②妥善考慮無線網絡的支撐系統，否則無線設備之間的不兼容性，或者網絡管理的混亂會導致大量問題出現；③無線網絡基礎構建的時候要考慮采用專業的設施，聘請專業的隊伍去操作，否則在規模擴大到一定程度時就會遇到功率控制、頻率選擇、環境噪聲等很多問題。

作者單位：

夏秀坤 河北大學數學與計算機學院河北軟件職業技術學院

李　存 河北軟件職業技術學院

第5篇：網頁設計方案范文

網頁設計（webdesign，又稱為WebUIdesign，WUIdesign，WUI），是根據企業希望向瀏覽者傳遞的信息（包括產品、服務、理念、文化），進行網站功能策劃，然后進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種，精美的網頁設計，對于提升企業的互聯網品牌形象至關重要。

網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟件用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。

（來源：文章屋網 ）

第6篇：網頁設計方案范文

關鍵詞 信息設計；情境模型；網頁設計

中圖分類號：G642.4 文獻標識碼：B

文章編號：1671-489X（2015）10-0079-03

Construction of Situation Model Cultivation of Thinking Ability in Teaching of Course//XIONG Kejun， ZHENG Ning， HUANG Qin

Abstract In the web design teaching， simulation design works using

context， for finding out the better design scheme intuitively who meet the requirements of using case. Transfer efficiency from the angle of information， the construction of situation model design based on the cultivation of information ability of thinking， aims to cultivate the students’ information design thinking ability， pay attention to the application of research methods.

Key words information design； scenario model； web design

1 思維能力的培養在網頁設計課程中的重要性

基于網站信息架構需要的抽象邏輯思維能力 網站本身是一個信息聚合體，信息架構就是針對網站信息繁多進行的一種對信息體的綜合設計和整合處理的方法。網站信息構建活動的對象和產物就是網站的信息空間結構，即網站的信息架構，網站信息架構的核心是組織系統、標識系統、導航系統和搜索系統[1]。

信息架構設計是需要分析技能和創造技能的問題解決活動，信息架構以用戶為中心作為其設計原則，致力于提高信息環境的可用性[2]。網站信息架構設計的產生，本身是市場的需求促進下產生的專門設計，由于網站以及整個網絡的信息量巨大，需要信息架構的設計，將相對于不同用戶的不同需求而言的各種信息進行整理，即使是同一個網站，也有相對于部分用戶不需要的信息存在。因此，必須有一種方法去設計和管理網站的信息，便于用戶尋找網站上的信息，而建立這種管理網站信息的研究，必須有人類認知行為的共同邏輯思維為基礎。

基于頁面信息視覺形式創意需要的具體形象思維能力 網頁的頁面信息表達的設計，即網頁上的視覺信息藝術設計，將頁面上的主要信息內容運用具象思維方式設計，進行有助于用戶視覺方面容易理解的表現層次的改造，這也是對信息的一種深度設計。人對視覺形式效應的感知，分為以悅目為特征的視覺生理上的本能反應、以生活體驗和視覺經驗為具體內容的關于形式在視覺心理上的綜合反應、形式的社會化影響三個層面[3]，基本的信息單位的表現均是借助圖文形式進行表達。同理，這三個層次的形式感知的劃分對信息表達的設計方法有著重要的借鑒價值。

對于視覺信息藝術設計的展開，設計師需要具備三個基本條件。

其一，對文字信息體的內容信息有著先于用戶的充分閱讀，對文字信息體陳述的內容充分理解，根據易讀性原則在設計上引導用戶閱讀。

其二，信息圖形化是人類信息傳遞的本源[4]。對表達信息內容的手法要有積累，同樣的信息內容，圖解信息比大段的文字更容易被用戶接受和理解，即文字信息圖形化，更易于用戶對網頁信息的獲取效用。

其三，對信息的設計中，對于信息內部關聯關系的信息等信息內容的深度部分，必須在信息的設計中體現出來。如何以信息藝術設計的視角和方法表現在頁面上，設計者對信息的內在關聯的理解程度，很大程度上影響到了發掘信息體內在聯系的深度，以及將信息內部關聯關系的信息呈現在用戶或者讀者面前的準確性。

網頁信息的創意性表達如網頁中文字信息涉及某些流程的描述，交由設計者以更高的傳遞效能的方式去設計，會節省更多的用戶時間成本，也是藝術設計向前發展的一個新領域。

2 網頁設計課程教學中信息設計的思維能力培養與其他專業課的關聯

前置課程中的基礎思維訓練準備 以傳統的三大構成為代表的設計學的基礎課程，組成對學生藝術感知力培養的基礎預備課程，這種課程極大開拓了學生的具體形象思維的視野。構成課最大的特點是將視覺原色歸納成抽象的視覺符號，通過研究彼此之間的相互關系，探討視覺審美原則[5]。隨著社會技術的進步，藝術設計的工作平臺呈現多元化發展，三大構成已經不能滿足網頁設計的專業設計需求，已經出現以運動形式存在的運動構成、明顯異于以往紙質設計藝術的光影構成和以交互行為為主體的行為構成，被提出并有意識地運用于網頁設計之中。

創造性思維訓練相關的基礎課程準備 圖形創意類課程包括圖形創意、裝飾繪畫等，都是圖形形式創意與圖形信息表達方式的設計為主，與之前的構成課在知識內容方面也有著緊密的承接關系。圖形創意課程教學用以開發想象力，培養設計觀念，創造多元的設計思維方式與方法[6]。具體的思維方式訓練分為逆向聯想、發散聯想、聚合聯想等，為網頁內容信息的圖形視覺化設計奠定了基礎。

3 基于信息設計思維能力訓練需求的情境模型的構建

信息設計思維能力訓練的情境模型的構建分為角色模型構建、故事情境模型構建、問題情境模型構建、問題解決方案模型構建四部分。通過模型的構建，讓學生在解決設計問題的過程中意識到在模型整體構建過程中邏輯的一般規律的重要性，信息的整體構建必須以此為依托展開架構，方可被用戶從邏輯認知層面所理解和接受。

創建基于目標用戶群的網站訪問的角色模型

1）目標用戶群的調查對情境模型構建的重要性。在產品設計中，目標用戶即為使用產品的用戶，在網頁設計中，即為對網站有信息需求的訪問者。劃分用戶群是理解用戶需求的一個重要步驟。在設計初期對產品用戶進行準確的劃分，根據不同的用戶群體的需求分析，從而準確獲知用戶需求以及產品定位，更好地幫助開發者理解用戶需求[7]。在教學過程中可以安排學生先設計用戶需求的調查問卷、用戶訪談等形式，完成對用戶需求的分析，然后相互交叉完成調查問卷。作為課程的練習階段，結合藝術學本科教學實際情況，在可控制的課時安排前提下，有必要保證學生一定的實踐整體參與度和課時保障，才不至于讓教學流于形式。

2）基于案例項目的網站設計定位對典型用戶的描述。以授課選定的案例項目為藍本，開展目標用戶群的調查結果分析，確定目標用戶群的基本特征，并提煉出一個有代表性的典型用戶角色，用來確定情境模型，直接承擔展示網站信息的瀏覽和使用過程的敘事。

創建基于用戶需求的故事情境模型 根據用戶需求分析的結果，明確用戶的需求狀態，根據用戶的需求狀態創建一個關于用戶訪問網站、使用網站功能的模擬情節?；谛枨蟮墓适虑榫承枰枋鋈齻€方面內容：第一，描述用戶因為何種需求訪問網站；第二，描述用戶在何種環境何種狀態下實施訪問網站的行為；第三，用戶訪問網站時最關注何種信息。

創建用戶訪問網站時的問題模型與問題解決模型 在網絡業已普及的今天，用戶在訪問網站面對各種問題時，絕大部分用戶必定已具備一定的操作技能和訪問經驗。用戶在訪問一個陌生網站時，經常借助自身已有經驗中與之相似的經驗部分為基礎去推理這個陌生網站的操作，這種基于經驗的推理方式有助于用戶的學習和積累，也為網頁設計課程教學中關于分析用戶如何做問題推理提供了分析依據。目標用戶訪問網站，最關切的是關于目標信息滿足其需求的程度，目標信息的位置搜尋以及相關交互操作的展開成為用戶尋找目標信息的核心行為。同時，搜尋過程與交互操作過程也成為問題產生源地，如何引導用戶快速尋找到自己所需要的目標信息以及相關過程，成為問題模型的主要構成部分。

以目標用戶群體為藍本創建的典型用戶角色，為用戶操作網站時進行問題推理和解決所遇到問題的方案，提供了明確而具體的設計思路。問題解決模型以典型用戶角色為分析對象，結合網站的設計定位，按照一定的情境條件去開展設計，是解決用戶模式下網站設計的常見的求解方式之一。某種程度上可以將典型用戶尋找問題解決方案的過程看做一種基于已有案例實踐的經驗事例，所以在教學過程中將問題推理過程與問題解決方案的陳述部分，結合已有具體案例的分析，指導學生進行該環節的任務練習，更容易被學生理解。

4 基于情境模型的課程作業設計方案描述

模型構建的目標是訓練學生在課程設計練習中有意識地運用思維為作品中信息的設計和表達服務，所以在課程作業完成后，建議以角色模型構建、故事情境模型構建、問題情境模型構建、問題解決模型構建四個部分對設計作品展開課堂陳述，讓學生以設計者的角度自我闡述作品的設計過程，也能更好地發現學生在設計過程中的想法與實踐之間的差異產生的原因。

目標信息的分析和設計實施過程描述 目標信息即用戶對網站的需求對象，但因為網站本身信息的多面化，不能只滿足單一的用戶目標需求，在用戶訪問過程中需要對用戶的訪問行為進行引導，引導的過程需要分析和設計來實現其功能的可用性與易用性，所以在學生的設計方案描述中必須予以體現。網頁設計每一個細節都有可能影響到用戶的最終使用結果，在引導學生對目標信息進行分析和設計時，很多設計細節與情境模型的構建過程沒有明顯的直接關聯，即不存在于構建本身的特殊性范疇中，但存在于設計的一般性現象中，在設計方案描述的課程作業中不能忽略對細節的描述。

用戶訪問網站過程的描述 用戶訪問網站的過程，按照網站訪問情形發現問題解決問題的順序對用戶訪問網站時的三個階段進行描述?？梢越ㄗh學生在闡述網站設計方案時，以典型用戶角色對網站的訪問為貫穿主線，在課堂講解任務中描述用戶對網站設計作品的訪問過程，更容易把各種設計分析聯系起來，以便于學生做課堂作業的陳述。

5 結語

在網頁課程中，設計教學的首要任務并不是解決用戶對視覺的需求問題，而是解決網站信息架構的合理性，進而解決用戶對目標信息的需求引導問題?；谛畔⒃O計思維能力培養目標的情境模型構建，核心在于引導學生對目標決定過程原則的理解和把握，將站點信息架構的設計分析和實踐過程分解為角色模型構建、故事情境模型構建、問題情境模型構建、問題解決模型構建四個階段，使教學訓練的目標明晰化，提高用戶對網頁信息的易讀性和搜尋效率。

參考文獻

[1]張新民，胡亮，王艷，等.網站信息架構的評估[J].現代圖書情報技術，2004（3）：51-52.

[2]莫羅根.信息架構學[M].詹青龍，吳戰杰，郭桂英，譯.

上海：華東師范大學出版社，2008：136-137.

[3]王令中.視覺藝術心理[M].北京：人民美術出版社，

2005：21-23.

[4]喬柳，顧慧史.淺議網頁設計中的信息圖形化[J]，藝術與設計：理論，2009（11）：104.

[5]徐豐.從包豪斯的構成課談設計基礎訓練思維方式的轉變[J].美術教育研究，2014（1）：160.

[6]高俊虹.圖形創意與創造性思維的培養[J].前沿，

第7篇：網頁設計方案范文

關鍵詞：網頁設計與制作 網頁與網站設計原則 教學改革

中圖分類號：G71 文獻標識碼：A 文章編號：1672-3791（2014）03（a）-0209-02

內蒙古科技大學是地方高等院校，畢業生大多到企業從事設計、生產、管理等技術工作，故人才培養定位于“工程實施型人才”，要求學生具有扎實的基礎理論和專業基礎知識，能夠教深入地掌握專業知識和流行生產技術，具有較強的工程實施能力，因此內蒙古科技大學的畢業生具有“上手快，留得住，后勁足”的特點，畢業生就業率連續多年位居自治區高校前列，被國務院授予“全國就業先進工作單位”光榮稱號。該校的計算機科學與技術專業在學校人才培養思想的指導下完成了專業定位，重新制定了人才培養方案和課程體系，在此背景下，計算機科學與技術專業開設了《網頁設計與制作》課程。

1 《網頁設計與制作》課程現狀及存在的問題

根據企業用人標準及對畢業生的回訪調查，總結出了網頁設計師的從業要求：具備優秀網站設計能力，能綜合運用各類軟件設計視覺創意網站，能獨立進行平面網頁的創意設計，具有良好的藝術觸覺和美術色彩搭配功底，深刻理解web標準，熟悉CSS+DIV模式，能手寫XHTML及CSS樣式代碼，懂得javascript應用，精通設計與網頁設計軟件，如photoshop、fireworks、dreamweaver等，能獨立完成網站的規劃和靜態頁面制作。可以看出一個優秀的網頁設計師能夠對網頁的構成元素進行藝術規劃和創造性思維活動，通過網頁制作技術實現網頁設計的目的，達到了藝術與技術的和諧統一。[1]為了培養大一新生對計算機專業的學習興趣和熱情，許多高校包括我校在內，將《網頁設計與制作》課程規劃為必修課安排在大一下學期開課，目的通過本課程所見即所得的特點，激發新生對計算機專業的學生興趣和熱情?？稍谝酝谋菊n程教學內容安排上，重網頁制作技術的講授，對網頁設計相關知識涉及甚少，即便學生掌握了XHTML、css+div、JavaScript等網頁制作技術，可沒有遵循網站與網頁設計原則，致使學生制作出來的網頁粗糙拙劣，毫無美感可言，這樣的教學安排，難以培養學生的專業學習興趣和熱情。

2 《網頁設計與制作》課程改革思路

以適應企業需求為導向，以培養學生網頁設計能力為根本，以項目教學和案例教學為手段，以實際網站為目標，進行課程內容的編排和改革。[2]緊跟當前市場需求，及時對教學內容作出調整，特別強調網站與網頁設計原則理論知識，在講授網頁制作技術的過程中注重網頁設計基本理論與基礎知識的滲透，努力提高學生的審美情趣，在潛移默化中讓學生形成“技術為設計服務”的思想，讓這種思想指導其網頁設計與制作行為，最后將這種認識轉換為能力，最終體現在其網頁設計作品上。

3 《網頁設計與制作》課程教學改革方案

以“技術為設計服務”為指導思想，以項目教學和案例教學為手段，通過項目驅動，[3]讓學生在32學時講授+32學時上機的學習過程中，獨立完成上機項目。上機項目按照具備知識水平由易到難，需求由低到高，設計方案由局部到整體的梯度進行，符合教育教學的基本規律。結課后，以一個綜合項目的開發作為對學生學習效果的最后的評價。綜合項目的開發，實際上是學生實踐和獨立探究的過程，在此過程中，增長了學生的知識，培養了學生創造性思維和發現問題、解決問題的能力。

3.1 教學內容的編排

按照WEB標準，網頁由三部分組成：結構（structure）、表現（presentation）和行為（behavior），因此，在教學內容的編排上，將《網頁設計與制作》課程分為四大模塊進行講授和實踐。分別為：網頁與網站設計原則、XHTML基礎知識、css+div、javascript。

網頁與網站設計原則模塊：在本課程的教學過程中處于指導地位和核心地位。通過該模塊的教學，首先讓學生掌握網站的3C設計原則，即簡潔、一致性、對比度。通過一些優秀網站設計案例的展示，使學生對3C設計原則有初步的體會和認識。其次讓學生掌握頁面設計要點，包括：精心組織的內容、格式美觀的正文、和諧的色彩搭配、較好的對比度、生動的背景圖案、頁面元素大小適中，布局均勻、不同元素間的留白等。通過優秀網站設計案例的講解，讓學生初步體會每一個頁面設計要點。在隨后的課程講授及上機實踐中，通過具體案例，強調網頁與網站設計原則，讓學生對3C設計原則及頁面設計要點有更深的體會和認識，在潛移默化中，學會用網頁與網站設計原則指導自己的網站制作行為。

其他三個模塊為《網頁設計與制作》課程的技術范疇。通過XHTML、css+div、javascript的講授及配合各類上機項目的實踐，使學生具備認識網頁創建站點應用網頁元素對網頁布局應用CSS美化頁面給網頁添加動態行為的能力。最后以網頁與網站設計原則為指導，設計開發一個綜合項目。該綜合項目要求要有鮮明的主題，內容與形式統一，個性突出、布局合理、配色美觀。可以看出，通過本課程技術層面的學習，為學生奠定了制作綜合項目的技術基礎，而其掌握的網頁與網站設計原則又將反作用于其網頁制作的行為上，提高其網頁制作水平，逐步達到技術與設計的和諧統一。

4 《網頁設計與制作》課程考核體系

本課程的考核方式為考察，主要考察學生的實踐能力及學生網頁與網站設計原則的掌握情況。將平時表現，上機項目完成情況、綜合項目的開況相結合，從而得出學生的最終成績。

考核方案設計如下。

平時表現10分：包括上課出勤，上機出勤。有課堂主動回答問題的額外加3分。

上機實驗40分：內容包括：包含文本、圖像、超鏈接、多媒體的簡單網頁設計（3分）；包含表格的簡單網頁設計（3分）；包含表單的簡單網頁設計（3分）；利用框架進行簡單網頁設計（3分）；利用CSS樣式表美化網頁（10分）；利用表格進行網頁布局（3分）、利用DIV進行網頁布局（5分）、利用DIV嵌套表格進行網頁布局（5分）；利用javascript實現網頁特效（5分）。

綜合項目開發：通過本課程掌握的網站設計原則及制作方法，完成綜合項目的設計與制作。（50分）

設計要求（25分）：需求分析充分，欄目設計合理，功能完善，網站深度不低于3級別（5分）；主題鮮明，頁面布局合理，配色和諧，形式美觀，風格統一（10分）；logo、banner的設計應突出主題，與頁面風格相協調（5分）；要有便捷的導航信息。網站內容豐富，具有良好的可讀性（5分）。

技術要求（25分）：站點文件組織規劃合理，主頁必須以index命名（2分）；代碼書寫符合XHTML語法規范（3分）；用Div對網站進行總體布局，局部布局可用表格（6分）；用css進行頁面的美化，對樣式的定義統一寫在外部樣式表中（6分）；多媒體元素運用得當，適合網絡傳輸（3分）；頁面中包含有JavaScript實現的特效（5分）。

5 結語

改革后的《網頁設計與制作》課程重視學生網頁設計能力的培養，在每一次的教學實踐環節中，都在強調網頁與網站設計原則，在潛移默化中讓學生學會用網頁與網站設計原則來指導自己的制作行為。在此原則的指導下，74名學生完成的綜合項目開發作品中，符合網站與網頁設計原則的作品有62.3%，其中優秀作品比例為 12.6%，較未實行教改前學生的設計與制作水平有了明顯提高。實踐證明，以“技術為設計服務”為指導思想的《網頁設計與制作》課程教學改革實在可行，提高了學生網站設計與制作水平，為其以后的就業打下了良好基礎。

參考文獻

[1] 邵小蘭.淺析網頁設計中的藝術設計[J].科技資訊，2011（15）：14.

第8篇：網頁設計方案范文

【關鍵詞】網頁設計；教學方法；實踐

擁有自己的網站是政府機關、企事業單位以及廣大網絡愛好者的共同需求，制作精美的網頁來吸引瀏覽者，提高網站的知名度，是大家共同的目標，而這一切都依賴于網頁的設計和制作技術的運用，因此，也說明了網頁設計與制作課程的重要性?！毒W頁設計與制作》是近年來計算機領域發展最快和應用最廣的課程之一，現階段急需培養掌握網頁設計、面向不同應用層次的人才。

1.《網頁設計與制作》課程的特點

《網頁設計與制作》課程的特點是涵蓋知識面廣，綜合性和實踐性較強?！毒W頁設計與制作》不是作為一門課程孤立存在的，它需要依靠多門課程的知識給予支撐。它們相互滲透和依賴，構成一個科學的、完整的課程體系。

《網頁設計與制作》課程的教學以“實用、必須、夠用”為原則，強化培養學生的實踐操作能力及分析應用能力，做到“講、學、練”統一協調。課時分配上注意將理論與實踐進行科學、合理的安排。突出實踐環節，注重培養學生的實踐動手能力，提高理論服務于實踐的意識。

2.《網頁設計與制作》課程的教學方法

2.1 項目教學法

將《網頁設計與制作》課程的總項目確定為開發一個具有一定實用功能的網站，并根據其中涉及到的知識點，將課程總項目劃分為若干子項目。項目以任務書的形式下發給學生，按制定計劃、實施、評價、和實際運行等階段寫出時間和目標要求。

2.1.1 制定項目計劃

對項目涉及的問題進行分析，確定操作步驟，選擇方法，制定計劃。在此階段，學生的主要任務是制定項目實施計劃。教師的主要任務是關注學生的做法是否正確，啟發和指導學生。在教學中采用分組法，將班級學生分成多組，每組人數約8人，選派一名“項目負責人”，為了讓大家都能得到鍛煉的機會，一般讓團隊的學生輪流當項目負責人。學生以團隊為單位制定項目計劃。例如，在做“學院主頁”這一項目時，教師將此項目的學習目標和能力目標告訴學生。然后和學生一起分析項目，制定完成項目的基本步驟：首先確定網頁的主題、內容、布局結構、色彩設計方案等以及團隊人員的分工安排；然后根據設計繪制草圖；最后寫成項目計劃書。項目教學注重學生主體作用的發揮和綜合能力的培養，在制定項目計劃過程中，教師要重視學生個性發揮，鼓勵學生形成自己的特色。制定好計劃后，教師要讓每個團隊的“項目負責人”介紹制定的計劃，并說明設計理由。通過對項目計劃的介紹，一方面可以提高學生的表達能力，另一方面，學生之間可以互相啟發和學習。教師適當的把自己的見解和意見告訴學生，幫助提高計劃的可行性。

2.1.2 實施項目計劃

在實施過程中，要求學生注意兩點：一是團隊的合作精神和工作效率；二是要求學生認真記錄每個操作步驟和過程。教師不僅要為學生提供充足的資源，而且要在學生實踐操作過程中邊觀察邊指導。學生在制作網頁時，由于分工不同，處理圖片的學生與設計版式的學生往往不是同一人，處理出來的圖片經常會與布局規格不一致。教師要及時指導學生按照計劃書的設計圖進行設計，指導“項目負責人”組織好團隊，與同學做好交流和溝通。有時候，計劃書里一些預期的設計效果學生不能完成，如層的精確定位、FLASH動畫的透明顯示等，教師可及時進行指導，一方面可加深和鞏固所學的知識點，另一方面，提高學生的學習積極性。

2.1.3 項目評價

學生在完成項目后，教師要求他們進行自評和互評。學生對各自項目自評，不僅有利于學生的自主學習，而且可以改進課程或教學的設計，其作用是重視學生學習主體，重視學生的反思，以促進學生的發展。學生互評是讓學生對學習成果進行共享，從學生的角度發現問題以及提出改進意見，教師要引導學生盡量客觀地從正面進行相互評價。

首先讓每一組同學進行自評，完成自評過程后，請每一組以項目負責人為主，介紹本組設計的網站，在介紹過程中要求說明各自網站的設計的過程，遇到過什么問題，這些問題是如何解決的。其他組的同學可提出問題，讓設計者解釋網站所用的相關技術及特點，隨后進行互評。在評價過程中要充分發揮學生的評價能力，適時引導學生通過自我反思和相互評價了解自己的優勢和不足，學習別人的特長和優點，以評價促進學習，讓學生在互評中相互學習、相互促進，共同提高。最后教師對各項目組的網站進行綜合評價，這一工作很重要，是必不可少的。教師在評價學生網站時不能只進行優劣評價，而應該要指出問題所在，給出具體改進及修改建議等，讓學生去完善網站。

2.1.4 項目歸檔及

項目完成后，歸檔工作也是網站工作的一部份。要求每個項目組對各自網站設計時的書面材料的右上角標注編號，并做好各種材料的目錄表。對文本文件，圖像文件，Flas文件、聲音文件、視頻文件，以統一的格式保存，做好這些文件材料書面記錄。記錄好在網站設計過程中使用過的軟件名稱、型號、版本號和相關參數手冊、說明資料等。最后刻錄好光盤，做好用戶手冊，并制作好電子文件的備份。

每個項目組，申請一個域名及網站空間，并把各自的網站傳送至Web服務器中，完成站點的工作。進行市場化運作的項目交用戶驗收使用，并要經常對用戶網站進行維護和更新，以提高網站的訪問量，達到好地宣傳效果。

實踐表明，以項目為驅動的教學方法，有效地建立了課堂與社會現實生產生活的聯系，使學生學習更有針對性和實用性，為以后進入實踐和實習打下了基礎；同時也有效調動了學生的積極性，充分發揮了學生的主動性和創新精神。

2.2 案例教學法

從《網頁設計與制作》課程的實際問題出發，精心準備各種典型案例，構建課程的宏觀教學設計。例如，層與導航、書籍專賣、旅游網站、房地產公司網站、個人網站等。以若干個案例為載體，形成循序漸進、種類多樣的項目群，構建完整的教學布局。在案例教學中，首先要確定掌握哪些基本原理，然后，再選擇出能夠說明這些原理、理論的案例來。具體實施步驟如下：

2.2.1 收集和整理素材

這是實施案例教學法的基礎和前提。信息是網站的根本，根據網站主題內容收集各種信息資料。如學院網站包括：學院簡介、專業簡介、招生就業等內容資料。整理資料則是根據將上述收集到的資料進一步挑選和細化，收集到的網頁素材應落實為站標、內容、導航欄等頁面元素。將收集到的資料轉換成網頁所能識別的文件格式。我們可以在各類網站收集或自己制作所需的網頁素材，以便在教學案例中使用。

2.2.2 選擇和設計網頁案例

在選擇和設計教學案例時應注意幾點：一是案例必須具有教學性：通過直觀的網頁案例可以形象生動的展示學習的目標，也使學生能明確所學知識的實用價值，從而提高學生學習的興趣和積極性，這也是運用案例教學的主要目的。二是案例必須具有典型性：所選擇的案例要能充分地考慮理論知識點和操作技能等學習目標，應遵循由簡到繁，由易到難，循序漸進地原則。所選擇和設計的網頁教學案例更要能突出重點，突破難點，真正起到幫助學生理解如何制作和設計網頁的作用。三是案例必須具有針對性：選擇和設計教學案例應針對學生的實際興趣和接受能力來選擇，這樣學生就會學得興致盎然，教師的點撥也會事半功倍。

2.2.3 演示和講解網頁案例

通過案例演示，提出問題，講解案例應用背景，給學生一個切入點，建立感性認識。目的是激發學生的學習興趣、讓學生感到學有所用，從而明確本次課的教學目標。將案例分解為若干個可行的任務，然后在一個個任務的驅動下，逐步完成案例的演示。一個網頁案例往往包含了多個知識點，授課教師在講操作時如果一口氣把整個案例過程講完，學生雖然能聽懂，但不能記住。因此必須分步驟講解，新知識點越多，步驟應分得越細。教師每講完一步就要讓學生練習一步，學生練完、練會后，老師再接著講。這樣直到學生一步一步地跟著老師把整個案例完成為止。教師在授課時一定要注意控制好速度，在講到一些新知識點或學生操作比較生疏時，速度要盡量放慢些。一段時間后，學生有了一些基礎，講課速度可稍快些，特別是一些已經學過的知識點，可以快速講解，甚至可以略過而只講新知識點，以便多節省點時間給學生練習。

2.2.4 總結和應用

在每次課結束前，引導學生進行歸納總結。對本次課的實際意義、重點、難點、容易出錯處等及時進行總結。并針對案例的不足之處，進行引申和提高。注意在這個階段，強調的是“引導”學生，而不是老師講解。

案例源于生活，最終要應用于生活。為了使學生能學以致用、舉一反三、觸類旁通，每次教學結束時及時布置相關的課后練習，使學生在課后進一步復習鞏固，并且將課后作業納入形成性考核的內容之一。同時給出下一次課的學習內容，提示學生預習。

在《網頁設計與制作》課程中采用案例教學法，讓學生對網頁設計的基本理論知識的理解和技巧的掌握更具體化。案例教學法對激發學生的學習興趣、提升學生的學習效率作用十分明顯。

3.網頁設計實踐環節

當學生已基本掌握了本課程的大部分內容時，可以布置一份綜合作業，要求每位學生設計一個網站。要求學生對自己的網站要做到既有鮮明、統一的風格又有完善的內容，將頁面的結構、圖片的位置、鏈接的方式設置合理，做到網頁布局的和諧統一，并且還要做到容易更新等。要做到這些，就必須在制作網站之前，對網站進行一個總體規劃，然后再逐步進行設計。

為了讓學生有良好的創作技巧和獨特的風格，把綜合作業布置之后，先讓學生進行選題，構建出自己的網站結構，再上網查詢相關的資料，然后對網站進行規劃，寫出書面的網站設計方案，教師對每個學生的方案進行審查和評閱，及時指出應改進的地方和存在的問題，符合要求了，學生方可開始制作。

3.1 培養自主學習能力和基于問題式學習能力

綜合作業里貫穿著問題式學習方法，完成綜合作業需要學生發現問題，帶著各種問題，考慮自己要學習哪些內容，在課后自行學習課堂和書本上未曾講過的知識，需要自行查找大量的資料，確定設計方案，獨立完成從設計、測試、排除問題到實現的全過程，通過綜合作業，培養學生靈活運用所學知識解決比較復雜的實際問題的能力。

3.2 培養團隊合作精神

在實際工作中，很多工作都不是一個人能獨立完成的，這就需要團隊合作，以集體的智慧攻克難關。學生在完成綜合作業的過程中，勢必要遇到一些相對比較棘手或者百思不得其解的問題，這個時候同學之間的溝通與交流乃至合作是非常必要和有益的。在對問題的討論過程中不僅能了解對同一問題的不同解決方法，更能加深對知識的理解，同時學生自身的能力也在這一過程中獲得了提高。

3.3 鼓勵學生勇于創新

在布置綜合作業的時候，要給學生留有充分發揮的空間，鼓勵學生勇于創新，最大限度地接觸最新技術，鼓勵學生敢于向難題挑戰。在滿足綜合作業基本設計要求的前提下，鼓勵學生自行添加附加功能，為自己的作品“錦上添花”。在網頁設計綜合作業中，個人網頁設計精彩紛呈，有些沒有講過的技術，學生也能應用。學生的思維是非常活躍的，只要加以正確的引導，在建立了興趣的基礎上，他們總能帶給我們“意外的驚喜”，甚至是驚嘆，教師在這一過程中也能從學生那里學到一些新知識。

學生在完成綜合作業以后，不僅僅增強了動手能力，鞏固和提高了對知識的掌握和理解，更是極大地培養了創新意識與創新思維。我們只有讓學生在快樂的基礎上主動學習、實踐，讓學生在學習的過程中嘗到成功的喜悅，感受到自身能力的提高，增強學習的主動性，才能夠真正達到學習的目的，才能最大限度地將“以學生能力發展為本，培養學生的創新意識與創新思維”的教學理念滲透進教學中去。

4.結束語

《網頁設計與制作》課程教學內容活潑多樣，教學方法靈活多變，目的明確。實踐證明，以上教學方法及實踐環節，都充分調動了學生的學習積極性，體現了以學生為主體的思想，充分體現了理論與實踐的緊密結合，學生既學到了理論知識也掌握了實踐技能，提高了學生的技術應用能力，收到良好的教學效果。

參考文獻

[1]劉英暉.探索項目導向法在《網頁設計與制作》中的運用[J].制造業自動化,2011

(6):188-190.

[2]韓勇.案例驅動教學法在《網頁制作》課程分階段教學中的運用[J].電腦與信息技術,2010(4):68-70.

第9篇：網頁設計方案范文

關鍵詞:行動導向 教學方法 網頁設計與制作

行動導向教學法以職業活動為導向,以人的發展為本位,是世界職業教育中比較先進的教學法。本文對行動導向教學法在網頁設計與制作課程中的應用進行了探索,目的是通過教學改革,找到更加適合高職計算機應用學科的教學方法。

一、行動導向法的概述

1.行動導向法的概念

行動導向法以學生為中心,以能力為本位,以教會學生“學會學習、學會工作”為目標而開展教學活動。行動導向法是教師營造一種仿真環境和氣氛,通過師生共同確定學習任務和目標,引導學生在學習過程中,心、手、腦并用,教、學、做結合,以達到培養學習興趣、掌握專業知識和技能、提高解決實際問題和互助合作等關鍵能力的教學方法。行動導向法的核心是注重學生個體行為能力的培養,注重激發學生自主學習的積極性,引導學生在學習中自主承擔責任、自主決斷、自主選擇和向實踐學習,對于培養人的職業素質和關鍵能力有著十分重要的作用。

2.行動導向法的基本特點

(1)“以學生為中心”是行動導向法的基本理念

“以學生為中心”是行動導向法的一個基本出發點。教學過程中,學生是真正的“主角”。行動導向法提倡學生積極、主動參加到學習過程中來,對自己的學習負責。教師多以指導者和協調者身份出現,從教學過程的主要承擔者淡出。

(2) “以能力為本位”,強調關鍵能力培養的重要性

行動導向法在培養學生發展專業技能的同時,特別重視培養關鍵能力(也稱通用能力,即跨職業的、可遷移的、有助于終身學習的、可發展獨立性的能力),使學生成為崗位適應性強和積極上進的高素質勞動者。關鍵能力是指與專業內容相聯系的核心能力和技能,包括專業、方法和社會能力三個方面,具體表現為解決問題的能力、掌握學習技能、獨立學習和團隊合作等能力。行為導向法重視教學過程中學生的參與性和探索性,使學生的學習過程成為獲得積極、愉快和成功體驗的過程。

3.行動導向法的常用模式

行動導向法在教學實踐中形成了多種模式,如案例分析、項目驅動、情景模擬、角色扮演等。行動導向法其目的在于有效地提高學生的關鍵能力,使學生學會學習、學會應用、學會創新。

(1)案例分析:是指把實際工作中出現的問題作為案例,交給學生研究分析,培養學生的分析能力、判斷能力、解決問題及執行業務能力的培訓方法。

(2)項目驅動:這是行動導向法中的一種代表性的教學方式。它以“項目”為形式,“成果”為目標,采取團隊合作的方式,指導學生完成與教學內容密切相關的仿真學習項目。將一個相對獨立的項目,交由學生自己處理。信息的收集、方案的設計、項目的實施及最終的評價都由學生自己負責。學生隨著該項目的進行,了解并把握整個過程及每一環節中的基本要求。

(3)情景模擬:是指通過對事件或事物發生與發展的環境、過程的模擬或虛擬再現,讓受教育者理解教學內容,進而在短時間內提高能力的一種認識方法。采用這種方式,學生可以在教師指導下,通過情景模擬,充分發揮主觀能動性和聰明才智,培養分析解決問題的能力。模擬訓練給人一種身臨其境的感覺,更重要的是提供了許多重復的機會和隨時進行過程評價的可能性,且成本較低。

(4)角色扮演:在職業教育培訓領域引入角色扮演法,既可讓學生體驗未來職業崗位的情感,從而深化對學生職業能力的培養,又可使學生在感悟職業角色的內涵中,調動學習的內動力,把職業知識與職業技能與職業心理有機地結合在一起學習,形成良好、規范的職業行為,所以具有良好的教育教學效果。

4.行動導向教學法實施過程

行動導向教學法實施包括資訊、計劃、決策、實施、檢查、評估。每個環節都有教學目標要求、能力培養要求、工作方法要求和完成時間要求。在行動教學中,教師可以將一個合同項目分成若干個任務,每個任務可以作為一個教學小單元,每個教學小單元都按照這6個環節展開教學。

(1)資訊:教師布置任務,幫助學生理解工作任務的要求。引導學生用什么方式來獲取完成一個具體任務所需要的專業知識和職業技能。

(2)計劃:學生一般以小組方式工作,尋找與任務相關的信息,自己制定計劃,進行工作過程步驟的設計,擬訂檢查、評價工作成果的標準。

(3)決策:學生自己比較計劃,最后確定一個好的工作計劃上交,師生通過討論、交流共同找出設計方案的缺陷加以修正。

(4)實施:學生根據計劃獨立開展工作活動,完成設計和模擬,做好有關文字記錄,教師監督糾正大方向。

(5)檢查:在工作任務完成后,教師引導學生自查,師生依據先前擬訂的評價標準檢查工作完成的完整性、正確性和準確性,并逐項填寫檢查單。

(6)評估:任務結束后,學生首先自我評價所承擔任務的過程和結果,然后與教師一起討論評價結果,提出不足及其改進建議。

在行動導向教學中,學生直接參與學習過程。從收集信息、制訂計劃、選擇方案、實現目標、反饋信息到評價成果,學生參與整個過程的每個環節,既了解總體又清楚每個細節,行動導向教學創造了使學生充分發揮潛能的寬松環境。

二、行動導向法在網頁設計與制作課程中的應用案例――項目教學法

項目教學法是師生通過共同實施一個完整的項目工作而進行的教學活動。在職業教育中,項目是指以生產一件具體的、具有實際應用價值的產品為目的的工作任務。在網頁設計與制作課程中使用項目教學法的實施過程是:

學習領域:網頁設計與制作;

學習情境:靜態網頁設計;

目標群體:電子商務專業的學生;

授課時間:第一學年第二學期;

教學環境:多媒體機房、Dreamweaver 8、Photoshop、Flash、Fireworks;

教學目標:使學生能夠依照要求使用網頁制作軟件工具自行制作、設計、編輯靜態網頁。

表1能力目標

行為

專業

能力 依照要求掌握網站建立的基本方法,能設計制作網頁

方法

能力 正確使用電腦和網頁設計軟件對網頁素材進行加工、處理,并符合W3C規范

社會

能力 小組間協同合作,完成各個項目

表2 教學策略

學習材料 組織

形式 教學方法 教學媒體

網頁設計與制作

Photoshop圖形

處理與應用 分組

形式 行動導向項目法 使用電腦,投影儀、網絡、多媒體電子教室等

教學過程:

1.確定項目(教師向學生下達項目書)

全班每5~6人為一小組。組成原則為自由組合,每個小組選擇一個主題制作一份網頁,制作過程要求體現分工協作精神。

制作要求如下:網頁設計一般要與企業整體形象一致,要符合CI規范。要注意網頁色彩、圖片的應用及版面規劃,保持網頁的整體一致性。要求體現對字體、顏色的使用技巧;能夠體現對網頁背景的設計技巧;能夠體現網頁文字排版的設計技巧;要求網頁具有美觀、實用性。時間15天。

2.制定計劃

每個小組按要求分工,進行市場分析、網站目的及功能定位、網站內容規劃、策劃網站結構,網頁設計的技術方案選擇。制定工作計劃和評價標準。

3.計劃審核

小組內討論審核工作計劃,并上交教師,師生共同找出所設計方案的缺陷,并加以修正。

4.實施計劃

上網搜索相關圖片和文字素材,進行網頁制作。

5.檢查評估

(1)小組自評(20%)

整體構思與

制作是否相符(滿分3分) 主題是否突出,是否緊扣要求(滿分2分) 網頁的實用性、美觀性,創新性(滿分3分) 分工協作

(滿分2分)

(2)小組互評(40%)

組別 美觀性

(滿分2分) 實用性

(滿分5分) 創新性

(滿分3分)

(3)教師評分(40%)

組別 美觀性

(滿分2分) 實用性

(滿分5分) 創新性

(滿分3分)

三、對行動導向教學方法的幾點體會

1.教師的工作重點應放在基于行動的教學設計上。課堂教學中,教師是咨詢者和組織者,是課堂學習舞臺的導演。

2.行動導向是通過“步驟”和參照所要完成任務的實際“工作過程”來導向老師和學生的行為。它改變了“一人講,多人睡”的傳統教學模式。

3.行動導向教學法的教學情境在教學內容方面,要對知識的選擇有明確的指向性,要善于獲得經驗(怎樣做)和策略(怎樣做更好)的過程性知識,以適應行動導向教學方法的要求。

參考文獻

[1]史平,秦旭芳,張研.高等職業教育的有效模式:行動導向教學法[J].遼寧教育研究,2008,5

[2]宋威. 行動導向法在高職金融專業中的應用[J].社會縱橫,2009,1