網站畢業設計說明書

網站畢業設計說明書

【篇一：校園博客網站畢業設計說明書】

1 引言 博客（blog）的全名應該是web log，中文意思是“網絡日

志”，后來縮寫為blog，而博客(blogger)就是寫blog的人。從理解

上講，博客是“一種表達個人思想、網絡鏈接、內容，按照時間順序

排列，并且不斷更新的出版方式”。簡單的說博客是一類人，這類人

習慣于在網上寫日記。

博客（blog）是繼email、bbs、im之后出現的第四種網絡交流方

式，是網絡時代的個人“讀者文摘”，是以超級鏈接為武器的網絡日

記，是代表著新的生活方式和新的工作方式，更代表著新的學習方

式。具體說來，博客（blogger）這個概念解釋為使用特定的軟件，

在網絡上出版、發表和張貼個人文章的人。

博客是一種滿足“五零”條件(零編輯、零技術、零體制、零成本、零

形式)而實現的“零進入壁壘”的網上個人出版方式，從媒體價值鏈最

重要的三個環節：作者、內容和讀者三大層次，實現了“源代碼的開

放”。并同時在道德規范、運作機制和經濟規律等層次，將逐步完成

體制層面的真正開放，使未來媒體世界完成從大教堂模式到集市模

式的根本轉變。

博客的出現集中體現了互聯網時代媒體界所體現的商業化壟斷與非

商業化自由，大眾化傳播與個性化（分眾化，小眾化）表達，單向

傳播與雙向傳播3個基本矛盾、方向和互動。這幾個矛盾因為博客

引發的開放源代碼運動，至少在技術層面上得到了根本的解決。

本博客系統中，是采用了b/s設計模式，它是一個經過考驗的真正

的軟件設計模型，它可以使程序成為可維護的、模塊化的和快速開

發的包。使用分離的模型(model)、視圖(view)和控制器(controller)

組織的程序是輕便的。新的特性很容易就被加入，舊的程序換上新

的外觀也是一下子的功夫。模塊化和分離的設計使得開發者和設計

者能夠同時工作，這包括了快速原型的能力。分離的設計令開發者

可以修改應用的一部分而不會影響到其它部分。

2 系統的開發背景、開發環境、目的和意義

2.1 開發背景 blog是1997年12月由美國的jorn barger最早提出

的，這些年全球博客獲 得了突飛猛進的發展。據博客搜索

technorati統計，目前全球平均每5.8秒鐘誕生一個博客。它是一個

個人互聯網出版工具，博客使用者可以很方便地用文字、鏈接、圖

片建立起個性化的網絡世界。博客正在改變人與人之間交流方式。

目前，全球參與博客的人數已經達到千萬之眾，而且每幾秒鐘，都

有一名新的博客用戶加盟進來。很多律師、教授、學者，甚至法官

和議員都有了自己的博客網站，形成了獨特的博客文化。許多企業

正在把博客方式引入到企業的內部網和公司網站，用于非正式的知

識管理和網絡營銷等。政府和教育等領域都在嘗試利用博客構造內

部知識管理和溝通交流的新體系，可以讓職員積累知識，發表評論，

鏈接有意思的網絡資源，促進彼此的交流溝通。一個典型的博客結

合了文字，圖像，其他博客或網站的鏈接及其他與主題相關的媒體。

能夠讓用戶以互動的方式留言，是許多博客的重要組成元素。

博客是使用方便的、交互性強。與傳統的電子郵件、bbs等互聯網

溝通方式相比，博客是一種較人性化的溝通平臺。bbs公共匿名性

很強，而且缺乏約束。電子郵件是多用于個人間的通訊，而博客是

公共性和個人性的結合。博客是個人在網上展示自己風采、與別人

交流的綜合平臺，它的管理比bbs簡單的多。

2.2 開發目的及意義

博客能讓個人在互聯網上表達自己的心聲。這是一個收集和共享任

何感興趣的事物的地方--可以是政治評論、個人日記或是指向您想記

住的網站的鏈接。許多人使用博客只是要組織自己的想法，而有些

