網(wǎng)站畢業(yè)設(shè)計說明書

網(wǎng)站畢業(yè)設(shè)計說明書

【篇一：校園博客網(wǎng)站畢業(yè)設(shè)計說明書】

1 引言 博客（blog）的全名應(yīng)該是web log，中文意思是“網(wǎng)絡(luò)日

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

上講，博客是“一種表達個人思想、網(wǎng)絡(luò)鏈接、內(nèi)容，按照時間順序

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

習(xí)慣于在網(wǎng)上寫日記。

博客（blog）是繼email、bbs、im之后出現(xiàn)的第四種網(wǎng)絡(luò)交流方

式，是網(wǎng)絡(luò)時代的個人“讀者文摘”，是以超級鏈接為武器的網(wǎng)絡(luò)日

記，是代表著新的生活方式和新的工作方式，更代表著新的學(xué)習(xí)方

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

在網(wǎng)絡(luò)上出版、發(fā)表和張貼個人文章的人。

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

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

重要的三個環(huán)節(jié)：作者、內(nèi)容和讀者三大層次，實現(xiàn)了“源代碼的開

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

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

式的根本轉(zhuǎn)變。

博客的出現(xiàn)集中體現(xiàn)了互聯(lián)網(wǎng)時代媒體界所體現(xiàn)的商業(yè)化壟斷與非

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

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

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

本博客系統(tǒng)中，是采用了b/s設(shè)計模式，它是一個經(jīng)過考驗的真正

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

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

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

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

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

可以修改應(yīng)用的一部分而不會影響到其它部分。

2 系統(tǒng)的開發(fā)背景、開發(fā)環(huán)境、目的和意義

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

的，這些年全球博客獲 得了突飛猛進的發(fā)展。據(jù)博客搜索

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

個人互聯(lián)網(wǎng)出版工具，博客使用者可以很方便地用文字、鏈接、圖

片建立起個性化的網(wǎng)絡(luò)世界。博客正在改變?nèi)伺c人之間交流方式。

目前，全球參與博客的人數(shù)已經(jīng)達到千萬之眾，而且每幾秒鐘，都

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

和議員都有了自己的博客網(wǎng)站，形成了獨特的博客文化。許多企業(yè)

正在把博客方式引入到企業(yè)的內(nèi)部網(wǎng)和公司網(wǎng)站，用于非正式的知

識管理和網(wǎng)絡(luò)營銷等。政府和教育等領(lǐng)域都在嘗試利用博客構(gòu)造內(nèi)

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

鏈接有意思的網(wǎng)絡(luò)資源，促進彼此的交流溝通。一個典型的博客結(jié)

合了文字，圖像，其他博客或網(wǎng)站的鏈接及其他與主題相關(guān)的媒體。

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

博客是使用方便的、交互性強。與傳統(tǒng)的電子郵件、bbs等互聯(lián)網(wǎng)

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

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

公共性和個人性的結(jié)合。博客是個人在網(wǎng)上展示自己風采、與別人

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

2.2 開發(fā)目的及意義

博客能讓個人在互聯(lián)網(wǎng)上表達自己的心聲。這是一個收集和共享任

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

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

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

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

己內(nèi)心的想法。而攝影和美術(shù)發(fā)燒者，可以通過博客 系統(tǒng)的管理自

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

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

思考結(jié)果。對一個問題或領(lǐng)域，從不了解到了解，從了解到熟悉，

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

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

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

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

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

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

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

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

（7）包裝自己?？吹揭黄眯膶懗龅奈恼拢匀皇菍ψ约褐R技

能的最好宣傳。

2.3 開發(fā)環(huán)境

1）c#語言

c#是一種安全的、穩(wěn)定的、簡單的、優(yōu)雅的，由c和c++衍生出來

的面向?qū)ο蟮木幊陶Z言。它在繼承c和c++強大功能的同時去掉了

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

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

能力、優(yōu)雅的語法風格、創(chuàng)新的語言特性和便捷的面向組件編程的

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

其他語言如java、vb等語

言。

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

產(chǎn)品版本，它推出了許多新的特性和關(guān)鍵的改進，使得它成為至今

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

平臺滿足這些數(shù)據(jù)爆炸和下一代數(shù)據(jù)驅(qū)動應(yīng)用程序平臺愿景：關(guān)鍵

任務(wù)企業(yè)數(shù)據(jù)平臺、動態(tài)開發(fā)、關(guān)系數(shù)據(jù)和商業(yè)智能。

這個平臺有以下特點

3）microsoft visual studio 2010介紹

visual studio是微軟公司推出的開發(fā)環(huán)境，是目前最流行的

