電影網站設計報告

Ⅰ 網站設計開題報告

網站設計開題報告範文2017

當今時代是飛速發展的信息時代。在各行各業中離不開網路，這正是計算機被廣泛應用於網上銷售系統的環境。下面是我整理的網站設計開題報告範文2017，歡迎來參考！

當前，中國書業正面臨著深刻的體制與行業發展模式的雙重變革面對未來的市場，出版社和書店都不得不做出應對，在提升管理、減少成本、降低風險的同時，尋求新的業態和渠道的突破。傳統的書店存在著各種各樣的弊端，如由於書店受面積所限，書籍太少，而且大多僅能提供本書店的有限信息，查找、檢索、訂購費時費力，由於店面租金的原因，缺乏靈活性，同時過多的員工增加了書店的經營成本。相比之下，網上書店具有全面的圖書查詢信息功能，齊全的圖書品種，方便快捷的配送服務，低廉的銷售價格，直接准確的數據積累，靈活多樣的宣傳營銷平台，先進的互聯網技術，完善的售後服務等優勢，並且中國人口基數大，且互聯網用戶增長快，網上書店擁有眾多的潛在客戶。所有這些都為中國網上書店的發展帶來了機會。

網上書店在我國的發展已在逐步的上升，越來越受到大家的關注，可以預言，網上書店將走出內外環境制約的階段，迎來快速發展的美好前景。

1.本人對課題提出的任務要求及實現預期目標的可行性分析

對課題任務所提出的任務要求：

（1）實現圖書詳細情況的查詢；

（2）實現圖書的選購；

（3）實現購物車功能；

（4）實現用戶信息更新功能；

（5）實現圖書選購模擬結算功能。

（6）測試所有功能，找出不合理和不能解決問題，請教指導老師幫助盡量完成解決問題。

2.實現預期目標的可行性分析：

主要從經濟可行性，技術可行性和操作可行性三個角度分析。

在經濟可行性方面：確保該系統的經濟效益超過其開發成本。該系統的經濟投入主要是開發軟體和人力資源方面的資金投入； 必須最大程度地在經濟能力上贏得廣大市場許可。

技術可行性：系統是在Visua Studio 20**環境下開發的，並採用過SQL Server 20**作為資料庫平台來實現系統的'方案。對於其中遇到的一些技術難點的預期解決方法以自己思考，從網路和書本查找為主，輔以向指導教師和其他一些有過相關經驗的人請教。

操作可行性：該系統採用的是業界比較流行的前後台方式實現，為主流的實現方式，所以操作簡單，安全可靠，比較適合廣大用戶所理解並能快速、獨立的使用這個系統。

3.本課題需要重點研究的、關鍵的問題及解決的思路

本課題需要重點研究的關鍵的問題：

1.購物車功能；

2.模擬結算功能。

關鍵解決思路：

由於用戶選擇的書並不一定要定購，因此沒有必要對資料庫進行操作。只是將用戶選購的書號和數量存放於購物車中。

（1）在購買商品時，在瀏覽/查看商品時點擊商品的購物車標識就可以把商品加到購物車中。

（2）瀏覽購物車，購物車列表，序號，商品名稱，購買的商品數量，商品價格，所有商品總價。

（3）刪除購物車中商品，從購物車中將商品拿出或刪除。

（4）編輯購物車中的商品，修改購物車中已存在商品的數量。

（5）清空購物車，把購物車中的商品全部拿出。

由於用戶在結賬過程中需要使用到用戶的個人信息，並對用戶所購的商品進行記錄，所有要求用戶必須注冊並且登陸，所有在進入服務台前要驗證用戶是否登錄，以便結賬。根據客戶購物車中的信息，以及客戶所選擇的送貨方式和付款方式，連同客戶對應的個人信息生成訂單，以便於後續進行送貨處理。

Ⅱ 網站的設計與實現畢業論文開題報告

網站的設計與實現畢業論文開題報告

一、立論依據(論文的研究意義、國內外研究現狀分析)

網路游戲產業是一個新興的朝陽產業，經歷了20世紀末的初期形成期階段，及近幾年的快速發展，現在中國的網路游戲產業處在成長期，並快速走向成熟期的階段。在中國整個網路經濟的發展過程中從無到有，發展到目前成為中國網路經濟的重要組成部分。網路游戲產業之所以可以打破在原來中國整個網路經濟中的平衡，主要緣於在20世紀末中國網路經濟泡沫破滅整個網路經濟大受打擊的時候，網路游戲卻異軍突起成為整個網路經濟發展的領頭羊，得到迅猛的發展。