人則在全球成千上萬的瀏覽者中贏得影響力。職業和業余新聞記者

使用博客發布特發新聞，而有寫日記習慣的人則會在博客 中宣示自

己內心的想法。而攝影和美術發燒者，可以通過博客 系統的管理自

己的作品，無論您要發表什么意見，博客都可以幫您表達出來。

（3）反映成長。寫blog，可以反映出人的思考過程，而不僅僅是

思考結果。對一個問題或領域，從不了解到了解，從了解到熟悉，

從熟悉到精通。這紀錄了一個人思考和解決問題的成長過程。很久

之后，看到自己之前的文章，你將會覺得自己進步了。

（4）結交朋友。寫了blog，自然會有許多志趣相同的朋友來閱讀，

這可以認識許多朋友。大家有共同的興趣愛好，自然談得來。

（5）共享知識。blog給大家看，大家的blog也給你看。這個問題

我解決了，那個問題他解決了。大家互通有無，建立起一個社群。

（6）交流看法。回復的人對blog的觀點或贊同，或反對，大家一

起討論，聽聽別人的思想，可以促進雙方的共同進步。

（7）包裝自己。看到一篇篇用心寫出的文章，自然是對自己知識技

能的最好宣傳。

2.3 開發環境

1）c#語言

c#是一種安全的、穩定的、簡單的、優雅的，由c和c++衍生出來

的面向對象的編程語言。它在繼承c和c++強大功能的同時去掉了

一些它們的復雜特性（例如沒有宏和模版，不允許多重繼承）。c#

綜合了vb簡單的可視化操作和c++的高運行效率，以其強大的操作

能力、優雅的語法風格、創新的語言特性和便捷的面向組件編程的

支持成為開發的首選語言。c#看似基于c++寫成，但又融入于

其他語言如java、vb等語

言。

2）sql ver 2008介紹 microsoft sql rver 2008是一個重大的

產品版本，它推出了許多新的特性和關鍵的改進，使得它成為至今

為止的最強大和最全面的microsoft sql rver版本。微軟個數據

平臺滿足這些數據爆炸和下一代數據驅動應用程序平臺愿景：關鍵

任務企業數據平臺、動態開發、關系數據和商業智能。

這個平臺有以下特點

3）microsoft visual studio 2010介紹

visual studio是微軟公司推出的開發環境，是目前最流行的

windows平臺應用程序開發環境，visual studio可以用來創建

windows平臺下的windows應用程序和網絡應用程序，也可以用

來創建網絡服務、智能設備應用程序和office插件。

3 系統需求分析和可行性分析

3.1 系統需求分析

(1) 前臺管理

本網站前臺是對博客和訪客兩種身份開放的，博客用戶通過前臺登

錄后，可對自己的博客空間進行管理，包括發布自己的網絡日志、

與相關人員進行交流和溝通以及刪除訪客發表的評論等。訪客可以

登錄或以匿名身份對博客的文章發表評論。

1）訪客主頁面實現過程

2）瀏覽博客的所有文章

3）訪客發表評論

4）博客管理文章

5）博客管理評論

(2) 后臺管理后臺管理模塊只對管理員開放，管理員登錄后，可以查

找和刪除已注冊的博客用戶，可以添加、修改和刪除管理員并對管

理員進行權限設置，還可以添加、查找和刪除友情鏈接。其具有的

功能如下：

（1） 主頁管理：刪除主頁信息

（2） 幻燈片管理：修改圖片圖片

（3） 博客信息的管理：查找、刪除博客用戶

（4） 管理員管理：添加、修改、刪除管理員

（5） 鏈接管理：添加鏈接，刪除、查詢鏈接

3.2 可行性分析

畢業設計（論文）

題 目 torrens網站設計

系(部)數字媒體系

專業（方向）圖形圖像制作（計算機）

班 級

學 生 姓 名

指 導 教 師

總 成績

職業技術學院教務處制

2009年12月

畢業設計（論文）過程檢查表

學生畢業設計、論文或作品等的說明

網頁ui設計與用戶體驗

===================================================