windows平臺應(yīng)用程序開發(fā)環(huán)境，visual studio可以用來創(chuàng)建

windows平臺下的windows應(yīng)用程序和網(wǎng)絡(luò)應(yīng)用程序，也可以用

來創(chuàng)建網(wǎng)絡(luò)服務(wù)、智能設(shè)備應(yīng)用程序和office插件。

3 系統(tǒng)需求分析和可行性分析

3.1 系統(tǒng)需求分析

(1) 前臺管理

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

錄后，可對自己的博客空間進行管理，包括發(fā)布自己的網(wǎng)絡(luò)日志、

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

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

1）訪客主頁面實現(xiàn)過程

2）瀏覽博客的所有文章

3）訪客發(fā)表評論

4）博客管理文章

5）博客管理評論

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

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

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

功能如下：

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

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

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

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

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

3.2 可行性分析

畢業(yè)設(shè)計（論文）

題 目 torrens網(wǎng)站設(shè)計

系(部)數(shù)字媒體系

專業(yè)（方向）圖形圖像制作（計算機）

班 級

學(xué) 生 姓 名

指 導(dǎo) 教 師

總 成績

職業(yè)技術(shù)學(xué)院教務(wù)處制

2009年12月

畢業(yè)設(shè)計（論文）過程檢查表

學(xué)生畢業(yè)設(shè)計、論文或作品等的說明

網(wǎng)頁ui設(shè)計與用戶體驗

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

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

網(wǎng)頁設(shè)計的作用在于展示企業(yè)形象，并協(xié)助、指導(dǎo)用戶順利完成訪

問目標及任 務(wù)流程。

《網(wǎng)頁設(shè)計與用戶體驗》探討網(wǎng)站外觀與界面設(shè)計的用戶易用性。

由新競爭力 網(wǎng)頁設(shè)計師通過大量 案例闡述影響用戶體驗的網(wǎng)頁設(shè)計

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

觀”的平衡點、網(wǎng)站導(dǎo)航設(shè)計、網(wǎng)站界面布局、網(wǎng) 站視覺元素設(shè)計等

網(wǎng)頁設(shè)計主題。 網(wǎng)站外觀設(shè)計應(yīng)依托于網(wǎng)站結(jié)構(gòu)，以用戶為中心設(shè)

計，使網(wǎng)站內(nèi)容以更符合用 戶習(xí)慣的方式呈現(xiàn)。同時網(wǎng)站的外觀設(shè)

計還要通過對用戶行為的引導(dǎo)服務(wù)于網(wǎng) 站的運營目標。

時下國內(nèi)的一些企業(yè)網(wǎng)站存在的較普遍問題是：沒有分析用戶特征

和用戶需求

，以企業(yè)領(lǐng)導(dǎo)的喜好或設(shè)計師個人喜好來作為設(shè)計的依據(jù)；或者過

分強調(diào)外觀 設(shè)計而忽略了最根本的企業(yè)的行業(yè)屬性，過于注重視覺

效果，網(wǎng)站美觀有余實 用不足。

1、試著去了解用戶

網(wǎng)頁設(shè)計師在進行網(wǎng)站的外觀設(shè)計之前，不妨先去思考幾個問題

?誰是你的目標用戶？

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

?你的網(wǎng)站運營目標是什么？

?如何讓你的設(shè)計真正為傳遞網(wǎng)站內(nèi)容和產(chǎn)品價值而服務(wù)？

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

網(wǎng)站外觀設(shè)計應(yīng)依托于網(wǎng)站結(jié)構(gòu)，以用戶為中心設(shè)計，使網(wǎng)站內(nèi)容

以更符合用 戶習(xí)慣的方式呈現(xiàn)。同時網(wǎng)站的外觀設(shè)計還要通過對用

戶行為的引導(dǎo)服務(wù)于網(wǎng) 站的運營目標。

時下國內(nèi)的一些企業(yè)網(wǎng)站存在的較普遍問題是：沒有分析用戶特征

和用戶需求

，以企業(yè)領(lǐng)導(dǎo)的喜好或設(shè)計師個人喜好來作為設(shè)計的依據(jù)；或者過

分強調(diào)外觀 設(shè)計而忽略了最根本的企業(yè)的行業(yè)屬性，過于注重視覺

效果，網(wǎng)站美觀有余實 用不足。

2、網(wǎng)站整體風格和品牌形象

網(wǎng)站的整體風格是網(wǎng)站外觀設(shè)計的指導(dǎo)思想。視覺元素、css、布局

方式、瀏

覽器兼容性等視覺表現(xiàn)形式都要服從于網(wǎng)站的整體風格。

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

站的整體風 格也有著重要的影響。網(wǎng)站的品牌形象不僅是現(xiàn)有的品

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

