目錄一 緒 論 ...........................................................................................

目錄

一 緒 論 .................................................................................................... 2

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

1.2 網(wǎng)站建設(shè)的需求和目的 ....................................................................... 3

二 開發(fā)工具 ................................................................................................ 3

2.1 網(wǎng)頁制作使用的技術(shù) . .......................................................................... 3 三 網(wǎng)站中的公司LOGO 是我自己用FIREWORKS 制作的，整個LOGO 的

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

3.1 上網(wǎng)方案 ............................................................................................. 4

3.2 申請域名 ............................................................................................. 4

四 內(nèi)容規(guī)劃 ................................................................................................ 5

4.1 欄目板塊和結(jié)構(gòu) .................................................................................. 5

4.2 內(nèi)容安排相互鏈接關(guān)系 ....................................................................... 5

4.3 交互性和用戶友好設(shè)計 ....................................................................... 5

五 詳細設(shè)計分析 ......................................................................................... 6

5.1 各分頁分析 ......................................................................................... 6

5.2 各分頁分析 ......................................................................................... 6

5.2.1 連鎖體系 ..................................................................................... 6

5.2.2 新聞動態(tài) ..................................................................................... 6

5.2.3 房源發(fā)布 ..................................................................................... 6

5.2.4 服務(wù)流程 ..................................................................................... 7

5.2.5 地產(chǎn)專欄 ..................................................................................... 7

5.2.6 誠聘英才 ..................................................................................... 7

5.2.7 服務(wù)監(jiān)督 ..................................................................................... 7

5.2.8 在線留言 ..................................................................................... 7 六

七

八 網(wǎng)站的更新維護 . ..................................................................................... 7 致 謝 .................................................................................................. 8 參考文獻 ................................................................................................ 8

1

一 緒 論

在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)頁整體風(fēng)格的構(gòu)思和素材的搜集；

主頁的制作；

● 存儲信息的物理方法（采用數(shù)據(jù)庫還是文件系統(tǒng)）；

● 結(jié)構(gòu)的完整性和一致性的維護方法。

這些問題沒有絕對的答案，只能在制作網(wǎng)頁時根據(jù)實際情況進行選擇。詳細設(shè)計包括畫面的布局、系統(tǒng)的內(nèi)部結(jié)構(gòu)、實現(xiàn)方法和維護方法等。

2

1.2 網(wǎng)站建設(shè)的需求和目的

房地產(chǎn)行業(yè)是中國國民經(jīng)濟的主導(dǎo)產(chǎn)業(yè)，這個行業(yè)正處于向規(guī)模化、品牌化、規(guī)范化運作的轉(zhuǎn)型時期，在強勁市場需求的拉動下，天津市房地產(chǎn)市場迅速擴大，房地產(chǎn)業(yè)投資、施工、銷售等各項指標呈全面增長態(tài)勢。房地產(chǎn)業(yè)正在成為促進天津市經(jīng)濟增長的重要產(chǎn)業(yè)。當然，這樣一個在現(xiàn)代社會經(jīng)濟生活中有著舉足輕重的地位的行業(yè)就應(yīng)該有力度的宣傳，每個房地產(chǎn)公司也就都應(yīng)該有一個象征公司的網(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è)計制作出各種不同風(fēng)格的網(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)頁兼容性比較好，制作效率也很高，F(xiàn)lash 用來制作精美的網(wǎng)頁動畫，而Fireworks 不僅僅是一個圖象處理工具，它還是一個全功能的web 設(shè)計工具。此外，在整個網(wǎng)頁制作中我還加入了Javascript 腳本語言，通過這個技術(shù)的使用讓網(wǎng)站又增加了很多亮點，顯得更加生動。

3

三 網(wǎng)站中的公司LOGO 是我自

己用Fireworks 制作的，整個LOGO 的制作，融入了我個人的一些想法和

創(chuàng)意。

3.1 上網(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)

> 全面支持ASP.NET2.0

> 流量可自由升級

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

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

> 功能強大的控制面板管理

> 最快捷的WEB 文件管理功能

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

3.2 申請域名

域名的選擇，我初步?jīng)Q定還是在“中國頻道”注冊，它畢竟是大中華區(qū)首家通過ICANN 認證的頂級注冊商, 目前域名注冊量亞洲第一。中國頻道現(xiàn)在推出.CN 類英文域名促銷價：98元/個/年， 域名我決定用http://yuxuanbdc.cn