============================================

網頁設計的作用在于展示企業形象，并協助、指導用戶順利完成訪

問目標及任 務流程。

《網頁設計與用戶體驗》探討網站外觀與界面設計的用戶易用性。

由新競爭力 網頁設計師通過大量 案例闡述影響用戶體驗的網頁設計

問題。涉及用戶需求分析、網站整體風格和 品牌形象、“實用”與“美

觀”的平衡點、網站導航設計、網站界面布局、網 站視覺元素設計等

網頁設計主題。 網站外觀設計應依托于網站結構，以用戶為中心設

計，使網站內容以更符合用 戶習慣的方式呈現。同時網站的外觀設

計還要通過對用戶行為的引導服務于網 站的運營目標。

時下國內的一些企業網站存在的較普遍問題是：沒有分析用戶特征

和用戶需求

，以企業領導的喜好或設計師個人喜好來作為設計的依據；或者過

分強調外觀 設計而忽略了最根本的企業的行業屬性，過于注重視覺

效果，網站美觀有余實 用不足。

1、試著去了解用戶

網頁設計師在進行網站的外觀設計之前，不妨先去思考幾個問題

?誰是你的目標用戶？

?目標用戶具有什么特點？

?你的網站運營目標是什么？

?如何讓你的設計真正為傳遞網站內容和產品價值而服務？

?你的設計能否給目標用戶帶來更好的體驗？

網站外觀設計應依托于網站結構，以用戶為中心設計，使網站內容

以更符合用 戶習慣的方式呈現。同時網站的外觀設計還要通過對用

戶行為的引導服務于網 站的運營目標。

時下國內的一些企業網站存在的較普遍問題是：沒有分析用戶特征

和用戶需求

，以企業領導的喜好或設計師個人喜好來作為設計的依據；或者過

分強調外觀 設計而忽略了最根本的企業的行業屬性，過于注重視覺

效果，網站美觀有余實 用不足。

2、網站整體風格和品牌形象

網站的整體風格是網站外觀設計的指導思想。視覺元素、css、布局

方式、瀏

覽器兼容性等視覺表現形式都要服從于網站的整體風格。

確立網站整體風格有助于品牌形象的塑造，而網站的品牌理念對網

站的整體風 格也有著重要的影響。網站的品牌形象不僅是現有的品

牌在網上的延伸，還能 給用戶帶來更多的符合期望的品牌體驗。

3、風格要突出企業/產品的個性氣質

企業網站的風格要體現獨特性而不是與其他網站千篇一律的風格，

比如套用模 板程序做出來的網站通常就難以體現個性氣質。

很多創意類的工作室或者廣告公司的網站常常喜歡采用紅黑，黑白

這樣對比強 烈的顏色。以此來體現網站的品牌氣質，使網站整體顯

得個性張揚，飽滿精致

4、 網站界面布局

網站界面的布局方式、展示形式直接影響用戶使用網站的方便性。

合理的頁面 布局令用戶快速發現 網站的核心內容和服務；如果頁面

6.網站界面設計的兼容性

網站界面設計還應考慮瀏覽器兼容性，即要適合大多數用戶的瀏覽

環境，使他 們都能正常的瀏覽。

隨著web標準的推廣和應用，將網站界面的表現與形式分離，更

具靈活性和適 應性的方式在網站建設中越來越受推崇。要做到網站

界面在各瀏覽器和分辨率 下相兼容，不妨第一步就從web標準化的

運用開始。

同理，網站界面目前對應的主流瀏覽器仍然是ie5.5以上，火狐

firefox的市場份 額近年也不斷增加，設計師要做到網頁在以上瀏覽

器下均能正常瀏覽。

torrens網站設計作品說明

===================================================

=========== 網站導航設計

網站的導航機制是網站內容架構的體現，網站導航是否合理是網站

易用性評價 的重要指標之一。 網站的導航機制一般包括全局導航、

輔助導航、站點地圖等體現網站結構的、 對用戶進行引導的因素。

通過使用flash制作了非常動感的導航，增強了用戶的互動體驗。同

