網站設計要點精選(九篇)

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

第1篇：網站設計要點范文

【關鍵詞】智能電網；區域電網；規劃體系

隨著社會經濟的不斷發展，對電力能源的需求也越來越大，為了不斷提高電力供應的可靠性和安全性，加大信息化控制技術在電網建設的作用，建設智能電網，是當前電力行業實現可持續發展的首要問題。在當前形勢下，對智能電網的發展要求和區域電網的規劃體系設計建設進行探討，具有實踐性的意義。

一、智能電網概述

智能電網概念首先由美國電力科學研究院在2001年首先提出，并在2003年啟動了智能電網的研究和建設。我國在2009年提出了堅強智能電網的發展計劃，同年即啟動了相關的標準編制、研究計劃、專項技術研究和試點工作，我國的智能電網以建設特高壓電網和實現各大電網之間的協調發展為重點。根據我國國家電網對智能電網的定義，智能電網是指以特高壓為電網主干、各級電網協調發展為基礎，利用信息、通信和控制現代化技術，實現電網的自動化、信息化和互動化的電網技術。智能電網較于傳統的電網技術相比，具有自愈性、交互性、智能性、兼容性和優化性等多個特點。

二、智能電網的性能要求

智能電網技術對傳統的電網提出了新的性能要求，主要體現在自愈能力、互動性、兼容性、優化性和多元性幾個方面。

1、自愈性

智能電網利用信息和控制系統，可以實現對整個電網的實時監控，在發現問題時快速的進行判斷并作出保護動作，如將發生故障的線路或者電氣元件隔離，及時的進行恢復供電，保證不發生大面積的停電現象。此外，實時監控系統還可以根據數據對電網的運用狀態進行預測，如將大電網按照風險隱患的等級劃分，對不同的等級采取不同的預防和控制的手段。

2、兼容性

智能電網要求可以實現多種發電模式的接入，具有很好的兼容性。在分布式發電和可再生新能源發電等多種發電形式發展的形式下，傳統的電網難以實現這些電力的兼容和接入，但智能電網可以實現。智能電網可以同時將集中式發電、分布式發電、可再生能源發電和染料電池發電，這一技術有其是對于可再生新型能源的開發利用具有重要的意義，我國光伏企業并網發電，即極大的促進了光伏發電產業的發展。智能電網的兼容性有助于改善電力結構，促進電力發展的綠色、環保和高效利用，符合和諧發展的理念。

3、互動性

新的電力發展形勢對電力企業與用電者之間的電力營銷工作提出了新的互動要求，包括友好的信息顯示界面和及時的信息傳遞和用電需求管理等。與傳統的電網相比，智能電網依靠其通信和控制系統，可以實現雙向的互動，這對于改善用戶的用電體驗，具有很好的效果。電力企業通過與用戶之間建立雙向的通信系統，企業可以對的用戶的用電情況、成本、安全用電情況、電費收繳情況等進行了解，用戶也可以根據這些信息制定合理的用電方案，從而實現的供需雙方的有效溝通，提高電力資源的利用率。

4、優化性

智能電網技術包含智能化的電力調度系統，可以根據對電網運行數據的分析，根據電網電源分布、用電時間段的分布、電網荷載傳輸情況等對電力進行調度，實現以最小化的電網運行成本實現最大的優化運行效率。智能電網還能實現對電網損耗的有效控制，識別無論是自然狀態下的能源損耗還是人為破壞的能源損耗，通過與現代化建筑物智能電氣系統之間的聯系，將整個電網的電力損耗降到最低，實現電力資產規劃、建設、運營、維護等多個環節的優化。

5、多元性

智能電網可以有效的調節供需關系，通過對電力系統規劃、運行和提高電力供應的可靠性，促進電力企業的市場化運行，實現電力市場的公平競爭。智能電網以物理的輸配電網絡作為主體，以雙向、集成、高效的信息控制系統作為平臺，實現對電網的監測、控制、調度、市場運營和維護處理等多種業務，實現電網業務的多元集成化。

三、智能電網發展對區域電網規劃體系設計建設要求

智能電網和電力環境的發展，對區域電網的規劃體系提出了新的要求。如智能電網的的場網分開對發電和輸電環節的新要求；新能源接入的要求；電力市場改革的要求；能源環保的要求；潮流電力需求對電力調度的要求；區域的電力資源配置要求；電網主網架需要適應不確定的負荷變化的要求。對于區域性的配電規劃，還要實現電動汽車、自行車等公共充換電設施、光纖入戶、智能變電站、故障診斷自動化、用電信息采集、智能抄表和收費等自動化的建設?，F行的電網規劃體系幾經難以滿足智能電網的發展需求，新的區域電網規劃體系設計建設需要注意以下幾個方面，即電網性能、電網效率、成本和社會效益四個方面。

1、電網性能

圍繞電網的可靠性展開設計，進行預想事故集的研究，是智能化的區域電網建設的一個重要環節。為適應智能電網新的性能要求，必須對傳統的電網進行完善和升級，建設多適應性的智能電網規劃體系，其中對區域供電可靠性的影響因素和處理措施以及區域電網的預想事故集等研究，是規劃新體系中重要的基礎工作。

2、電網效率

區域電網協調規劃、節能調度規劃和電網靈活規劃是智能電網實現新能源接入和節能降損、提高電網整體效益的基礎保障。智能電網建設的重要改進就是引入了新能源的接入、信息化的通信和控制方案、智能化的決策系統等。這些新技術的引入對本來就受到市場、政策等因素影響而產生不確定性的電網規劃變得更加的復雜。靈活化的智能電網建設規劃，可以具有較強的抗擾動能力。區域電網協調規劃是解決新形勢下區域電網所面臨困難的重要措施。在我國電力規劃中，特高壓建設是建設的必然選擇，特高壓電網的建設，對區域區域500kv電網的建設規劃和運行方式、作用功能定位等造成影響，研究500kv區域電網與特高壓電網之間的關系，對于實現智能電網區域電網配置、網內調峰電源、網內電源與區外電源的協調發展、調峰資源的統籌管理和優化等具有重要的作用。輸電線走廊問題也是當前電網建設的關鍵問題，需要通過新技術來提高輸電線路的輸電能力。

3、成本要求

當前的電網規劃，對成本要求的控制只要集中在前期電網建設的環節的資本投入上，對于電網后期運行、維護、修理和報廢處理等諸多環節的成本管理沒有進行規劃。缺乏系統完整的成本控制，是由于電網規劃與工程施工、電網運行和維護以及設備處理等多個環節之間聯系不緊密的問題造成的。新一代智能化的區域電網規劃體系需要考慮到電網建設可靠性和經濟效益的統一，是當前電網規劃體系需要研究的問題之一。

4、社會效益

電力資源作為當前社會經濟發展的主要能源利用形式，在節能減排和綠色環保的經濟發展理念下，在電網建設中注重社會效益的發揮，是必要的內容。以風電和太陽能等新型能源接入為主要形式的新能源，具有間歇性、分散性等特點，實現這些新能源的接入，對智能區域電網規劃提出了更高的要求。以風電為例，需要建立風電發動機仿真模型，根據風電的特點以及接入會對電網產生的影響，構建適應大規模風電接入和運行優化的電網結構。

四、總結

智能電網的發展解決了傳統電網存在的弊端，也對傳統電網的規劃和調度模式等提出了新的升級和建設規劃要求。本文分析了智能電網發展需要的性能要求和在區域電網規劃體系設計中需要注意的問題，以期推動智能電網建設事業的發展。

參考文獻：

第2篇：網站設計要點范文

關鍵詞：Flas；網站制作；應用分析

近十幾年來，Internet以前所未有之勢使應用程序開發領域發生了根深蒂固的變化，許多組織越來越依賴于由Internet及相關技術提供的數字資源和通訊信道。因為Flash文件較小，所以特別適用于創建通過Internet提供的內容。Flash是通過廣泛使用矢量圖形做到這一點的。與位圖圖形相比，矢量圖形需要的內存和存儲空間小很多，因為它們是以數學公式而不是大型數據集來表示的。位圖圖形之所以更大，是因為圖像中的每個像素都需要一組單獨的數據來表示。