3、風格要突出企業(yè)/產(chǎn)品的個性氣質(zhì)

企業(yè)網(wǎng)站的風格要體現(xiàn)獨特性而不是與其他網(wǎng)站千篇一律的風格，

比如套用模 板程序做出來的網(wǎng)站通常就難以體現(xiàn)個性氣質(zhì)。

很多創(chuàng)意類的工作室或者廣告公司的網(wǎng)站常常喜歡采用紅黑，黑白

這樣對比強 烈的顏色。以此來體現(xiàn)網(wǎng)站的品牌氣質(zhì)，使網(wǎng)站整體顯

得個性張揚，飽滿精致

4、 網(wǎng)站界面布局

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

合理的頁面 布局令用戶快速發(fā)現(xiàn) 網(wǎng)站的核心內(nèi)容和服務(wù)；如果頁面

6.網(wǎng)站界面設(shè)計的兼容性

網(wǎng)站界面設(shè)計還應(yīng)考慮瀏覽器兼容性，即要適合大多數(shù)用戶的瀏覽

環(huán)境，使他 們都能正常的瀏覽。

隨著web標準的推廣和應(yīng)用，將網(wǎng)站界面的表現(xiàn)與形式分離，更

具靈活性和適 應(yīng)性的方式在網(wǎng)站建設(shè)中越來越受推崇。要做到網(wǎng)站

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

運用開始。

同理，網(wǎng)站界面目前對應(yīng)的主流瀏覽器仍然是ie5.5以上，火狐

firefox的市場份 額近年也不斷增加，設(shè)計師要做到網(wǎng)頁在以上瀏覽

器下均能正常瀏覽。

torrens網(wǎng)站設(shè)計作品說明

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

=========== 網(wǎng)站導(dǎo)航設(shè)計

網(wǎng)站的導(dǎo)航機制是網(wǎng)站內(nèi)容架構(gòu)的體現(xiàn)，網(wǎng)站導(dǎo)航是否合理是網(wǎng)站

易用性評價 的重要指標之一。 網(wǎng)站的導(dǎo)航機制一般包括全局導(dǎo)航、

輔助導(dǎo)航、站點地圖等體現(xiàn)網(wǎng)站結(jié)構(gòu)的、 對用戶進行引導(dǎo)的因素。

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

時也是本網(wǎng) 站的難點很突破

網(wǎng)站banner/slideshow

通過網(wǎng)站本站slideshow來展示公司最新產(chǎn)品，或者是想要傳達給

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

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

【篇三：網(wǎng)站設(shè)計說明書--參考樣本】

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

（4）目錄。

正文部分的文字說明必須與所設(shè)計的網(wǎng)站實際內(nèi)容嚴格對應(yīng)，如果

沒有真正上傳到internet，則“開發(fā)工具”中的“上網(wǎng)方案”和“申請域

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

有抓圖。凡是利用編程方法制作的內(nèi)容，應(yīng)在所描述內(nèi)容之后給出

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

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

要求另見“畢業(yè)設(shè)計說明書排版格式要求”文件（發(fā)送過）。

xxx網(wǎng)站設(shè)計說明書(正文部分)

一 緒 論

在internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳

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

重要的作用。 科技的發(fā)展、時代的進步傳統(tǒng)的教育方式被大大的局

限于一定的范圍之內(nèi)，教育的網(wǎng)絡(luò)化發(fā)展是其自身發(fā)展的必然趨勢，

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

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

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

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

網(wǎng)站來實現(xiàn)的，獲取信息也是要在internet“海洋”中按照一定的檢索

方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設(shè)在internet

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

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

1.1 網(wǎng)站的總體規(guī)劃

我們在制作網(wǎng)頁前首先要做的是要對網(wǎng)頁內(nèi)容進行一下具體的規(guī)劃,

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

創(chuàng)建新網(wǎng)頁最佳方法是先建立原型系統(tǒng)，再進行詳細設(shè)計，最后正

式實施。

原型系統(tǒng)最主要的目標是學(xué)習(xí)、嘗試采用不同的方法修改目標、更

新形象。原型系統(tǒng)開發(fā)過程中要解決網(wǎng)頁建設(shè)的一些基本問題。

例如：

網(wǎng)頁的結(jié)構(gòu)；

網(wǎng)頁整體風格的構(gòu)思和素材的搜集；

主頁的制作；

的網(wǎng)站，如此才能更好的讓群眾們了解公司，熟知公司，達到企業(yè)

知名度。

我的建站目的：房地產(chǎn)行業(yè)是一個特殊的產(chǎn)業(yè)，與其它商品最大的