時也是本網 站的難點很突破

網站banner/slideshow

通過網站本站slideshow來展示公司最新產品，或者是想要傳達給

客戶的健康 理念，都可以使用精心制作的廣告圖來表現。讓瀏覽者

第一眼就記住它。這就 是頂部slideshow的重要作用

【篇三：網站設計說明書--參考樣本】

說明：此內容之前有（1）封面，（2）扉頁，（3）設計情況簡介，

（4）目錄。

正文部分的文字說明必須與所設計的網站實際內容嚴格對應，如果

沒有真正上傳到internet，則“開發工具”中的“上網方案”和“申請域

名”部分可酌情寫或省略不寫。首頁下的各二級頁面必須進行說明并

有抓圖。凡是利用編程方法制作的內容，應在所描述內容之后給出

程序代碼，或在最后即“參考文獻”之后，增加“附錄”給出有關部分

的程序代碼。 以下正文中“藍色字體”表示給出的注釋。正文的排版

要求另見“畢業設計說明書排版格式要求”文件（發送過）。

xxx網站設計說明書(正文部分)

一 緒 論

在internet飛速發展的今天，互聯網成為人們快速獲取、發布和傳

遞信息的重要渠道，它在人們政治、經濟、生活等各個方面發揮著

重要的作用。 科技的發展、時代的進步傳統的教育方式被大大的局

限于一定的范圍之內，教育的網絡化發展是其自身發展的必然趨勢，

也是時代發展、社會進步的必然趨勢。作為首選的front page有它

自身的先決條件。通過我們不斷的對其功能的詮釋，同時我們也可

以通過教育方式和教育水平的提高，我們將能更好的開發出我們所

需的其自身更深層次的功能與作用。internet上發布信息主要是通過

網站來實現的，獲取信息也是要在internet“海洋”中按照一定的檢索

方式將所需要的信息從網站上下載下來。因此網站建設在internet

應用上的地位顯而易見，它已成為政府、企事業單位信息化建設中

的重要組成部分，從而倍受人們的重視。

1.1 網站的總體規劃

我們在制作網頁前首先要做的是要對網頁內容進行一下具體的規劃,

確定一下制作的思路和目的,從而更方便我們的設計和制作。

創建新網頁最佳方法是先建立原型系統，再進行詳細設計，最后正

式實施。

原型系統最主要的目標是學習、嘗試采用不同的方法修改目標、更

新形象。原型系統開發過程中要解決網頁建設的一些基本問題。

例如：

網頁的結構；

網頁整體風格的構思和素材的搜集；

主頁的制作；

的網站，如此才能更好的讓群眾們了解公司，熟知公司，達到企業

知名度。

我的建站目的：房地產行業是一個特殊的產業，與其它商品最大的

區別是消費者一般一生只購買一次。所以，房地產行業的公司不會

像其他類型公司一樣熱中于培養忠誠的消費客戶，而是在不斷地尋

找新客戶。所以房地產公司網站建設的目的和功能可以概括為四點：

一是做個性，展示房地產公司；二是做虛擬，展示開發樓盤；三是

做網絡化銷售，拓寬銷售渠道；四是做增值，樹立企業形象，增加

無形資產。

二 開發工具

2.1 網頁制作使用的技術

整個公司網站的建設運用到網頁三劍客制作技術。網頁設計技術是

隨著互聯網及電子商務的發展應運而生的，利用這種技術，可以設

計制作出各種不同風格的網頁，向人們展示互聯網最生動的一面。

著名的macromedia公司的有著網頁設計三劍客之稱的

dreamweaver、fireworks和flash軟件，能獨立設計和開發出精美

的網頁。dreamweaver在多媒體方面頗有建樹的macromedia公司

推出的可視化網頁制作工具，它與flash、fireworks合在一起被稱

為網頁制作三劍客，這三個軟件相輔相承，是制作網頁的最佳選擇。

其中，dreamweaver主要用來制作網頁文件，制作出來的網頁兼容

性比較好，制作效率也很高，flash用來制作精美的網頁動畫，而