一、Flas在網站設計中的應用

Flas已經成為網上活力的標志，并應用這一技術與電視、廣告、卡通、MTV、制作等方面結合進行商業推廣。這樣，F1as將作為一種產業滲透到音樂、傳媒、廣告、游戲等各個領域，開拓發展無限的商業機會。Flas在網站中的運用，從簡單的流式動畫到復雜的交互式Web動畫，都體現出了FIas的優勢。

（一）Flas在網站設計中的部分應用

在網站設計中，Flas作品除了以“流式播放動畫”播放以外，如：Flas短片、FlashMV，還具有一定交互性特點的形式。有些網站的引導界面做成Flas形式，一般由Dreamweaver軟件來完成，做成靜態頁面。當然，大部分這類頁面全部是靜態，但也有某些網站做出以下設計。如：網站中的Flash網絡廣告、Flash形象展示動畫、網站導航欄動畫、圖片展示動畫、Flash交互動畫、及由Flash制作完成的網站注冊、登陸、計算等系統。

在靜態頁面中，如果把這些做成動畫形式的話，無疑能起到生動、裝飾的作用，對瀏覽者具有充分調動的作用。但是不宜太花、太亂，否則，就會起到反作用，不但使瀏覽者眼花繚亂、煩躁，而且會給企本網站效應大打折扣，顯得煩亂，缺乏信任。

（二）Flas在整站網站設計中的應用

前文中提到過，除了采用Flash制作相關的貞面外，也有一些網站，為了展示自己的個性，使用Flash來制作整個站點。

整個站點從概念上就己經包括所有視聽元素部分及版式的設計。網站引導界面的設計估且不說，由其引導進入的內頁面這整個系統都是由Flash軟件來制作，就包括上文列舉的視頻、Flash廣告動畫、Flash交互動畫、網站的Flash形象展示動畫、網站各級導航欄、圖片展示、文字、鏈接、色彩、音樂、聲音、游戲及網站注冊、登陸、計算系統等。這樣的Flas網站，感覺都十分炫，具有很強很獨特的個性，基本上能完全調動瀏覽者的積極性，給人以活躍的心理感受。

為了提高網站的美觀性，和一些廣告廠商的利益獲取性，我們經常會看到好多內嵌式或漂浮式的廣告，吸引我們的注意。好的動畫，需要有好的設計，需要我們潛心去研究、思考，既能使網站充分利用其生動活潑的優勢，又不會因其一些限制因素，而使瀏覽者產生不好的心理感受，以至于影響到網站和瀏覽者的互動。

二、Flas的發展

無論是國外還是國內，近幾年的動畫都在蓬勃地發展。信息 網絡 技術開啟了人類新的生活、新的實踐。網絡技術的出現，給動畫 藝術 提供了一個嶄新的演示平臺。在提倡個性化創作的今天，網絡動畫更加適合現代動畫制作者的口味，并隨之進入了千家萬戶?，F在有許多專門的如“Flashempire閃客帝國，大話三國，閃盟在線”等這樣的一些網站，這里面不僅擁有大量的Flas供愛好者在線觀看，而且還是Flash愛好者們的一個專門交流的空間。的確，它的發展讓人不得不刮目相看。

Flash作為現代一種新的設計方式和娛樂方式，不僅有其實用功能，并且還有視覺和聽覺上的雙重享受，更因為它具有的趣味性， 它作為一種強大的動畫制作軟件，在視覺表現上較普通的網站有很大的優勢，因此，被廣泛用于網絡的制作中。最初用于網站片頭，現在己經大量運用于宣傳 企業 產品的網絡廣告。另外，電視臺也開始播放Flash制作的短劇和廣告。將動畫加上 音樂 及歌詞就成了MTV，這也是Flash最擅長的一面。制作交互多媒體是Flash的優勢所在，Flash制作的導航界面，隨著鼠標的各種動作可以產生動畫、聲音。還能使網上游戲更具吸引力。隨著動畫在各個領域中的不斷深入發展，已經無法簡單地估計動畫的前景將會怎樣，但我們堅信動畫將會帶給我們無限的驚喜和激動?，F在國家對動畫事業的高度重視，加入動畫行業的人員也越來越多，我們期望著動畫事業更加蓬勃地向前發展。

三、結束語

FLASH網站有著體積小、效果好、跨媒體性強、成本低廉、視覺沖擊力強、Flash的廣告形式具有很強的親和力和交互性。從創意的角度來說，在網站中插入FLASH的思路更為奇特和夸張，但它同樣遵循傳統網站的制作思路和制作要點，注重跨媒體傳播創作者和客戶合作的過程中，最好不要局限于“我在做網站”的思維，因為，在網站中插入Flash除了能在網絡上以外，還可以在傳統電視、樓宇電視、手機等載體上、所以要有制作精品的信念，這樣才能使網站的前景更為廣闊，才能為更多的商家和目標受眾所青睞。

參考文獻：

第3篇：網站設計要點范文

>> 基于的交互式動態企業網站設計分析 基于網站搜索引擎優化 基于Web的技術的網站設計 基于的博客網站設計研究 基于技術的網站群系統設計 基于的報社網站設計 基于平臺的網站設計要點概述 基于的倉儲系統 基于的網站開發前端技術優化研究 基于ASP的購物網站設計 基于的企業門戶網站建設探討 基于物流系統 基于技術實現網站會員注冊系統 基于ASP的在線考試系統 基于ASP與sqlserver的新聞 基于的Web注銷功能的實現 基于的學生考勤系統的設計 基于 的SSO 的設計與實現 基于的學生請假系統的研究 基于的墓園管理系統的開發 常見問題解答 當前所在位置：l類型網站，更多地選擇利用技術平臺和Visual 語言開發企業網站。企業網站是企業面向社會和其他企業窗口，對展示企業文化、傳播企業精神內涵、擴大企業間交流有重要意義。因此，企業網站除了頁面上的美觀、內容上的豐富度要求以外，為了實現企業間交流、展示企業文化內涵等目標，相應的對企業網站的性能提出了更高要求。其中包括：響應時間、數據有效吞吐量、最大訪問量等性能需求。針對這些問題，本文從緩存、數據庫、用戶狀態等幾個主要性能方面進行探討。

1緩存技術

何為緩存技術？緩存技術是在網絡時代背景下，廣泛用來提高計算機性能的一種技術，其本質上是將用戶訪問頻率較高的內容或數據暫時通過內存的方式存儲在個人設備中。由于會在用戶首次訪問某些數據時進行自動編譯，這些編譯數據將在服務器界面留下緩存，因此首次打開某些界面會出現讀取緩慢現象，這些現象在多次訪問后會有所改善，這是由于再訪問時這些數據并非逐一讀取，而是直接提取緩存的方式進行訪問，這必將提高網站的讀取速度并能夠適當增加網站的擴展性能，響應速度也會極大提高。緩存技術在現代網絡中被廣泛應用也是這一原因，其對響應速度的提升是不容小覷的。

如何實現緩存技術的優化，將是如何提高基于企業網站訪問效率、響應速度的關鍵。對此有以下幾種方法。

1）數據的分級釋放，由于首次訪問時訪問數據和緩存數據基本上是同期進行，計算機的性能和執行進程的數量相關，一般來說，進程數目越多、進程內存越大，計算機所需要的響應時間越長。因此我們可以將緩存方式進行優化，實現數據的分級釋放。

舉例來說：用戶首次訪問企業網站時，數據開始釋放并進行緩存，如果緩存服務器所有數據內容，這項數據處理量將是極其龐大的，用GB計量甚至TB計量，即使不需將這些數據全部提取并打開，但是自動緩存還是會進行下去，這將占用大量的計算機和服務器性能，對訪問效率和響應速度的影響極為明顯。將數據分級釋放能夠較好的避免這一問題，比如企業網站首頁和首頁直接導航鏈接為一級數據，用戶在訪問時優先緩存，次級鏈接的速度為二級數據，在用戶瀏覽一級數據時緩慢緩存，在瀏覽信息的同時緩存次級數據，能夠避免一次性緩存大量數據帶來的響應速度緩慢的弊端，是企業網站性能優化的一個重要方面。