區(qū)別是消費者一般一生只購買一次。所以，房地產(chǎn)行業(yè)的公司不會

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

找新客戶。所以房地產(chǎn)公司網(wǎng)站建設(shè)的目的和功能可以概括為四點：

一是做個性，展示房地產(chǎn)公司；二是做虛擬，展示開發(fā)樓盤；三是

做網(wǎng)絡(luò)化銷售，拓寬銷售渠道；四是做增值，樹立企業(yè)形象，增加

無形資產(chǎn)。

二 開發(fā)工具

2.1 網(wǎng)頁制作使用的技術(shù)

整個公司網(wǎng)站的建設(shè)運用到網(wǎng)頁三劍客制作技術(shù)。網(wǎng)頁設(shè)計技術(shù)是

隨著互聯(lián)網(wǎng)及電子商務(wù)的發(fā)展應(yīng)運而生的，利用這種技術(shù)，可以設(shè)

計制作出各種不同風格的網(wǎng)頁，向人們展示互聯(lián)網(wǎng)最生動的一面。

著名的macromedia公司的有著網(wǎng)頁設(shè)計三劍客之稱的

dreamweaver、fireworks和flash軟件，能獨立設(shè)計和開發(fā)出精美

的網(wǎng)頁。dreamweaver在多媒體方面頗有建樹的macromedia公司

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

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

其中，dreamweaver主要用來制作網(wǎng)頁文件，制作出來的網(wǎng)頁兼容

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

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

設(shè)計工具。此外，在整個網(wǎng)頁制作中我還加入了javascript腳本語

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

網(wǎng)站中的公司logo是我自己用fireworks制作的，整個logo的制

作，融入了我個人的一些想法和創(chuàng)意。

2.2 上網(wǎng)方案

企業(yè)上網(wǎng)有很多方式，有自己組建網(wǎng)絡(luò)、主機托管和虛擬主機等方

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

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

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

因資金有限和網(wǎng)站的規(guī)模較小，今后企業(yè)網(wǎng)站發(fā)布，我預(yù)選的方案

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

900mb web空間

100mb log空間

windows2003操作系統(tǒng)

全面支持2.0

流量可自由升級

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

不定期數(shù)據(jù)備份

功能強大的控制面板管理

最快捷的web文件管理功能

免費贈送企業(yè)名片

2.3 申請域名

域名的選擇，我初步?jīng)Q定還是在“中國頻道”注冊，它畢竟是大中華

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

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

三 內(nèi)容規(guī)劃

3.1 欄目板塊和結(jié)構(gòu)

1、網(wǎng)站主體布局圖參見下圖：（利用word組織結(jié)構(gòu)圖制作）

2、網(wǎng)站首頁布局圖參見下圖：

應(yīng)繪制首頁各部分內(nèi)容的布局圖（不能采用抓實際頁面圖，可利用

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

3、連鎖體系：主要介紹宇軒不動產(chǎn)的所有連鎖店的地理位置、聯(lián)系

方式等，采用表格式。

4、新聞動態(tài)：主要介紹宇軒不動產(chǎn)近日發(fā)生的一些新事情，采用文

字式的布局結(jié)構(gòu)。

5、房源發(fā)布：根據(jù)客戶的需要發(fā)布自己需要的服務(wù)。

6、服務(wù)流程：主要介紹宇軒不動產(chǎn)各項服務(wù)的流程，例如：房屋買

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

決定采用文字圖的形式。

7、地產(chǎn)專欄：地產(chǎn)咨詢、我們提供的服務(wù)。

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

9、服務(wù)監(jiān)督：是一個客戶可以提建議，可以投訴的平臺。

10、聯(lián)系我們：我們的地址，方便客戶聯(lián)系。

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

這個網(wǎng)站設(shè)計的初衷也是為了能更好的與廣大客戶更好的交流溝通，

所以在這方面的設(shè)計上很特別，首先在網(wǎng)站首頁的左側(cè)有“在線留言”

點擊可進入到客戶服務(wù)的在線留言板塊；其次在“服務(wù)監(jiān)督”中有投

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

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

四 詳細設(shè)計說明

4.1 首頁設(shè)計說明

首頁背景為白色，logo以紅色為主，采用左中右結(jié)構(gòu)，左面是房源

信息和友情

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

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

每個關(guān)鍵字都設(shè)有鏈接，首頁有三大亮點：1、飄動的圖片，并設(shè)有

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

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

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

如圖4.1所示：

圖4.1首頁分析

4.2 各分頁分析

4.2.1 連鎖體系

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

致，logo是自己制作，一片藍色的海，完全符合宇軒不動產(chǎn)的企業(yè)

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

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

如圖4.2所示：