網路游戲的起源可追溯到1969年的PLATO，到1972年PLATO的同事在線人數突破到1000人，到了20世紀八十年代末，由於國外計算機數量的`增加，網游進入了高速發展時期，市場呈幾何狀上升。

而中國的網路游戲真正開始起步要從1999年說起，1999年4月經過對一個電話游戲的升級改造，樂鬥士推出了國內最早的圖形MUD游戲—《笑傲江湖之精忠報國》。

到2001年，中國網路游戲的市場規模接近3.1億元人民幣，根據IDC的研究，在2002 年中國網路游戲市場規模將達到9.1億元人民幣，比2001年增長187.6%。

2007年中國網路游戲市場規模為128億元，同比增長66.7%。2007年中國網路游戲用戶達到4800萬，環比增長17.1%。

2011年，中國網路游戲市場規模為468.5億元，同比增長34.4%，增長速度止跌回升。其中，互聯網游戲為429.8億元，同比增長33.0%;移動網游戲為38.7億元，同比增長51.2%。

數據顯示，網路游戲依然保持著超高的發展速度，而作為網路游戲的兄弟——網路游戲網站、論壇也猶如雨後春筍一樣紛紛成立，所以，構建一個有特色的網路游戲網站就有了一種必要。 二、論文內容

1.研究目標、研究內容和擬解決的關鍵問題

網路游戲網站不是一個簡單的網站，是有著自己特點的目標性網站，構建一個網站需要方案、技術和資源的支持。而一個完整的研究方案是要有明確的研究目標，而本論文的研究目標就是網路游戲網站的設計與實現。

其中技術支持包括：

(1)HTML的了解與應用。 (2)JSP的應用。 (3)資料庫的構建。

(4)JSP與資料庫的結合。 (5)JDK和Apache伺服器 (6)資料庫的設計。 (7)系統功能模塊化。

(8)JAVA插件的編寫和應用。 (9)Tomcat的安裝和應用。

(8)配置ODBC數據源。 關鍵問題主要包括：

(1)要保證信息採集的真實性、實時性。 (2)信息分析的科學性。

(3)操作系統的選擇、開發技術的選擇、開發軟體的選擇以及模塊化網站的方法等等。

2.擬採取的研究方法、技術路線、實驗方案及可行性分析

通過大量的社會信息的收集和分析，整理出科學的論據及方案，查閱一定的文獻書籍和搜索國內外各種關於網路游戲方面的年度報告，對數據進行分析，制定可行的實驗方案，和技術路線，記錄步驟和結果，以保證論文的科學性和實時性。

同時還必須要加強自身的科學技術修養，通過此次論文的編輯使自身的能力再度得到提升。 可行性分析：

(1)理論方面目前已經收集了大量的參考文獻，這些文獻覆蓋了網站建站的技術及其應用， 包含了網路游戲網站在網路上的應用，網路游戲的發展歷史等方方面，這些文獻將會對本論文的研究提供極大的參考價值。

(2)目前網路游戲依然發展迅猛，前景不可估量，藉此契機打造一個優秀的網路游戲網站、論壇成為可能。

(3)通過兩年的計算機應用的學習，我也已經學習和使用了很多的軟體，練就了相當的設計能力。

(4)有導師為該文的研究支持，並有從事研究的學術環境保證論文能夠按目標進度進行。

三、 論文進度安排

第一階段. 2012年5月27號-2012年6月3號思考寫作方向，選材 第二階段. 20112年6月10號完成開題報告，交給指導老師 第三階段. 2012年7月—2012年12月查找資料撰寫論文 第四階段.年月號在教師的指導下，進行論文設計 第五階段.年月號裝訂成搞，送交指導老師批閱 第六階段.年月號—上交論文

四、參考文獻 [1] 魏晶 泫 ：《網路游戲》清華大學出版社 2008 [2] 文化部：《2011中國網路游戲市場年度報告》2012

[3] C++和HTML開發網路應用程序實例解析 現代電子技術，2004 [4] 基於HTML和XML語言的頁面製作工具分析 現代電子技術, 2001 [5] 可擴展置標語言XML 現代電子技術，2002 ;

Ⅲ 寫網頁設計開題報告

關於寫網頁設計開題報告

開題報告是指開題者對科研課題的一種文字說明材料。這是一種新的應用寫作文體，這種文字體裁是隨著現代科學研究活動計劃性的增強和科研選題程序化管理的需要應運而生的，下面是我給大家整理的網頁設計開題報告 ，歡迎閱讀。

【篇一：網頁設計開題報告】

在經濟迅速發展的今天，internet顯得更為重要它是人們發布信息與傳遞信息的重要渠道，為了與社會發展同步，為了讓我們成為真正的技術性人才。學校在本周為我們安排了維持一周的網頁製作專用周是實習，讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多答鬧不足，下面就談談我在本次專用周的主要感受。

一、網站整體規劃，要做網頁的第一步便是做網站的整體規劃這主要包括四個方面的內容。

1、討論網站的主題。

網站整體規劃是做網頁的第一步也是製作網頁最關鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛的服飾來為它做網頁。在平時我也對服裝的網頁比較關心，無論是淘寶網上的衣店還是各種品牌裝。這次我是為「易菲」服飾做的網頁。

2、定位網站的ci形象。「易菲」植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既伏舉如有濃厚文化底蘊，又有現代自然人文氣息的特色品牌。「易」即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展。「菲」通非，是生機、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘。「生活如花，自在快樂」是yifini易菲的設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網站的ci形象。

3、確定欄目和板塊。

於時間的關系在本次我准備做四張網頁：一張主頁三張二級頁面。分別設計了「時尚首頁、時尚衣秀、推薦產品、潮流信息」等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網頁的主打色綠色。

2、網站的整體風格和創意。

整個網站的創意就在於顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網站的主打色主要是因為我的產品特性。在設計上，yieini易菲推崇「自然美」，將帶表女性氣質的花卉和自然元素融入設計之中，充分體現設計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。

二、網頁製作的前期策劃與准備，在本階級主要有兩方面的工作。

1、資料的搜集。

在做網頁我上網收集了許多方面的資料主要是有關網站的布局與服飾品牌方面的資料，我首先進它的企業網站找了一些關於「易菲」服飾的圖片主要是一些代言形象還有代表其企業形象的圖片。其次我去瀏覽了許多的網頁觀察其網頁的布局、顏色搭配、欄目、板塊等方面的內容，同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態圖片的搜集，動態圖片其gif格式的還是好保存，但是要搜集flash動態圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經過三次像老實詢問我終於懂得一些關於代碼的搜索。在搜集資料的過程之中我發現了自己的許多不足之處，最關鍵就是平時對知識的掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現。通過這次的教訓在以後我一定會做得更好，爭取不范類似錯誤。

2、熟悉製作缺啟軟體。

做網頁主要用的工具便是dremweaver、photoshop、flash軟體。在這些軟體我對dremweaver、photoshop相對比較熟悉，因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現了我學習方面的缺點，它是我平時不夠認真的具體表現。

三、網頁製作，這便進入我該次的主題了具體製作流程如下。

1、構建站點框架。

在我打開dremweaver後第一步便是新建站點，我把我的站點建立在f儀下面。並將我搜集的全部資料都保存在其文件夾中，以便網頁製作時可以方便的使用。

2、設計主頁及二級頁面。

在主頁我設首頁製作時，時刻考慮著網頁的基本原則：統一，連貫，分割，對比及和諧的原則，內容統一，都是為了主題服務，美容美體，一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計才是成功的；連貫，頁面之間關系連貫，統成一體；每版內容都自成一體，顏色各異，便於瀏覽；整個網頁有動有靜，色彩呼應，搭配協調，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且製作過程中，不忘以下原則：

簡潔實用：這是非常重要的，網路特殊環境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗餘的東西。使用方便：同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美；頁面用色協調，布局符合形式美的要求：布局有條理，充分利用美的形式，是網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

互動式強：發揮網路的優勢，是每個使用者都參與到其中來，這樣的設計才能算成功的設計。這樣的網頁才算真正的美的設計。每個子頁都設有上導航欄，便於瀏覽和跳轉。3個二級網頁製作時，使用的是表格，每一個頁面都用表格為它布局好，然後在插入圖片文字及其他，這樣有一定的規劃性，體現了連貫統一性，不同的內容根據各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網頁的時候我就進行了如上所述的方法。但我所以網頁的背景顏色及主題顏色都是相同的以便突出我每一個網頁都是為凸顯我主題而服務。

3、實現網頁間的鏈接。

我的鏈接按鈕主要有四個「時尚首頁、時尚衣秀、推薦產品、潮流信息」它分別鏈接到我所做的四個網頁。鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最後選擇自己要鏈接的網頁單擊確定便可以了。

4、向靜太網頁插入動態效果。

在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網頁上可是在瀏覽網頁的時候flash卻不能夠顯示。最後我向老師的請教後終於在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網頁我主頁插入的是一些gif格式的動態圖片。

四、網頁的調試

在做完網站才發現，怎麼所有的圖片素材並不是在一個文件夾中，而有許多的子文件夾，從網上下載的網頁全都是一個網頁對應一個文件夾。製作過程中，才發現，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的.時候只是會建立模版，可不會應用。而對於動態flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學校上的問題，當真正開始運用的時候在向老師提問。

這只是在製作過程中出現一些問題，其它問題也是類似相同。現在想想，自己所會的東西太少了，現在做的網站只是一些簡單的靜態的網站，看到了一些知名的網站開發出的網頁，不僅欄目內容豐富，信息量大，而且頁面圖文並茂，五彩繽紛，使得網民贊嘆不已，流連忘返。從我做的網頁來看可以反映出學習的還不夠，缺點疏漏。需在加以刻苦鑽研及學習，不斷開拓視野，增強自己的實踐操作技能，為以後能做出出色的網頁而努力。同時我也希望能夠有更多的類似動手練習，讓我們在實踐之中來學習知識。因為我覺得實踐不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術性。

【篇二：在線課程網站設計與實現開題報告】

題目名稱在線課程網站設計與實現

學生姓名專業班級

一、選題的目的意義

隨著信息化的發展，互聯網需要提供更多的服務，構造更完善的體系以滿足越來越多的用戶的精神與物質需求。其強大的功能已為人們深刻認識，它已經進入人類社會的各個領域並發揮著越來越重要的作用。各行各業的人們無須經過特別的訓練就能夠使用電腦完成許多復雜的工作。計算機的最大好處在於利用它能夠進行信息管理。使用計算機進行信息控制，不僅提高了工作效率，而且大大的提高了其安全性。

目前在學校，教學工作日益繁重，需要有一個自動化的工具進行統籌管理，才能夠及時、准確地進行教學工作，加強學生和教師之間的溝通。

為了達到網上互動教學的目的，讓更多的學生能夠隨時實現遠程學習的目的，同時可以通過一對一的提問，解答，實現師生間的相互遠程交流。

雖然我國的教學互動系統還不夠成熟，還存在這樣那樣的問題，但它的發展符合經濟學原理和人們的需要，只要對症下葯，一定可以逐漸發展完善。

二、國內外研究現狀

在線課程網站上的教學活動是藉助於一定的手段、工具展開的。教學活動的具體過程、組織方式以及質量效益等都和教學活動中使用的工具密切相關。可以說，不斷地把人類在社會生產與生活中創造出來的新技術、新設備加以改進並運用於教學活動中，這是人類教學進步的重要動力，是教學效率和效果得以不斷提高的重要物質保證。縱觀人類教育發展史，每一項新的教學技術的應用，都給教學活動提供了新的發展空間，使教學活動在整體上得到豐富和提升。從某種意義上說，隨著社會發展而不斷更新教學設備、優化教學技術，是教學發展的歷史規律和客觀要求。我們發展現代教學技術，應立足於教學發展的歷史規律，深刻認識到教學技術更新對於教學活動整體進步的歷史意義。

當前人類正在步入一個全新的技術發展時期。正如聯合國教科文組織國際21世紀教育委員會所指出的，「新技術使人類進入了信息傳播全球化的時代；它們消除了距離的障礙，正十分有效地參與塑造明日的社會」，「這些新技術正在我們眼前引起一場真正的革命，這場革命既影響著與生產和工作有關的活動，又影響著與教學和培訓有關的活動」。的確，以個人電腦、網路技術和多媒體技術為主要內容的現代信息技術革命的出現，為教學方式與教學模式的變革提供了新的物質基礎。看不到現代信息技術為提高教學質量、擴大教學對象、變革教學方式提供的物質支撐，就很難有效地利用信息技術為教學發展服務，就很難在我們的教學活動中體現人類技術進步的成果。從這種意義上說，充分利用現代信息技術，是教學發展的時代要求。

當前，世界各國都在研究如何充分利用信息技術提高教學質量和效益的問題，加強現代信息技術的教學應用已成為各國教學改革的重要方向。基於這樣的背景，國家教育部《綱要》第十一條明確提出，「大力推進信息技術在教學過程中的普遍應用」，並對這種應用的立足點作了明確的闡述：「促進信息技術與學科課程的整合，逐步實現教學內容的呈現方式、學生的學習方式、教師的教學方式和師生互動方式的變革」；「充分發揮信息技術的優勢，為學生的學習和發展提供豐富多彩的教育環境和有力的學習工具。」我們一定要提倡以提高教學質量和效益為目的，以轉變學生學習方式和促進學生發展為宗旨的教學技術應用觀。同時要本著從實際出發、因地制宜的原則，挖掘和發揮傳統的各種技術手段在教學中的積極作用，黑板、粉筆、掛圖、模型等傳統教學工具，錄音機、幻燈機、放映機等傳統的電化教學手段，在學校教學活動中同樣具有獨特的生命力，要把現代教學技術和傳統教學手段結合起來，努力挖掘所有教學技術手段的使用價值，積極促進各種技術手段之間的協同互補，從而促進教學技術體系整體協調發展。

三、主要研究內容

1、課程信息模塊

模塊名稱：課程信息模塊

模塊功能：教師發布課程信息，供學生們學習。

模塊界面圖：如圖所示。

2、公告管理模塊

模塊名稱：公告管理模塊。

模塊功能：管理員登錄後，可以在線發布公告；網站瀏覽者點擊公告可以瀏覽管理員發布的公告。

3、在線答疑模塊

模塊名稱：在線答疑模塊

模塊功能：實現了教師和同學的在線交流，學生可以就某個問題向教師請教。

4、教學資料模塊

功能：可以下載教學資料，瀏覽教學視頻等

四、畢業論文（設計）的研究方法或技術路線

1、研究的整體方案：

1）應用程序背景和需求分析

2）組建開發組

3）資料庫設計

4）編寫應用程序

5）測試和優化應用程序

6）發布資料庫和應用程序

2、工作進度的安排：

1）應用程序背景和需求分析：熟悉論文課題，查找資料，研究資料，熟悉編程語言，完成畢業設計開題報告及外文文獻翻譯。

完成時間：2012年12月底—2013年2月中旬。

2）組建開發組：本人獨立完成

完成時間：2013年2月中旬。

3）資料庫設計：繼續熟悉編程語言，查找資料，研究資料，確定資料庫結構和數據結構，建立資料庫，做好編程准備。

完成時間：2013年2月中旬——2月底。

4）編寫應用程序：著手編程，初調程序，建立程序的大致結構、整體框架。

完成時間：2013年3月初——4月初。

5）測試和優化應用程序：設計與撰寫論文，完善設計，進行測試。

完成時間：2013年4月初——4月中旬。

6）發布資料庫和應用程序：根據指導老師的建議，繼續完善程序，將完成的程序上交，並將畢業論文完成初稿上交。

完成時間：2013年4月中旬——4月底。

3、研究的預期目標及主要特點及創新點

（一）預期目標：

1、界面簡單可操作性強：一般的管理人員用戶經過簡單的培訓後，能很快地熟練操作。

2、安全性：我們通過系統內部自設的許可權校驗來對系統登錄用戶實施校驗，提高了整個系統的安全性，滿足客戶的安全性需求。

3、簡便有效的維護手段：系統使用後，維護工作將是一個長期的工作，系統將充分考慮維護工作的需求，通過相應手段降低維護工作量及難度，從而達到保證運行可靠及節省費用的目的。

4、可擴充性：在線課程網站需要每日對辦公人員進行輸入，大量的數據要對資料庫輸入，所以該系統對具有較強的可擴充性，是十分重要的。

5、功能性強大：該系統將具有強大的功能，滿足一般企業的需求，相對於手工輸入具有強大的功能。

6、強大的糾錯能力：該系統將具有較強的糾錯能力，當運行時，用戶操作錯誤時會提出響應的警示，能自動保護系統避免系統出錯。

（二）主要特點：

1、可擴充性：資料庫具有較大的可擴充餘地。

2、系統的安全設置：系統內部的許可權校驗保證了企業資料的安全，保障了用戶的權益

3、高效性：該系統充分體現了計算機的特點，能夠快速有效的處理各項任務。

4、強大功能：通過對資料庫的簡單輸入，可實現手工無法比擬的多功能操作。

5、具有錯誤識別能力：當用戶操作出現錯誤時，系統將提出警告，並能提示正確的操作。避免系統被破壞。

（三）創新點：

該系統主要有人性化設計、系統的安全設置、簡單的系統維護方法、使用的高效性、強大的功能、具有錯誤識別能力等創新點。

五、主要參考文獻與資料

[1]王輝，黃紅超編著。PHP實用教程。北京：清華大學出版社。2005、

[2]DinoEsposito（意）著。羅兵，顧燕宏譯。精通PHP程序設計。北京：清華大學出版社。2006、

[3]RussBasinra，RichardConway著。王曉娜，黃開枝譯。PHP安全性高級編程。北京：清華大學出版社。2003、

[4]馮方方編著。PHP基礎教程。北京：清華大學出版社。2004、

[5]徐新華編著。精通PHP2、0、北京：機械工業出版社。2006、

[6]蘇紅超編著。PHP深入解析。北京：科學出版社。2003、

[7]劉寅力編著。系統分析之路。北京：電子工業出版社。2005、

[8]鄒建峰，李律松，李曉栓編著。PHP開發技術詳解。北京：人民郵電出版社。2005、

[9]申朝陽，宋顏浩主編。PHP與相關資料庫技術高級指南。北京：中國水利水電出版社。2005、

[10]（美）MichealOtey，PaulConte著。陳思義，吳強，劉紅波譯。SQLServer2000開發指南。北京：清華大學出版社。2002、

Ⅳ 【重要】如何設計一個優秀的網站

現今，網站和web技術已經不算是新興技術了，但是不得不承認，在當下的移動互聯網時代，web技術仍然算得上是新潮的技術之一，並且網站也是各企業商業價值中的重要一環。因此，規劃、設計具有優秀用戶體驗的網站，仍然是我們的重要技能之一。

前戲：明確網站的業務模型

在開始正式地規劃網站之前，我們有必要了解網站的主要業務模型。歲頃盡管人們都更加願意獲得免費的信息，但信息提供方（企業）簡核還是希望能夠由此得到回報的。

要明白： 大多數企業要想存活，就必須要掙錢。

在為企業建設網站之前，我們要知道公司的業務模型是什麼，如果不了解業務模型，就無法知道用戶哪些行為是有意義的，哪些行為是毫無價值的。

主流的業務模型包括：

找准了業務模型，我們就可以開始設計出支持業務需求的網站了。

一、明確目標用戶

在開始網站設計之前，我們首先要問自己一個問題：「網站是為誰搭建的？」不是每個網站的設計者都能准確有效地回答這個問題，有的人會說「網上的每一個人」，還有的會說「所有喜愛某類產品的人」、「所有愛看書的人」或者「所有喜歡美食的人」。

這些回答都不是准確的回答，因為你無法從這些回答中得到精確的用戶角色。

我們可以採取如下工作方式，去明確目標用戶：

1. 找到公司的市場/運營部門，市場/運營部門的人員或許對公司用戶的統計數據結果以及心理方面做過了大量的研究。

2. 咨詢公司負責人或高管，了解他們希望產品所面向的用戶，以及他們所認為的具有價值的用戶行為。

在和各相關部門同事的談話中，並不只是收集用戶的統計信息，真正要做的是得到一些合適的行為信息來幫助我們更好的設計網站。

比如，我們了解到用戶的年齡較大，就要做出一些初步的設計決策。如：字體要放大、交互操作要盡量簡單、以及頁面上哪些元素更應該突出等。

二、與目標用戶交流

招募目標用戶通常需要公司內部其他部門的配合，比如客服部門，可以通過諸如電話邀約、郵件邀約等方式，如果目標用戶是企業，則可以通過公司高層或市場部門，向企業致電或發送邀請函等方式，總之，盡量通過其他部門的協助完成用戶的邀約。

在訪談的過程中，我們要注意理解得到的反饋。比如，用戶可能會說「我希望按鈕大一些。」而他們的實際想法可能是「付款的過程太復雜了。」或者用戶可能會說「我希望這個的演顏色是紅色。」他們真正的意思可能是「要招到我想要的東西太耗費時間。」

最佳的方式是： 當用戶在正常的環境中具體完成任務時實際地跟蹤用戶的行為。

所以，在訪談中，我們可以問一些諸如「你想做什麼？」、「你希望得到什麼」這樣的問題，而避免去問「你認為這個按鈕應該放在哪裡？」這種問題。我們要把重點放在用戶完成任務時遇到的難題上。

三、創建用戶角色模型

角色模型可以幫助我們更深入地理解設計所針對的對象，以及怎樣才能真正滿足這個用戶的需求。當然，也可以不去創建復雜的角色模型，只不過，如果能針對一個特定的「人」來進行設計，會讓我們的設計更加有效。

1. 總結用戶交流結果，把結果分發給各利益相關者或相關部門人員

在第二步中，我們會收集到一些信息。可能已經得到用戶的相關信息，比如：性別、地理位置、上網習慣、技術水平或是他們使用競品的方式。

我們了解到用戶當前遇到的麻煩，也了解到哪些方面還算不錯等信息。

針對於收集到的信息，我們需要建立一份報告，這份報告可能會涉及以下信息：

這里需要注意的是：

2. 與各相關部門人員召開會議，腦暴形成用戶角色

尋求各部門相關人員的協作，往往比單槍匹馬作戰更高效。

每一個部門都會對用戶有自己的理解，是男人還是女人？年齡段如何？住在哪裡？如果大家不確定，可以參照上一步的報告文檔。

當大家提出了大量用戶特徵後，可以開始合並這些特徵，並將其改進為角色，比如：女性+25~35+華北地區=來自北京的27歲女性，甚至還可以為她取一個名字。

3. 讓角色成為真正的人

為用戶角色增加一些具體的個性化內容，比如：照片、姓名、職業、個人背景、職業、教育背景、目標、愛好、最喜歡的網站、他的願望等信息。確保用戶角色的真實是這一步的關鍵。

4. 為人物角色加入場景表達

通過創建場景，會使得人物更加豐滿，同時有助於我們完成網站交互乎咐陸系統的設計。場景，就是人物角色使用產品時的背景故事簡介。

比如：王強（人物角色名字）打開瀏覽器，從網站上看到了感興趣的電影介紹，首先他回選擇自己關心的電影類型，然後網站會推薦給他可能相看的電影；接下來，他會選擇真正感興趣的電影，並進行觀看。

四、繪制用戶路徑草圖

用戶路徑草圖可以幫助我們確定不同類型用戶會完成哪些類型的動作，由此我們可以決定需要為網站設計什麼。通過畫出不同用戶的路徑，可以幫助我們查看是否有遺漏。

舉一個例子：

比如，要建立一個小型電子商務網站的用戶路徑草圖，可以有這樣一個場景故事：買禮物的人瀏覽主頁，找到適合的禮物，買下禮物，寫下一張賀卡，寫上朋友的信息，付款。

起初的用戶路徑草圖如下：

接下來可以考慮：

網站的用戶不只是送禮物的人，也會有給自己買禮物的用戶、不滿意的用戶、失業想要在線賣東西的用戶、其他渠道接收到廣告的用戶。

我們可以繼續為這些用戶添加用戶路徑：

五、明確業務流程與任務流程

繪制了全用戶的全路徑草圖，現在就要拆解用戶的全部任務，明確交互中每一步的細節。

其實這一步，就是根據用戶的任務，完成各個任務/功能的流程圖設計，以及和網站後台系統交互的業務流程圖設計。

關於功能流程與業務流程，網上已有不少文章做出詳述，本文不再詳細闡述。

六、網站的用戶體驗設計

本步驟不再敘述如何繪制網站的原型圖，這里要談的是在網站的設計中，值得注意的要點。

1. 網站上的一切要井井有條

網站中會含有豐富的信息，用戶來到我們的網站時為了查找信息或者完成任務或者二者兼有，作為網站的設計者，我們的任務就是用好的設計幫助用戶達到他們的目的。

（1）幫助確認是否到達了正確的位置

來到網站，用戶希望知道這是不是他所需要的，也就是他是否達到了正確的位置。

用戶來到我們的網站時，首先看到的就是網站的組織方案。

組織方案有兩個作用：

因此，組織方案需要為用戶展示所有的產品范圍。比如，淘寶網站的分類導航：

（2）幫助用戶找到他們需要的東西

用戶知道他們訪問了正確的網站，接下來他們需要標識導引來找到他們想要的東西，標識導引有四方面的內容：

（3）讓用戶知道網站上有更好的東西

無論用戶是否在網站上找到了他們需要的東西，他們都會想找到更多的類似的更好的內容。

在這里，可以有效利用導航或麵包屑導引，突出顯示用戶在網站中的當前位置，並顯示相關的內容，讓用戶可以鏈接到其他的地方。

另外，也可以使用提供「更多內容」的選項，可以向用戶提供相關商品的快捷途徑。

「更多內容」導航工具對於一組相關商品以及相關種類的快捷途徑最為有效，例如電商網站的「猜你喜歡」，文章網站的「相關文章」。

（4）為用戶提供下一步操作

用戶已經找到了他們想要的東西，我們要為用戶的下一步操作提供相應的選擇，我們應該在設計網站時詢問自己「用戶希望在找到他們需要的東西後，做些什麼？」

對於一個電商網站，用戶肯定是要購買到找到的商品，電商網站提供的「加入購物車」和「購買」按鈕有效幫助用戶解決了問題。對於一個文章網站，用戶閱讀一篇文章後需要做些什麼呢？應該是評論、分享、收藏、復制、粘貼這篇文章。

用戶會利用網站提供的「下一步」操作拉近與其目標的距離。

2. 網站導航的細節闡述

這里之所以把網站的導航設計拿出來，是因為看似簡單的導航設計，裡面含有很多的設計細節。

在討論導航的細節之前，我們先要明確用戶查找信息的方式，用戶訪問我們的網站就是為了獲取查找相關信息，而導航可以幫助用戶去完成這一操作，所以有必要了解用戶查找信息的方式。

（1）用戶查找信息的方法

（2）導航的分類

三類導航分別對應不同的用戶查找信息方法：

（3）全局導航

在很多網站上，全局導航就是導航條，比如：

對網站內容分類並選擇組織系統時，全局導航作為頂層類別，對用戶和企業來說是意義重大的，因為它展現了網站的頂層架構。

全局導航需要再每個頁面都出現，不論用戶現在在哪裡，都能通過全局導航繼續訪問網站的任何位置。

同時，全局導航還有一個作用，就是會告訴告訴用戶網站是關於什麼的，以及用戶可以利用網站來做些什麼。

全局導航通常會顯示在頁面的最上方，因為這樣就能將頁面的其餘部分聚焦於內容數據。

當然，垂直的全局導航也是一種選擇，但是這樣會限制局部導航以及頁面內容的可用空間。

（4）局部導航

局部導航也稱為欄目導航，因為它提供了一組鏈接。當點擊了一個全部導航時，會進入到相應頁面，此時會在全局導航下方出現新的一組導航條，這就是局部導航。

利用局部導航，只需要提供一個欄目下其他頁面的鏈接即可。

在一個復雜的分類系統中，用戶希望從一個類別移到子類別，然後再移回來，設計局部導航就是為了讓用戶能夠輕松地在不同類別間導航。

局部導航可以有效的幫助「探測內容查找」型用戶，這些用戶知道他們需要某些東西，但是又不確定到底是什麼。

選擇一個全局導航後，局部導航可以幫助他們瀏覽更加具體的內容。而對於「不知道自己要查找什麼」的用戶，局部導航可以為他們提供一組相關的選項，幫助他們做出決策。

局部導航通常出現在全局導航的下方（或頁面的左側）。這種布局方式也強調了內容的組織方式：子類在類別下方，把相關性最強的鏈接放在最接近用戶需要的位置。

用戶在訪問網站的一個頁面時，會關注頁面的內容，如果他看到的頁面上沒有需要的內容，那麼局部導航通常要放在離頁面內容更近的位置，用戶想要訪問其他類別時，首先要找的便會是局部導航。

（5）導航訪問模式

在全局導航和局部導航這里，介紹一下用戶訪問導航的模型，用戶查找網站內容的方式取決於網站的導航，通過導航訪問內容有兩種基本模式（我喜歡這么叫這兩種方式）：彈跳模型和爬行模型。

彈跳模型： 這種模型會使用戶前往一個子類，然後必須回到其父類（首頁）來選擇另一個不同的子類。

此模型適用於用戶瀏覽龐大的異構內容集的時候，眾多分類龐雜的網站如電商網站、素材類網站，這些類型網站中麵包屑導引工具就顯得異常重要，用戶會沿著麵包屑導航的軌跡返回。

採用該模型，為了讓用戶在網站中轉移時將其餘的頂層類別隱藏，使用戶更沉浸當前類別中。

同時，對於包含大量內容的網站，不可能把所有頂層類別連同所有局部導航都顯示在一起。

例如，京東的麵包屑還自帶了篩選功能：

爬行模型 ：在該模型中，用戶可以採用橫向的方式在各類別間轉移，用戶選擇一個類別後，可以繼續選擇頁面上的「兄弟」類別的導航，用戶只需要單擊一次就可以進行切換。

做一個簡單的總結：全局和局部導航統稱為結構導航，優秀的結構導航能支持用戶的所有信息搜尋行為，包括前文中三類查找信息的用戶。

（6）關聯導航

關聯導航就是網站頁面上能為該頁面上的內容關聯到額外內容的鏈接，比如：文章詳情的「更多文章」、電商網站的「猜你喜歡」、新聞詳情的「相關新聞」等。

關聯導航有時很容易被我們忘記，因為它們相當於跨越了網站信息架構體系結構的快捷方式。

但是，不得不承認，關聯導航是保證網站可用性強大的驅動力，可以促使用戶沉浸於我們的內容。

關聯導航關注兩方面內容：

a. 上文中已經提到過「下一步」操作。當用戶找到了他們希望的東西時，下一步要做什麼？

如果是訪問了一篇文章，就應該為用戶提供更多相關文章的鏈接；如果是觀看了一個視頻，就可以提供更多相關的視頻鏈接給用戶。

例如：在36kr網站，當用戶閱讀了一篇文章後，網站提供了收藏、評論、分享等功能。

或者，用戶心情不錯想要繼續查看相關內容，為此，網站提供了相關文章和感興趣文章的鏈接。

又或者，用戶不想看類似文章了，此時網站提供了下一篇文章的鏈接。

b. 如果當前頁面展示的不是用戶想要的，那麼該怎麼辦呢？我們當然不能保證每一個頁面都是用戶想要的。

我們要做的，就是要提供一些其他的內容給用戶看到，可以提供一些相關內容的鏈接，或者是提供同一內容不同格式的鏈接，比如在一個新聞詳情內，可以給用戶提供文字、音頻以及視頻多種查看方式。

例如：在用網路搜索內容時，並不是一下子就能搜索到用戶想找的內容，此時在搜索頁面上提供了多種格式的搜索類型，同時還提供了搜索工具幫助用戶篩選搜索的結果，在界面的右側也提供了一些與搜索關鍵字相關的鏈接。

（7）可用性導航

信息架構領域的美國知名作家James Kalbach給出了可用性導航的定義「可用性導航將工具和特性相連接，這些特性可以幫助訪問者使用網站。」

好吧，專家的定義總是這么晦澀。

其實我們對可用性導航並不陌生，網站的登錄/注冊、搜索、個人信息、個人賬戶、客服、我的訂單等都是可用性導航。

可用性導航通常放在全局導航附近，比如頁面的右上方，因為可用性導航也需要在網站的所有地方都能訪問到。

在設計可用性導航時，要利用視覺線索和頁面上的屋裡位置將它和全局導航分開。

不同類型網站可用性導航包含的信息不同，根據網站各自的業務進行具體設計，比如：京東的「登錄/注冊、我的訂單、我的京東、京東會員、企業采購、客戶服務、手機京東」、站酷網的「搜索、上傳、消息、個人信息」等。

（8）小結：

全局導航和局部導航可以幫助用戶縮小網站的內容範圍。關聯導航可以將用戶連接到相關的內容，提供不同情況的「下一步」。

可用性導航可以放置另外三類導航未能妥善處理的其他重要鏈接。

三部分導航綜合到一起，就可以得到一個可用性很高的網站了。

如果在設計網站的導航時，還是無從下手，試著回答自己三個問題「內容如何組織？」「用戶希望通過網站做什麼？」「你希望用戶通過網站做什麼？」

3. 網站內容的基石—元數據

元數據是網站組織系統的基礎，搜索以及電商網站上的導航系統都依賴於元數據。

網站上的信息可以有不同的形式，比如：一篇文章、一張圖片或者是一個視音頻。

元數據可以確保以上各種形式的內容都能夠被用戶查找瀏覽到，元數據就是每一項內容的所有信息。比如，一首歌曲，元數據可能包括：出處，版本，作詞人，作曲人，演唱者，專輯名，時長，音樂類型等等。

元數據通常包括以下三種：

1. 固有性元數據。與內容構成有關的元數據，比如這是一個word文檔、jpeg圖片、ZIP文件。

2. 管理性元數據。與內容構成有關的元數據，比如圖片的用途、編輯人、是否已發表。

3. 描述性元數據。與內容本質有關的元數據，比如一個圖片的描述性元數據：狗、犬科、可愛等。

下圖展示一些元數據的類型：

我們要根據網站的具體定位，組織具體的內容及其元數據，明確每一個元數據對用戶來說是否有用。

4. 網站設計要遵循的基本原則

用戶體驗設計部分的最後，總結一些常用的設計原則吧：

七、目標（種子）用戶測試網站

可以給用戶測試我們的網站原型，也可以快速搭建第一個版本後讓用戶使用得到反饋。無論採用哪一種方式，目標都是要盡快得到用戶的反饋，以及時調整解決出現的問題。

同時，我們要為發現的問題預留出足夠的處理時間。

八、迭代優化我們的網站

接下來，就是不斷的去迭代、優化網站了，根據公司業務的調整、或是配合其他產品線、或是增加產品功能，不斷的去完善網站。

九、總結

本文討論了系統規劃網站的大致流程，重點討論了提升網站用戶體驗的設計要點，從中又引出了導航、元數據以及基本的設計原則，希望本文的內容能給大家帶來一些幫助。