2）頁面輸出優化處理，經常瀏覽網站的用戶應該都知道，一個頁面上會有需要圖文信息和不需要圖文信息，有時已經可以瀏覽到需要信息，但是網站還是在緩存不需要信息，訪問速度明顯受到干擾。企業網站優化時可以通過@OutputCache指令實現，通過增加用戶緩存控件，限制頁面輸出時間，例如%@OutputCache Duration=20 VaryByParam="None"%指令，限制頁面輸出時間，在20s內進行，20s內無論是否緩存完全部數據，強制頁面輸出，緩存工作可以放在瀏覽時再進行等。

2數據庫

數據庫是按照數據結構來組織、存儲和管理數據的地方，由于其像倉庫一樣的}儲功能，我們稱之為數據庫。數據庫在某一網站中具有重要意義，網站每一個等級的頁面輸出數據幾乎全部存儲在服務器數據庫中。換句話說，就瀏覽網站時可見的信息：圖文、表格等幾乎全部是服務器數據庫的內容物。數據庫的優化，是對服務器信息、數據的整理，重點在于頁面輸出通道和數據庫提取通道之間的連結和優化。

1）jE確使用連接池。連接池是將數據庫資源和頁面進行連結，連接池使顯示數據和請求訪問數據可以對號入座，使訪問更具效率、縮短響應時間等。網絡黑客、木馬等病毒其工作原理就是通過修改、篡改、釣魚等方式干擾連結池，使用戶請求信息無法準確傳達到服務器中心，從而使數據庫提取有誤的信息，強制使用戶瀏覽、閱讀。

中提供了有效的連接池，用來改善打開和關閉數據庫對服務器性能的占用，其能夠在收到請求信息后，直接從數據庫中提取有效信息，從而達到迅速響應的結果。但是連接池有一個弊端，就是訪問數量有限，無法處理過于大量的請求和信息，因此正確使用連接池的關鍵在于處理好連接池的打開和關閉時間，收到用戶請求時迅速打開，使用完畢后或是長時間沒有請求信息時關閉，這些可以通過編程代碼實現。此外，必要情況下可以通過增加連接池數目的方式，提高負載能力。

2）精心設計并使用存儲通道。網站的數據儲存過程是通過SQL語句編譯實現，存儲過程是對服務器數據庫的即時訪問，信息處理速率也相應較高。正確使用存儲通道可以有效避免對重復數據的多次編譯，有效降低服務器負載。并且存儲過程獨立于程序，修改也較為簡便，語句傳輸速度也較快。

第4篇：網站設計要點范文

關鍵詞：響應式；媒體查詢；流式布局；彈性視覺媒體

中圖分類號：TP311 文獻標識碼：A 文章編號：1009-3044（2015）02-0057-03

1 概述

招生工作對惠州市技師學院來說，是一項非常關鍵的工作。近年來惠州市各類中職、中技學校的招生競爭十分激烈，因此迫切需要做好我院的招生宣傳工作，讓更多的潛在生源能更好的了解我院的招生信息?，F在越來越多的人使用手機上網，成為訪問互聯網的最常見終端。學校招生網站來自移動端的瀏覽量也日益龐大。但是我校的網站建設比較滯后，只有電腦版網站，手機端客戶訪問體驗十分不友好。因此迫切需要對我校的招生網站進行改進，使其在各種移動設備上都有良好的表現。

比較傳統的解決方法是通過開發專門的移動版網站來實現，即為不同的設備提供不同的網頁。然而，近年來移動設備的種類越來越多，移動版網站不僅要適應iPhone、Android等手機平臺，還需要考慮諸如iPad、Kindle、Galaxy Note 等平板設備。如果為每種設備都定制開發相應的移動版網站，一個網站就有多個portal（入口），不僅會大大增加架構設計的復雜度，也會提高維護的難度。

最新的技術是借助響應式網頁設計（Responsive Web Design）來解決此問題。響應式網頁設計（responsive web design，RWD）【1】，由伊桑?馬科特（Ethan Marcotte）在2010年5月提出。響應式網頁設計能自動識別屏幕寬度、并做出相應調整，實現同一個網站對多種設備的兼容。這對于我們構建適應移動設備的技工學校招生網站具有重要應用價值，既能節省開發和維護成本，又能夠獲得良好表現效果的移動端解決方案。

根據以上的分析，本文以響應式網頁設計技術為基礎，詳細介紹響應式技校招生網站的設計及實現要點。

2 響應式技校招生網站設計

2.1 網站功能分析及美術設計

技校招生網站主頁的設計需要符合職業技術學院的形象塑造，其內在設計需要使代碼和功能可以靈活，適應響應式設計的需求。因此前期的站點規劃非常重要，需要協調和兼顧外在和內在，前段和后臺的需求。在惠州市技師學院招生網站主頁規劃中，在對在校師生及招生部門工作人員進行調查后，最終確定了主頁的內容模塊和功能模塊。最終將頁面分為了頭部導航區，內容區，功能區，頁腳區四個主要部分。其中頭部導航區包含有LOGO、大圖展示、主菜單等；內容區包括招生快訊，報讀優勢，招生專業等；功能區包括公告欄，快捷導航等，頁腳區則是簡單的文字。

響應式設計的原則通常是優先滿足移動設備，并在此基礎上確定網頁在電腦等較大屏幕上顯示，這導致設計稿常常更傾向于移動端，弱化了非移動端用戶的視覺體驗。由于我校招生網站主頁的訪問環境目前仍然以非移動設備為主，其形象塑造主要基于電腦版本，在移動設備上的顯示優化更多來源于用戶體驗考慮。因此，在惠州市技師學院招生網站主頁的設計過程中采用了電腦版優先，兼顧移動設備的理念【2】。基于客戶體驗，我們的布局不是固定的，布局可以從三列變成兩列，甚至可以調整成單列。最終的設計簡稿如圖1，圖2，圖3所示。

2.2 構建網頁結構

美術稿確認后，下一步先構建相應的結構。招生首頁的html結構大致如下：

2.3 自適應實現要點

如效果圖所示，網站頁面需適應瀏覽設備的不同尺寸，動態地調整布局結構，元素規格樣式，將內容按照不同的格式呈現給不同設備尺寸的客戶。響應式設計就是通過媒體查詢，流式布局和彈性媒體的整合使用，達到更好地調整分辨率的效果。下面就是設計網站時實現響應式的關鍵技術【1】【3】。

2.3.1 媒體查詢

媒體查詢可以根據設備顯示器的特性為其設定CSS樣式。先編寫通用版的樣式，然后在該樣式的基礎上擴展其他媒體特性下的樣式?，F為平板設備和手機增加媒體查詢，實現代碼如下：

代碼中的"media"就是指特定的媒體類型，media 的值可以是屏幕（screen）、打印（print）、支持所有媒體介質（all）等。CSS3的媒體查詢還可以獲取設備的寬和高的值、設備的手持方向是橫向還是豎向、設備的分辨率、色彩深度等值。以上的代碼就通過媒體查詢針對視口寬度不大于768像素及不大于480像素的情況，調整相關樣式。

iOS和Android瀏覽器都基于 WebKit核心。這兩種瀏覽器以及很多其他瀏覽器（如 Opera Mobile），都支持用 viewport meta元素覆蓋默認的畫布縮放設置。我們需要關閉此項功能，禁止瀏覽器自動調整頁面的大小。需要在 HTML的標簽中插入一個標簽。標簽中可以設置具體的寬度（如像素值）或者縮放比例。

上述代碼告訴瀏覽器頁面的寬度應該等于設備的寬度。

2.3.2 流式布局

為使頁面布局能夠靈活適應終端屏幕寬度，招生網站主頁采用流式布局，即將頁面中欄目的寬度單位設置為相對值，如：

上述代碼的含義為：當視口寬度不大于768時，sidebar側邊欄的浮動屬性取消，寬度變成自動，則公告欄和快速導航欄會自動下沉。能有效避免傳統網頁布局對于大小不同屏幕可能會出現大片留白或者擁擠錯位的問題。