4

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

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

1、網(wǎng)站主體布局圖參見下圖：略

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

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、在線留言：為顧客提供了一個在線交流的機會和平臺。

4.2 內(nèi)容安排相互鏈接關(guān)系

網(wǎng)站內(nèi)容清晰可見，安排合理，公司網(wǎng)站無論從布局還是內(nèi)容都主要比較吸引瀏覽者的眼球。鏈接關(guān)系層層相扣，每個導(dǎo)航按鈕都有鏈接；首頁飄動的“內(nèi)刊” 與宇軒官網(wǎng)內(nèi)刊鏈接；首頁“在線留言”圖標與在線留言鏈接；房源信息與房源發(fā)布鏈接；買賣、租賃的房源分別連接各個房源詳細情況；新聞也各自鏈接新聞內(nèi)容；友情鏈接主要鏈接中國知名的房產(chǎn)網(wǎng)站，如：搜房網(wǎng)、焦點房地產(chǎn)。

4.3 交互性和用戶友好設(shè)計

這個網(wǎng)站設(shè)計的初衷也是為了能更好的與廣大客戶更好的交流溝通，所以在這方面的設(shè)計上很特別，首先在網(wǎng)站首頁的左側(cè)有“在線留言”點擊可進入到客戶服務(wù)的在線留言板塊；其次在“服務(wù)監(jiān)督”中有投訴專欄，質(zhì)檢紅榜；這些板塊的設(shè)計方便了用戶更好的與我們

5

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

五 詳細設(shè)計分析

5.1 各分頁分析

首頁背景為白色，LOGO 以紅色為主，采用左中右結(jié)構(gòu)，左面是房源信息和友情鏈接，中間部分為一些最新房源信息和宇軒新聞，右面是一些有關(guān)圖片和滾動的各連鎖店的店名和聯(lián)系電話。頁面基本上每個圖標，每個關(guān)鍵字都設(shè)有鏈接，首頁有三大亮點：1、飄動的圖片，并設(shè)有鏈接，讓頁面更加生動。2、緩緩滾動的文字。3、漸變的圖片。前兩個的制作均采用JavaScript 腳本語言。

如圖所示：略

5.2 各分頁分析

5.2.1 連鎖體系

這項分兩頁，一頁是濱海連鎖，一頁是天津市區(qū)連鎖。兩頁風(fēng)格一致，LOGO 是自己制作，一片藍色的海，完全符合宇軒不動產(chǎn)的企業(yè)文化——水的文化。連鎖店的情況是以表格形式反映，采用表格式是整個頁面更清，一目了然。

5.2.2 新聞動態(tài)

“新聞動態(tài)”使用的模板和“連鎖體系”使用的一樣，都是導(dǎo)航欄在右側(cè)?！靶侣剟討B(tài)”分為向部分，一是宇軒新聞，一是業(yè)內(nèi)新聞。該項單純的用文字將新聞條目羅列清楚，每個新聞標題均能鏈接到內(nèi)容中。

5.2.3 房源發(fā)布

“房源發(fā)布”這項有五類，分別為：房屋出售、求購房屋、出租房屋、求租房屋、合租房屋。

針對這樣一個板塊我制作了一個信息展示板，以表格的形式讓客戶輕松看到是否有自己想要的房屋信息。

6

5.2.4 服務(wù)流程

“服務(wù)流程”這項分為三頁，分別是：簽約流程、貸款流程、過戶流程。他們的制作比較簡單，導(dǎo)入經(jīng)過處理加工后的LOGO ，再插入背景圖案，導(dǎo)入內(nèi)容即可。

5.2.5 地產(chǎn)專欄

這個頁面的制作插入了水平線，插入背景顏色后以水平線將文本分類。背景色為灰色，文本顏色為桔黃色。

5.2.6 誠聘英才

本頁用四個表格將招聘的職位分類，也是用表格將內(nèi)容規(guī)范。每個表格都是8行2列寬90。

5.2.7 服務(wù)監(jiān)督

“服務(wù)監(jiān)督”分為兩部門內(nèi)容，分別是：投訴專欄、質(zhì)檢紅榜。 “投訴專欄”的制作較簡單，就是插入用Fireworks 制作的圖象。 “質(zhì)檢紅榜”主要以圖片為主，以大量的表格將圖片順序排列，照片大小為99*120。