fireworks不僅僅是一個圖象處理工具，它還是一個全功能的web

設計工具。此外，在整個網頁制作中我還加入了javascript腳本語

言，通過這個技術的使用讓網站又增加了很多亮點，顯得更加生動。

網站中的公司logo是我自己用fireworks制作的，整個logo的制

作，融入了我個人的一些想法和創意。

2.2 上網方案

企業上網有很多方式，有自己組建網絡、主機托管和虛擬主機等方

式。虛擬主機是用于存放網站，一般個人制作的網站出于流量費用

等因素考慮 不會為網站存放選用整個服務器，服務商把一臺服務器

劃分成若干個目錄提供給他們使用，每一個目錄都是一個虛擬主機。

因資金有限和網站的規模較小，今后企業網站發布，我預選的方案

是中國頻道的虛擬主機服務，798元/每年，提供以下服務：

900mb web空間

100mb log空間

windows2003操作系統

全面支持2.0

流量可自由升級

免費贈送lm流量分析系統，及時準確地流量統計報告

不定期數據備份

功能強大的控制面板管理

最快捷的web文件管理功能

免費贈送企業名片

2.3 申請域名

域名的選擇，我初步決定還是在“中國頻道”注冊，它畢竟是大中華

區首家通過icann認證的頂級注冊商,目前域名注冊量亞洲第一。中

國頻道現在推出類英文域名促銷價：98元/個/年，域名我決定用

三 內容規劃

3.1 欄目板塊和結構

1、網站主體布局圖參見下圖：（利用word組織結構圖制作）

2、網站首頁布局圖參見下圖：

應繪制首頁各部分內容的布局圖（不能采用抓實際頁面圖，可利用

表格或文本框制作，并占一頁）略

3、連鎖體系：主要介紹宇軒不動產的所有連鎖店的地理位置、聯系

方式等，采用表格式。

4、新聞動態：主要介紹宇軒不動產近日發生的一些新事情，采用文

字式的布局結構。

5、房源發布：根據客戶的需要發布自己需要的服務。

6、服務流程：主要介紹宇軒不動產各項服務的流程，例如：房屋買

賣的流程、房屋租賃的流程，讓客戶可以對宇軒的服務流程更了解，

決定采用文字圖的形式。

7、地產專欄：地產咨詢、我們提供的服務。

8、誠聘英才：以表格形式進行在線招聘。

9、服務監督：是一個客戶可以提建議，可以投訴的平臺。

10、聯系我們：我們的地址，方便客戶聯系。

11、在線留言：為顧客提供了一個在線交流的機會和平臺。

這個網站設計的初衷也是為了能更好的與廣大客戶更好的交流溝通，

所以在這方面的設計上很特別，首先在網站首頁的左側有“在線留言”

點擊可進入到客戶服務的在線留言板塊；其次在“服務監督”中有投

訴專欄，質檢紅榜；這些板塊的設計方便了用戶更好的與我們溝通，

也更好的了解公司，有什么疑難問題或意見都可以在網上解決。

四 詳細設計說明

4.1 首頁設計說明

首頁背景為白色，logo以紅色為主，采用左中右結構，左面是房源

信息和友情

鏈接，中間部分為一些最新房源信息和宇軒新聞，右面是一些有關

圖片和滾動的各連鎖店的店名和聯系電話。頁面基本上每個圖標，

每個關鍵字都設有鏈接，首頁有三大亮點：1、飄動的圖片，并設有

鏈接，讓頁面更加生動。2、緩緩滾動的文字。3、漸變的圖片。前

兩個的制作均采用javascript腳本語言。

此處可單獨給出logo的抓圖并加以說明其特點。

如圖4.1所示：

圖4.1首頁分析

4.2 各分頁分析

4.2.1 連鎖體系

這項分兩頁，一頁是濱海連鎖，一頁是天津市區連鎖。兩頁風格一

致，logo是自己制作，一片藍色的海，完全符合宇軒不動產的企業

文化——水的文化。連鎖店的情況是以表格形式反映，采用表格式

是整個頁面更清，一目了然。

如圖4.2所示：