同時本網站中的字體也使用了相對大小，即用em代替了px，使得網頁文字大小可閱讀性加強。

2.3.3 彈性視覺媒體

除了布局和文本，本網站還實現了圖片等媒體的自動縮放。讓圖片等也隨著顯示終端尺寸大小而自動調整至合適尺寸。實現的方式是在 CSS 中添加如下代碼：img，object { max-width：100%； } 。

2.4 響應式招生網站測試

響應式網站在制作過程中需不斷在不同分辨率及不同瀏覽器上進行測試。響應式網站的模擬測試軟件有很多，如ProtoFluid 4，Viewport Resizer，Responsive.IS等。本網站利用Ben Frain開發的測試小工具”What size is my viewport page”進行測試，如圖4，圖5，圖6所示分別為在視口寬度1024、768、480下測試的結果。

3 結束語

本文從惠州市技術學院招生網站的建設出發，講述了響應式網站的設計及實現要點，并最終實現了響應式招生網站的創建。為學院師生及潛在生源在查閱學院招生信息時提供了更好的使用體驗。比較傳統的移動版網站，響應式設計體現了較低的開發成本，較快的開發速度和較強的可拓展性。相信響應式技術必將會得到快速發展和普及。

參考文獻：

[1] Frain B. 響應式Web設計-HTML5和CSS3實戰[M].王永強，譯.北京：人民郵電出版社，2013：23-72.

第5篇：網站設計要點范文

>> 電子商務購物網站物流配送模式研究 購物網站用戶體驗研究要點及云向南微商城網站設計思路 基于ASP的電子商務購物網站的設計與實現 淺析購物網站的用戶體驗設計 社交購物網站用戶體驗對分享和購買行為的影響研究 基于用戶體驗的購物網站界面設計研究 B2C電子商務網站用戶體驗評價研究 基于B2C電子商務網站用戶體驗的評價研究 淺析用戶購買過程對高風險購物網站的影響 基于用戶體驗的電子商務網站的設計問題初探 電子商務網站界面中的用戶體驗設計探析 B2C電子商務網站用戶體驗評價分析 B2C電子商務網站用戶體驗分析 交互類電子商務網站中用戶需求的驅動因素研究 基于用戶的電子商務網站可用性研究 基于用戶體驗的B2C電子商務網站服務質量綜合評價 以用戶體驗為中心的C2C電子商務網站界面設計 電子商務網站顧客信息搜尋行為形成機制研究 國內C2C電子商務用戶體驗研究 C2C電子商務平臺用戶體驗設計研究 常見問題解答 當前所在位置：？csnumber=52075.

[4] Forlizzi J，Ford S.The building blocks of experience： an early framework for interaction designers[C]//Proceedings of the 3rd conference on Designing interactive systems： processes， practices， methods， and techniques. ACM，2000：419-423.

[5] Hassenzahl M.The quality of interactive products：Hedonic needs， emotions and experience[C].Encyclopedia of Human Computer Interaction，2005.

[6] Norman D A.Emotional design： Why we love （or hate） everyday things[M].Basic books， 2005.

[7] Hassenzahl M.The thing and I： understanding the relationship between user and product [M]//Funology. Springer Netherlands，2003：31-42.

[8] Hassenzahl，M.， N.Tractinsky.User experience-a research agenda[J].Behaviour & information technology，2006，25（2）：91-97.

[9] Arhippainen L，T?hti M.Empirical evaluation of user experience in two adaptive mobile application prototypes[C]//MUM 2003. Proceedings of the 2nd International Conference on Mobile and Ubiquitous Multimedia. Link?ping University Electronic Press，2003（11）：27-34.

[10] ⒕玻孫向紅.什么決定著用戶對產品的完整體驗？[J].心理科學進展，2011（1）：94-106.

[11] Garrett J J.Elements of user experience， the： user-centered design for the web and beyond [M].Pearson Education，2010.

[12] 胡昌平，鄧勝利.基于用戶體驗的網站信息構建要素與模型分析[J].情報科學，2006，24（3）：321-325.

[13] De Angeli A， Sutcliffe A， Hartmann J. Interaction，usability and aesthetics： what influences users’ preferences？[C]//Proceedings of the 6th conference on Designing Interactive systems.ACM，2006：271-280.

[14] De Bruijn，O.，A.De Angeli，et al.Customer experience requirements for e-commerce websites[J].International Journal of Web Engineering and Technology，2007，3（4）：441-464.

[15] 喻中華.基于用戶體驗的購物網站設計中可信賴感研究[D].上海：上海交通大學，2008.

[16] 曾帆揚.基于用戶體驗的淘寶網評價指標研究[D].廣州：華南理工大學，2011.

[17] 張潔，趙英.B2C電子商務網站用戶體驗評價研究[J].情報科學，2013（12）：84-89.

[18] Rubinoff R.How to quantify the user experience[J].Retrieved，2004，5（10）：2008.

[19] Davis， F.D.，R.P.Bagozzi，et al.User acceptance of computer technology：a comparison of two theoretical models[J].Management science，1989，35（8）：982-1003.

[20] Hassenzahl，M.The Effect of Perceived Hedonic Quality on Product Appealingness [J].International Journal of Human-Computer Interaction，2001，13（4）：481-499.

[21] Suh，B.，I.Han.The Impact of Customer Trust and Perception of Security Control on the Acceptance of Electronic Commerce[J].International Journal of Electronic Commerce，2003，7（3）：135-161.

[22]Petre，M.，S.Minocha，et al.Usability beyond the website： An empirically-grounded e-commerce evaluation instrument for the total customer experience[J].Behavior & Information Technology，2006，25（2）：189-203.

[23]Lenz E，Diefenbach S， Hassenzahl M.Aesthetics of interaction：a literature synthesis[C]//Proceedings of the 8th Nordic Conference on Human-Computer Interaction： Fun， Fast， Foundational.ACM，2014：628-637.

[24]Porat，T.，N.Tractinsky.It’s a Pleasure Buying Here： The Effects of Web-Store Design on Consumers’ Emotions and Attitudes[J].Human-Computer Interaction，2012，27（3）：235-276.

[25]Desmet，P.M.，P. Hekkert.“The basis of product emotions.”Pleasure with products， beyond usability[M].London：Taylor and Francis，2002.

[26] 郭慶，周健明，姚亞南.網站體驗營銷對網站品牌形象和用戶體驗價值的影響研究[J].經濟與管理評論，2013（6）：58-65.

[27] 王海萍.在線消費者行為影響因素研究述評[J].消費經濟，2009，25（5）：92-95.

[28] Hartmann，J.，A.Sutcliffe，et al.Towards a theory of user judgment of aesthetics and user interface quality[J].ACM Transactions on Computer-Human Interaction （TOCHI），2008，15（4）：15.

[29] Petre，M.，S.Minocha，et al.Usability beyond the website：An empirically-grounded e-commerce evaluation instrument for the total customer experience[J].Behavior & Information Technology，2006，25（2）：189-203.

[30] 郭紅麗，王晶.基于TAM模型的B2C客戶體驗模型研究[J].科技管理研究，2013（19）：184-188，196.

[31] McCole P，Ramsey E，Williams J.Trust considerations on attitudes towards online purchasing： The moderating effect of privacy and security concerns[J].Journal of Business Research，2010，63（9）：1018-1024.

第6篇：網站設計要點范文

一、美觀大方的網站設計

對于訪問網站來的人來說，網站的設計是留給他們首次的印象，一個只用官方模板，沒有自己設計風格的網站，對于客戶來說信任感是很難提高的。

二、及時更新有效的內容

有的網站內容半年不更新，陳舊的內容會影響用戶體驗，還有就是內容的有效性，如果沒有原創性的內容，沒有及時與網站相關的內容，客戶的信任感也會降低的。

三、詳實的關于介紹及圖片

對于企業的網站來說，要有詳細的企業介紹，還有企業辦公和員工的照片，對于個人網站來說，放自己的照片頭像，也可以提高網絡營銷信任感。

四、具體的聯系和溝通方式

要有具體的聯系地址和位置，有許多網站上只留一個手機或QQ，客戶如何對網站的網絡營銷產生信任，可以加上固定電話，在線的客服，免費的客服電話更能增加客戶對網絡營銷的信任。