聯(lián)系我們[標題3]

在制作導(dǎo)航欄“聯(lián)系我們”鏈接時，代碼地址輸mailto:yuxuantouzi@163.com，即可實現(xiàn)收發(fā)發(fā)送郵件。

5.2.8 在線留言

“在線留言”網(wǎng)頁的制作就是插入表單、文本字段、文本區(qū)域、單選按鈕。利用ASP 技術(shù)，通過配置IIS ，真正實現(xiàn)在線留言，實現(xiàn)網(wǎng)站的交互性。

六 網(wǎng)站的更新維護

網(wǎng)站維護是網(wǎng)站建設(shè)中極其重要的部分，也是最容易被忽略的部分。不進行維護的網(wǎng)站，很快就會因內(nèi)容陳舊，信息過時而無人問津，

7

或因技術(shù)原因而無法運行。這是目前網(wǎng)站建設(shè)中最大的弊病。簡單地說：建好了網(wǎng)站，只是企業(yè)開展電子商務(wù)的第一步，要真正讓網(wǎng)站發(fā)揮作用，網(wǎng)站維護及網(wǎng)站推廣才是重要的。所謂網(wǎng)站維護，即是要經(jīng)常對網(wǎng)站內(nèi)容進行更新維護。

1、不斷充實網(wǎng)站內(nèi)容，使之始終同步反映企業(yè)的發(fā)展。

2、 及時回復(fù)訪問者的EMAIL 信件。

3、 不斷增加網(wǎng)上在線服務(wù)功能。

4、 關(guān)注競爭對手的網(wǎng)上活動。

5、 網(wǎng)上宣傳，包括友情鏈接、網(wǎng)絡(luò)廣告等。

七 致 謝

首先感謝我的導(dǎo)師某某老師，她對我們認真負責(zé)、嚴謹細致、一絲不茍的作風(fēng)一直是我工作、學(xué)習(xí)中的榜樣；從論文題目的選定到論文寫作的指導(dǎo)，經(jīng)由您細心的點撥，您循循善誘的教導(dǎo)和不拘一格的思路給予我無盡的啟迪。再次感謝指導(dǎo)老師對我的設(shè)計和論文給與的大力支持！

其次感謝授課老師課上對我們的教導(dǎo)，您們豐富的授課內(nèi)容拓寬了我的視野，讓我能更順利的完成畢業(yè)設(shè)計。

最后感謝我的同學(xué)對我的幫助和指點。沒有他們的幫助和提供資料對于我一個對網(wǎng)絡(luò)知識不太精通的人來說要想在短短的幾個月的時間里學(xué)習(xí)到網(wǎng)絡(luò)知識并完成畢業(yè)設(shè)計及畢業(yè)設(shè)計說明書是幾乎不可能的事情。

在畢業(yè)設(shè)計即將完成之際，我的心情無法平靜，從開始進入課題到論文的順利完成，有多少可敬的師長、同學(xué)、朋友給了我無言的幫助，在這里請接受我誠摯的謝意！

這些時光會慢慢的沉淀下來，但無論何時，我想到這段歲月，都如同是看到一枚珍藏已久的夾在書里發(fā)黃的書簽，永遠都是那么璀璨、那么絢爛！

八 參考文獻

[1]李世杰，編著 Active Server Pages(ASP)3.0 網(wǎng)頁設(shè)計手冊 北京:清

8

華大學(xué)出版社 1999

[2] 劉衛(wèi)東，編著網(wǎng)站建立與維護，天津：南開大學(xué)出版社出版

[3] 周洪政，編著 網(wǎng)頁夢工廠Dreamweaver MX實例與操作，北京希望電子出版社 海洋出版社

[4] 姚奇富、張立燕、周凱編著，網(wǎng)頁設(shè)計與制作，中國電力出版社

[5] 謝永超編著，網(wǎng)頁設(shè)計與制作，中國電力出版社

[6] 陸偉鋒編著，計算機網(wǎng)絡(luò)安全，高等教育出版社

[7] 黃梯云編著，管理信息系統(tǒng)，經(jīng)濟科學(xué)出版社

[8] 張立云、馬皓、孫辨華編著，計算機網(wǎng)絡(luò)基礎(chǔ)教程，

版社 北方交通大學(xué)出版社 清華大學(xué)出

9