五、完備的證件和備案認證

像ICP備案這個是必須有的，如果有工商認證和其它權威行業認證，都可以放到上面，證件齊全的網站才能放心在上面交易和消費，大家可以看一下新浪首頁下面的證件有多少個。

六、用第三方交易平臺交易

可以利用現有成熟的第三方交易平臺進行交易，如淘寶和拍拍，用他們的支付寶和財富通進行支付交易，增加交易資金的安全性，也可增加客戶對網絡營銷信任。

七、真實的客戶記錄和案例

以往客戶的記錄和評價更能促進新用戶的信任，還有就是以前做過的一些真實案例，建設性的負面評價更能提高真實性，增強網絡營銷的信任。

八、權威的機構和媒體證實

如果有權威的機構，如政府部門和行業協會等和傳統的以及網絡媒體的證實與報道，將加分不少。

九、交流溝通的流程和標準

與客戶有交流和溝通要有一個流程標準，讓每位客戶都感覺到是一致的服務流程，另外可以把這些常見溝通問題和流程放到網站上。

十、網站的域名和友情鏈接

第7篇：網站設計要點范文

關鍵詞：項目帶動 興趣性 組織學習 應用能力

The curriculum reform of the website design

LI Liu-qing1，Zhang Ren-zhi2

（1.Huanghuai University， Zhumadian， Henan 463000； 2.Huanghuai University， Zhumadian， Henan 463000）

Abstract： The website design is a course that has strong practicality and operability. Improving the teaching efficiency and cultivating the social needed talents have been to an urgent need to solve problem for the website design. According to the years of experience in teaching practice， to address this problem， there will be a discussion about the course of website design from the syllabus of compilation to classroom teaching and schedule of experiment and so on.

Key words： project lead， interests， organizational learning， application ability

21世紀是一個全球信息化的時代，面對迅猛發展的網絡社會，越來越多的公司，機構乃至個人都希望不但能充分享到網絡資源，而且能夠擁有自己的網站，使其真正形象地展現于互聯網的世界里，為自身的發展創造更多的機遇，因而企事業單位需要大量的人員進行網站的開發和維護，網站建設這門課程便是為了這一需求而開設的。網站建設作為一門操作性和實踐性很強的課程，其主要系統介紹網頁編輯與制作軟件DreamweaverMX，通過軟件的使用，掌握網站設計的全過程，并能熟練地制作出專業水準的網站。但從目前學生實際掌握情況以及社會需求來看，學生在網站建設方面的應用能力還存在一定的差距，如何盡快縮短這種差距并培養出滿足社會需求的網站建設人才已成為網站建設這門課程迫切需要解決的問題。針對這個問題，通過仔細剖析目前這門課的教學中存在不足，結合多年的教學實踐，從教學大綱的編訂、課堂教學到實驗環節的安排多個方面對網站建設這門課的教學進行了探討。

一、當前網站建設課程教學存在的問題

1.教學大綱編寫粗糙

教學大綱是落實培養目標和教學計劃最基本的教學文件，是編寫講義或確定教材的重要依據，教學大綱的優劣對于整體教學質量產生著重要的影響[1]。但網站建設這門課的教學大綱的編寫工作和執行效果都還很不盡人意，未能起到引領教學、指導教學的積極作用。

教學大綱沒有很好地與專業特色相結合。網站建設這門課程在不同專業中的地位和作用是存在差異的，特別是一些體系復雜、內容較多的課程更是如此。但當前在制定課程教學大綱時，并未對不同專業進行仔細區分，好幾個專業使用同一個教學大綱。

教學大綱以書為綱這門課的教學大綱很多老師僅從規范性、綱領性文件的角度理解課程教學大綱在教學過程中的地位，只重視學習內容而忽視學習的程序和方法。教學大綱不體現教學方法是一個嚴重的問題。國外對教學方法尤其重視，比如澳大利亞的大學教學大綱中就明確了學生課前準備與課堂參與的要素，對教師輔導和答疑的時間和方式也進行了仔細說明。

教學大綱缺乏應用型。教學大綱的應用效果不佳，沒有起到所謂積極的指導教學的作用。這種現象的產生，除了教師自身的重視程度不夠，導致教學大綱更多流于形式。教學大綱與學生學習脫節。教學大綱一般只是作為一個教學文件存放在教學管理部門。而在國外，教學大綱是為學生準備的，就像企業在出售產品時必須為客戶提品說明書一樣[2]，不是為應對學校上級管理部門檢查之用。而學生在學習期間，幾乎沒有看到過教學大綱，這不僅使得學生的學習缺乏全局性，而且針對性也較差，影響了學習效果。

教學大綱與教師教學脫節。在不少教師看來，教學大綱僅僅是學校教學管理工作中的一個存檔文件而已，相當數量的教師并未按照大綱要求授完或授好教學內容，要么隨意改變教學內容，要么改變教學進度。

2.課堂教學缺乏組織

課堂教學組織的有效性是一個永恒的話題，它在教學中具有潛在性、預知性、前瞻性。教師做為組織的引領者，過程的指導者，課后的評價者，對整體的教學有著不可忽略的意義[3]。組織好課堂教學，抓好課堂紀律，是檢驗課堂優差的最好手段。然而網站建設這門課的課堂教學更多的是采用常規的教學，老師按著教材內容講，學生被動地聽。較少引入師生交流、互動等方式，教師按著教材的順序講，一講到底，學生被灌輸、被接受，這個過程只看到了知識的積淀而看不到對探索的渴望；只看到記憶與理解而看不到質疑與批判；只看到被強行塑造而看不到創新潛質火花受精心呵護；只看到“學會”的成果而看不到“會學”的收獲、“樂學”的體驗[4]。這嚴重挫傷學生學習的興趣，學生的積極性、主動性很難被激發出來，也很難培養學生的分析問題、解決問題的能力。

3.實驗教學環節薄弱

實驗教學環節是培養學生創新精神和實踐能力的重要手段，是培養應用型人才的重要教學環節，是網站建設教學過程的重要組成部分。網站建設這門課的實踐性很強，網站建設知識的掌握與能力的培養在很大程度上依賴于學生的上機實驗。實驗可以說是這門課程教學的“綱”和“靈魂”，只有它才能使整個網站建設課程教學做到“既授人以魚，更授人以漁”。然而這門課的實驗教學環節較薄弱，具體體現在：（1） 實驗照“片”宣科，缺乏綜合性、設計性實驗；（2） 對所有學生統一要求，沒有關注學生的差異化，而且實驗過程中學生的主體地位未能得到體現，師生間缺乏必要的交流，沒有充分發掘學生的積極性、主動性、創造性；（3）實驗與現實脫節，沒有很好地把知識轉化為應用能力。

二、課程教學改革

1. 教學大綱的編訂

教學大綱是對課程的總體設計。教學大綱必須以專業人才培養方案為依據，體現并符合人才培養目標、培養規格的要求。而原有的教學大綱大多是以書為綱，根據選定的教材，按著教學大綱的格式一調整，這門課的大綱就產生了。如果按著這樣的大綱去教學，那就是照本宣科，教學效果很難提高。為提高教學質量，需要精心編制教學大綱。

1.1 大綱應與新技術的發展相接軌

教學大綱的制定要符合時代要求，突出體現教育教學觀念的更新和教育思想的轉變，從培養目標出發，積極吸取已有的教學內容和課程體系改革研究成果，吸收學科專業的新知識、新內容，注重各課程內容的有機銜接，服從課程結構及教學安排的整體需要并注重教學方法與手段的改革，體現素質教育的思想[5]。

網站建設是一門技術性、實踐性較強的課程，其更新也比較快，所以為更好地提高教學質量，每次開課前，應先進行教學大綱的修改，應經常地根據社會的需求、技術的發展，對其內容等進行更新與完善。比如數據庫，就應該由原有的SQL Server 2000更新為SQL Server 2005等。

1.2 教學內容的設置

教學大綱除明確規定本課程的基本內容外，還應充分體現優化課內、強化課外、激發學生主動學習的精神，要從“廣而博”中選擇、重構“少而精”的教學內容，注重培養學生的創新精神和實踐能力，同時要注重提高學生的自學能力。

2. 課堂教學的組織：

2.1 抓好開頭

課程的首要任務就是激起學生學習的興趣和求知欲望，好的開頭可以給學生以美的享受，起到事半功倍的效果；而常規教學都是按部就班地講本學科的地位、作用和任務等。按這種常規的方法講授，學生很快就開始精力分散，提不起興致；所以應改變常規的教學方法。要打破常規，開頭應做到：

（1）吸引力

孔子說：“知之者，不如好之者；好之者，不如樂之者。”他強調的是興趣。興趣是最好的老師，通過各種手段，激發學生的學習興趣，發揮學生學習的能動性，使學生想學。興趣就是學生積極探索某種事物的認識傾向。鑒于此，開頭一定要有吸引力。第一次課不要急于講解理論，而是利用多媒體的動態效果，展示多個精美的網站，學生看完后會非常震撼，感嘆太美了，讓他們感受到這門課的神奇魅力。

（2）親和力

有了興趣，產生了學習的欲望，還不夠，還要讓學生掌握學習的方法，讓學生感覺到這門課的親和力。

學生對網站設計的普遍印象是技術性強、抽象、空洞、枯燥。造成這種現象的原因是多方面的，但與長期以來的傳統教學模式不無關系。要徹底扭轉這一局面，改變這門課的尷尬地位，首先必須改變網站設計在學生心目中的舊有“形象”，使他們覺得網站設計不再是可敬可畏，而是可愛可親的。因此怎樣讓網站設計課教學富有親和力，使學生樂意接近和接受，這也是首要解決的問題。先讓學生把書“學薄”，從整體上把握這門課具體從哪些地方學，做到心中有數，明白從哪些方面著手，教會學生一些學習方法。

2.2 變傳授知識為組織學習

早在 2000 多年前，孔子就主張“不憤不啟，不悱不發”，即先使受教育者發生困難，產生求知的動機、需要和欲望，然后再去啟發他，這樣教學效果才會好。心理學研究也表明，學生如果只聽講解，只能記住所聽內容的15%；學生預先自主探究，再由教師點撥，則可記得內容的85%。只有正確處理好教與學的關系，變過去教師講、學生聽為學生學，教師導，發揮學生學習的“能動性、自主性、創造性”，才能提高學生的綜合學習素養。

1.多種教學方法相結合，趣味性貫穿教學始終

“教人未見意趣，必不樂學”，興趣對教學來說，有著不可低估的作用。 網站建設是一門技術性很強的學科，如果按常規的方法講解，往往使學生很快喪失好奇心和學習興趣，嚴重影響了教學效果。在課堂教學中采取各種教學方法，有效地激發學生的學習興趣。比如分組設計同一個項目，進行比賽；比如頭腦風暴，討論一個最優方案等。

（2）項目帶動

以項目設計為教學主線條，倡導“自主、探究、合作”的學習方式，引導、啟發學生通過學和做，熟練掌握相關內容，培養他們分析問題、解決問題的能力，培養學生自主學習的能力。

設計項目時，應結合學生特點，確定項目的可行性；精心設計項目每個階段的實施計劃；引導學生進行交流、展示與總結；過程評價與結果評價相結合。

2.3 實驗環節的安排

網站建設是一門實踐性很強的課程，學生必須多動手實踐才能掌握，所以，在教學中必須重視實驗課的教學。而常規的實驗教學基本上是圍繞課程教學內容而展開的，基本不能構成對實際問題的解決方案，而且實驗教學內容幾乎全部為驗證性實驗項目，缺少綜合性、設計性實驗，實驗層次較低，學生基本是被動地完成上機作業，缺乏獨立思考，教學效果較差。對實驗環節的具體改革方案如下：

3.1 引入綜合性、設計性實驗

可以精心設計5個綜合訓練項目，每個主題作業力求按教學進度主線設置，學生在日常的學習中，根據教學的進度逐步用所學的新知識去完善補充這些題目的內容，到學期結束提交最完整的和最優化的網站。學生除了完成正常的課堂作業外，必須選擇一個主題作業。

3.2 結合學生的差異化設計訓練項目

學生的設計能力有較大的差異。而設計項目的目的是鍛煉學生動手能力、提高他們綜合運用能力，鼓勵他們積極訓練、激發他們鉆研問題的興趣。所以在設計綜合訓練項目時，把題目設置成高、中、低三種難度（高的1個，中和低各2個）。這樣使得層次低的同學也能完成作業。

2.3.3 與企業聯合

選撥優秀的學生組成團隊，與企業，比如駐馬店凱瑞特科技有限公司等進行聯合。駐馬店凱瑞特科技有限公司是一家電子商務公司，他們對外承接網站設計、網站維護等項目。與其對接聯合，它承接的項目交給團隊具體完成。這樣就大大提高了學生的動手能力，增強了他們的實踐應用能力。

古希臘生物學家普羅塔戈爾指出，大腦不是一個等待填滿的容器，而應是一把需要點燃的火炬。因此，在教學中，應該更多地關注如何為學生提供一個自主學習，靈性發展的平臺，使他們在激勵、鼓舞、喚醒中自主學習，探索學習，創造學習，從而更好地提高教學質量，作為高校教師任重而道遠，還需要繼續研究、探索。

參考文獻：

[1] 丁新慧.高校網站建設課程教學改革初探[J].周口師范學院學報：2011，2011（5）：30-36

[2] 許興.高校網站建設對大學排名的影響研究[J].實驗技術與管理：2011，2011（05）：60-66

[3] 李樹文.計算機網絡課程教學改革探索[J].中國校外教育：2009，2009（09）：36-39

[4] 包泰民.高校網站建設新思路探析[J].軟件導刊：2011：2011（03）：78-81

[5] 丁海燕.《網頁設計與制作》課程優化與教學方法探索[J].云南農業大學學報（社會科學版）.2011（03）：91-93

第8篇：網站設計要點范文

（一）信任信念的維度與傳統人際交互過程和組織內信任的含義不同，電子商務中的信任是基于商品交易行為的，而且電子商務中消費者與商家時空距離導致的不公平價格、不準確商品信息、隱私侵犯、未授權使用信用卡等行為影響信任的建立[9]，商家建立初始信任的途徑不是通過員工與消費者的交互，而是通過消費者與電子商務網站的交互和對整個電子商務環境的感知。在這個過程中，消費者會產生以下信任疑問：商家是否有能力成功地完成交易？商家是否能夠誠實地完成好交易？商家是否是善意地實施網上交易？有的商家希望做個誠實的商家，但是可能存在能力上的缺陷，導致不能成功地完成交易，反之，也有類似的情況。這三個問題相輔相成，缺一不可，構成當前電子商務研究中信任構念的主要維度：能力(ability)，正直(integrity)，仁慈(benevolence)[8]，它們的含義和例子如表1所示。商家建立初始信任也要從這三個方面出發，提高消費者對它們的感知。（二）消費者初始信任信念建立過程在組織中，信任的建立主要依賴于人際交互，McKnight等[10]認為初始信任的建立受個人信任傾向、基于制度的信任和基于認知的信任三個因素影響。在傳統的買賣關系中，Doney等[11]認為信任建立過程包括：基于計算的(calculative-based)、預測的(prediction)、意圖的(intentionality)、能力的(capability)和傳遞的(transference)五個過程，而且在信任的建立過程中員工的表現至關重要。Gefen等[9]在回顧各理論研究的基礎上，認為信任的前驅因素主要包括：基于知識的信任(knowledge-basedtrust)、基于制度的信任(institution-basedtrust)、基于計算的信任(calculative-basedtrust)、基于認知的信任(cognition-basedtrust)和基于個性的信任(personality-basedtrust)，而且后兩個方面與初始信任建立密切相關。在電子商務環境中，消費者除了通過收益與成本的計算以及自身的認知來建立初始信任，還可以通過其它信息來源（如：通過其他消費者的網上口碑）建立基于知識的和基于傳遞的（如網站與權威機構的鏈接）初始信任。此外，商家可以通過采用第三方服務的方式建立基于制度的信任。由此，電子商務的消費者通過以下方式建立初始信任：計算的、認知的、預測的、傳遞的、制度的，這些策略及其對信任信念的關系如表2所示。

二、商家信任建立與呈現策略

對于消費者信任建立維度和信任建立過程，商家可以采取什么策略呢？在電子商務環境中，商家除了可以通過傳統方式建立聲譽（如報紙媒體等），網站是商家呈現自身信息的重要渠道。首先，商家通過自我聲明的方式傳遞信任信息；其二，消費者根據網站呈現的內容判斷商家的可信性；其三，其他消費者以及第三方的評價和認證作為重要的社會因素影響信任信念的建立。消費者、商家和第三方認證分別對應電子商務交易的三個組成部分：委托人（消費者），托管人（商家），環境（第三方和信息技術）[12]，信息技術將三者關聯起來，如圖1所示。本文集中闡述商家如何通過網站呈現的方式從三方面（商家自身聲明、商家網站表現和第三方評價）建立消費者初始信任。（一）商家聲明眾多的商家信任建立策略可以通過商家聲明來表達，但是僅僅通過自我簡單的聲明并不一定會影響消費者信任信念[13-14]。由此商家必須采用恰當的方式聲明信任建立策略，通過有效的組織和結構化的內容來提高消費者對B2C網站的信任。對于聲明的格式，Toulmin建立了一個日常溝通模型，該模型主要包括三部分內容：聲稱(claim)，說明該商家提供哪些服務、保障措施等；數據說明(data)，說明為什么能夠提供所聲稱的服務；支持(backing)，說明消費者為什么可以信任數據說明中的內容。消費者可以通過這三方面內容了解商家提供的服務，更重要的是可以掌握商家如何提供以及如何保障這些服務的提供，從而有效地提高消費者信任，否則，消費者可能對商家所聲稱的持懷疑態度，對聲稱的內容并不采信。kim[15]的研究驗證了在商家聲明中必須同時具備以上三部分內容才能有效建立消費者信任信念。表3給出部分網站聲明示例。（二）網站系統表現對于網站來說，網站設計的缺陷（如：美學和外觀方面的設計風格、網站內容的不完整性以及網站信息在語法等方面的錯誤）會影響用戶對網站質量的感知，進一步影響消費者對網站的信任[16]，因此，商家首先要保證網站當中不能有錯誤，否則，消費者會懷疑該網站的能力和真誠性。由此，商家首先要保證網站系統和信息的高質量[17]。根據song[18]的研究，影響消費者購買商品的主要網站設計因素包括表4相關內容。在表4中，有的可以通過網站的聲明建立消費者初始信任（如服務類因素），這些聲明可以影響信任信念的所有維度。一部分通過影響信任信念的能力維度建立初始信任（如：促進因素、易于使用和導航系統類別、購買過程簡易化等因素），一部分通過影響信任信念的正直維度建立初始信任（如提品購買取消功能）。需要特別注意的是，如果不恰當的實施某些功能，也會影響信任的建立，比如，產品推薦和個性化信息的提供、網站之間的鏈接。對于個性化服務部分，雖然產品個性化推薦功能在吸引和保留消費者方面起著重要作用，然而，并不是所有的研究都顯示產品推薦可以達到商家預期的效果。在采用推薦的過程中，需要注意系統的能力（推薦既有高效執行的能力、技能和專業性）、正直性（推薦關心用戶和以用戶的利益為行動準則）和善意（推薦遵守一系列用戶可接受的誠實的和守信用的原則）[19]。當前由于隱私侵犯事件的不斷升級，消費者也越來越關注個人隱私問題[20]，因此，在運用個性化推薦系統的同時，需要注意個人隱私信息的保護，否則，消費者對個人隱私信息的關注會導致商家提供的個性化服務適得其反，被誤以為隱私侵犯，使消費者感覺到不安全，進而影響消費者對網站的信任。因此，商家在提供個性化推薦的過程中，在系統功能上要保證信任的三個維度，還要獲得消費者的認可。對于網站鏈接部分，消費者在訪問一個站點的時候，可以看到與其相鏈接的其他商家，根據歸因理論，人們傾向于將關聯在一起的事物看成是一類的，因此，如果與該網站相鏈的站點都是信譽度高的站點，消費者對該站點的信譽度就會有正評價，否則會影響該商家的信譽。（三）第三方評價在網站門戶鏈接和用戶反饋評價兩種信任建立策略中，消費者可以從用戶反饋評價中得到一手的、直接的網站信譽信息，而且消費者傾向于將網站歷史用戶看成有一定共同點的用戶群體，因此，與網站之間的鏈接和從屬關系比較而言，用戶認可的評價信息在消費者初始信任建立過程中具有更顯著的效率[21]。在各種類型的用戶評價信息中，不同類型的評價分別影響消費者初始信任信念的不同維度[22]（如：網上書店用戶評價中有關缺貨的信息會影響消費者對該商城能力的感知）。此外，第三方認證機構也是評價網站安全性的重要依據?；谝陨先矫嫘湃纬尸F內容的分析，結合消費者信任建立維度和信任建立過程，表5給出了商家的信任呈現框架。

三、案例分析

在此我們分別分析三類網站的信任建立策略：圖書音像商城，計算機網上直銷和網上健康服務網站。其中圖書音像類網站所銷售的商品價格較便宜，商品的標準性強；計算機網上直銷所銷售的商品價格相對比較昂貴，而且商品的配置比較靈活；網上健康網站提供健康咨訊，所提供的服務涉及消費者健康。消費者對這三種類型的商品關注的要點也有所不同，其中，對于圖書，主要是能夠及時的送貨上門和了解圖書的內容質量，對于計算機商品主要是安全送貨和配置的正確性，健康類服務的關鍵是所提供的信息的正確性和權威性。我們分別從第三方認證的采用、商家的聲明、商家的網站設計以及消費者反饋四個方面分析各網站在信任建立策略方面的實施情況（如表6所示）。通過分析我們發現：所選的六個商家中，有三個沒有看到第三方認證的標志，作為一些相關行業的知名站點，由于它們本身就有一定的信譽，有可能第三方認證對消費者信任建立的作用不大，其中當當網和39健康網具公安機關可信賴網站標志，表明了該網站的可信度。但是消費者是否真正的會產生信任還與第三方認證的內容和服務相關。如果第三方服務沒有一個有效的措施解決交易糾紛，那么消費者對其作用就會產生懷疑，從而該服務就淪落為一個擺設而已。對于網站聲明，國外各網站都有相關的隱私和安全等方面的聲明，本文中國內的站點都沒有相關的隱私和安全聲明。同時，對于聲明所包含的內容，國內外的站點都沒有完全呈現本文分析的三方面內容，從而可能會影響其信任建立的功能。在網站功能呈現方面，具有大量銷售商品的商家提供網站整體導航功能，但沒有采用樹狀導航功能[23]。國內健康咨詢網站主頁上顯示的內容很多，但是沒有一個清晰的內容分類，不方便消費者快速獲取目標信息，網絡的交互性需要進一步提高。對于網絡超鏈接，健康類網站提供了大量的權威機構的超鏈接，很多鏈接關系是單向的，不屬于商業伙伴或戰略伙伴類型的超鏈接。對于消費者反饋，各網站都提供了消費者反饋的方法和渠道，但有的網站僅允許消費者單向反饋，并沒有把消費者反饋的信息展現給其它用戶；有的網站顯示消費者對商品質量的反饋信息，各類網站在支持消費者反饋的力度都有所不同。雖然各站點都部分實施了本文分析的信任建立措施，但是各站點在具體實施的詳細程度上具有顯著差異，這些差異可能與商家本身的知名度和所銷售的商品有關。從總體看，各網站在信任建立的策略還有一定的可提升空間，距離完善的信任建立策略還有差距。

四、結語與展望

第9篇：網站設計要點范文

關鍵詞:個人網站;網站設計;網站制作

中圖分類號:TP393文獻標識碼:A文章編號:1009-3044(2009)33-9221-02

1 對個人網站的認識

個人網站是指個人或團體因某種興趣、擁有某種專業技術、提供某種服務或把自己的作品、商品展示銷售而制作的具有獨立空間域名的網站。個人網站一直是多元化互聯網世界的一支重要力量,它是以一個人為中心、不需要強大的資歷背景,且低成本運作,因此個人網站多屬于草根類型,吸引了眾多愛好者和追隨者。

目前最流行的一類是根據個人愛好設置的個人網站,這類網站是給個人一個展示自我的空間,同時利用制作頁面來達到熟悉網站制作的目的;一類是網站的內容基本上與計算機的軟硬件有關,也會拿如何制作網站、各類軟件、MP3和圖片下載來當內容的;另一類就是在內容上力求單一,在未來發展上力求商業化的網站,這類網站通過廣告宣傳,推銷商品等營銷手段,達到網上開店的目的。這類個人網站隨著電子商務的普及,具有廣泛的市場與前景。

2 個人網站設計與制作

網站的開發是一個系統工程,有自己特定的工作流程,只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的網站。

2.1 網站的規劃

個人網站的規劃好比建一座大樓的設計圖,它包含了建立網站目的、目標用戶、組織結構和導航結構、使用的多媒體元素、用戶界面、版面設計等內容。

1) 明確網站開發目的、目標用戶、網站主題和構思創意。個人網站可以根據自己的興趣愛好或自己關注的話題來確定網站的主題,如科普知識推廣、文學筆者交流、計算機軟硬件的疑難問題討論,又或者直截做個人推銷等等。網站應根據用戶需求的不同而采用不同的形式,如有只提供簡潔文本信息的,也有用多媒體表現手法,提供圖像、動畫、聲音和視頻的。要做到網站主題鮮明突出,要點明確,以簡單明確的語言和畫面體現主題。調動一切手段充分表現網站的個性和情趣,辦出網站的特點。

2) 相關主題材料的搜集和整理。個人網站的選材需要小而精。收集的內容包括網站徽標、背景圖片、按鈕圖片以及其他展示的相關內容。

3) 規劃網站功能模塊,確定網站的框架、組織結構和導航結構的設計。對個人網站需要設計的欄目和版塊有明確的劃分。所有的超鏈接應清晰無誤地向讀者標識出來,導航性質的設置,如圖片按扭都要有清晰的標識;鏈接文本的顏色最好用約定俗成的:未訪問的,藍色;點擊過的,紫色;清晰的導航條還要求:用戶進入目的頁面的點擊次數不能超過三次。

4) 網站開發工具和開發平臺的選擇。根據設計者實際情況和個人喜好選擇,目前常用的工具是Frontpage、網頁三劍客Dreamweaver、Flash、Fireworks和ASP或等等。

2.2 網站的開發

1) 框架的開發。用樹狀結構把每個網頁的內容大綱列出來,特別是制作一個較大的網站(頁面很多)的時候,要把框架規劃好,同時也要考慮到以后擴充的可能性,免得做好以后反復更改整個網站的構架。整體框架的設計確保網站格式統一和層次清晰,首頁中提供各個頁面的鏈接,并簡要介紹網站的內容和主題。二級網頁中設計好主要內容,針對欄目要求提供相應的三級頁面內容鏈接。

2) 多媒體元素包括文字、圖形圖像、動畫、聲音和視頻的文件制作。充分利用軟件工具將需要展示的內容以新鮮有趣的方式做出來。這也是吸引瀏覽者注意力的有效方式之一,可以將頁面的內容用三維動畫、FLASH等形式來表現,增加趣味性,同時考慮客戶端的傳輸速度。

3) 內容的增加。保證內容的準確性和合法性。網頁設計是一種視覺語言,講究編排和布局的合理性,使瀏覽者有一個流暢的視覺體驗。運用對比與調和、對稱與平衡、節奏與韻律以及留白等手段,通過空間、文字、圖形之間的相互關系建立整體的均衡狀態,產生和諧的美感。首頁是整個網站精華的匯集,因此首頁的設計也是個人網站建設中最難最花功夫的工作。

2.3 網站的實現與維護

1) 網站測試與調試。制作出的網站可以先在本地進行測試,檢查站點的瀏覽器兼容性已經可能存在的錯誤鏈接等,發現錯誤及時調試,然后再測試,直到無誤。

2) 空間、域名申請與網站上傳。在互聯網上根據網站大小申請,選擇一個相對速度快、性能穩定、網絡環境適合的免費空間上傳,也可申請收費空間。然后將網頁通過上傳工具(cuteftp, flashfxp)傳至服務器指定的目錄中去。建議申請個自己的域名,這樣不管你走到哪里,你的虛擬空間換到什么地方,域名始終如一,朋友還是訪客都能一樣找到你。

4) 宣傳推廣與維護更新。為提高網站的知名度,可在搜索引擎上注冊、登記,參加廣告交換,也可以與其他網站友情鏈接,在各大論壇參與熱點討論等,提高訪客點擊率。網站最大特點就是更新快,因此網站更新維護需及時。

3 網站設計制作工具

主要介紹下常用的網頁三劍客Dreamweaver、Flash、Fireworks和:

1) Dreamweaver。是做網站、網頁的基本框架結構的。建立 Web 站點和應用程序的專業工具,將可視布局工具、應用程序開發功能和代碼編輯支持組合在一起,其功能強大,使得各個層次的開發人員和設計人員都能夠快速創建界面吸引人的基于標準的網站和應用程序。從對基于 CSS 的設計的領先支持到手工編碼功能,Dreamweaver 提供了專業人員在一個集成、高效的環境中所需的工具。開發人員可以使用 Dreamweaver 及所選擇的服務器技術來創建功能強大的 Internet 應用程序,從而使用戶能連接到數據庫、Web服務和舊式系統

2) Flash。設計網站中所需要的動畫文件的。是交互式矢量圖和Web動畫的標準。設計者使用Flash能創建漂亮的、可改變尺寸的、以及極其緊密的導航界面、技術說明以及其他奇特的效果。

3) Fireworks。加工處理圖片的工具。在直觀、可定制的環境中創建和優化用于網頁的圖像并進行精確控制。業界領先的優化工具,在最佳圖像品質和最小壓縮大小之間達到平衡。它與Dreamweaver 和 Flash共同構成的集成工作流程可以創建并優化圖像,同時又能避免由于進行 Roundtrip 編輯而丟失信息或浪費時間。

4) ASP或。ASP全稱Active Server Pages,“動態服務器網頁”,所產生的執行結果都是標準的HTML格式,而且這些程序是在網絡服務端中執行,使用一般的瀏覽器(如IE或Netscape)都可以正確地獲得ASP的“執行”結果。不僅僅是ASP的下一個版本,而且是一種建立在通用語言上的程序構架,能被用于一臺Web服務器來建立強大的Web應用程序。提供許多比現在的Web開發模式強大的優勢。

4 網站建設中要注意的其它問題

1) 網頁保存和代碼輸入過程中文件名和輸入法不能使用中文,它可能導致上傳到網上后由于系統無法識別而無法顯示,且必須使用小寫字母。

2) 統籌考慮網頁的整體配色,與文字的選色要協調。

3) 圖片最好用GIF格式,文件小,網速慢的時候打開也快,否則用戶等不及就將網頁關了,或換到其他快的網站了,你的訪問量也會越來越少,形成惡性循環。

4) 圖片處理。建議網頁制作過程中標簽中不要帶上width和height兩個屬性,這是因為在制作過程中,圖片往往需要反復修改,這樣可以避免人為干預圖片顯示的尺寸,盡可能的發揮瀏覽器自身的功能,在網頁制作的最后給附上width和height屬性,防止抖動現象發生。

5) 文字處理。使用CSS樣式表來定義整個網站文字風格。為了保證不同瀏覽器上字號保持一致,字號建議用點數pt或像素px來定義,pt一般使用中文宋體的9pt和11pt,px一般使用中文宋體12px和14.7px,這是經過優化的字號,黑體字或者宋體字加粗時,一般選用11pt和14.7px的字號比較合適。

參考文獻:

[1] Colleen Coorough and Jim Shuman. Multimedia For the Web Revealed. Deluxe Education Edition.