目錄一 緒 論[標(biāo)題1] _______________________________________________ 21.11.2 網(wǎng)站的總體規(guī)劃[標(biāo)題2] _________________

目錄

一 緒 論[標(biāo)題1] _______________________________________________ 2

1.1

1.2 網(wǎng)站的總體規(guī)劃[標(biāo)題2] _______________________________________ 2 網(wǎng)站建設(shè)的需求和目的[標(biāo)題2] _________________________________ 2 二 開(kāi)發(fā)工具[標(biāo)題1] _____________________________________________ 3

2.1

2.2

2.3 網(wǎng)頁(yè)制作使用的技術(shù)[標(biāo)題2] ___________________________________ 3 上網(wǎng)方案[標(biāo)題2] _____________________________________________ 3 申請(qǐng)域名[標(biāo)題2] _____________________________________________ 4 三 內(nèi)容規(guī)劃[標(biāo)題1] _____________________________________________ 4

3.1

3.2

3.3 欄目板塊和結(jié)構(gòu)[標(biāo)題2] _______________________________________ 4 內(nèi)容安排相互鏈接關(guān)系[標(biāo)題2] _________________________________ 4 交互性和用戶友好設(shè)計(jì)[標(biāo)題2] _________________________________ 5 四 詳細(xì)設(shè)計(jì)分析[標(biāo)題1] _________________________________________ 5

4.1

4.2

4.2.1

4.2.2

4.2.3

4.2.4

4.2.5

4.2.6

4.2.7

4.2.8

4.2.9 各分頁(yè)分析[標(biāo)題2] ___________________________________________ 5 各分頁(yè)分析[標(biāo)題2] ___________________________________________ 5 連鎖體系[標(biāo)題3] _________________________________________________ 5 新聞動(dòng)態(tài)[標(biāo)題3] _________________________________________________ 5 房源發(fā)布[標(biāo)題3] _________________________________________________ 6 服務(wù)流程[標(biāo)題3] _________________________________________________ 6 地產(chǎn)專欄[標(biāo)題3] _________________________________________________ 6 誠(chéng)聘英才[標(biāo)題3] _________________________________________________ 6 服務(wù)監(jiān)督[標(biāo)題3] _________________________________________________ 6 聯(lián)系我們[標(biāo)題3] _________________________________________________ 6 在線留言[標(biāo)題3] _________________________________________________ 6 五 網(wǎng)站的更新維護(hù)[標(biāo)題1] _______________________________________ 7 六 致 謝[標(biāo)題1] ______________________________________________ 7

一 緒 論[標(biāo)題1]

在Internet 飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。 科技的發(fā)展、時(shí)代的進(jìn)步傳統(tǒng)的教育方式被大大的局限于一定的范圍之內(nèi)，教育的網(wǎng)絡(luò)化發(fā)展是其自身發(fā)展的必然趨勢(shì)，也是時(shí)代發(fā)展、社會(huì)進(jìn)步的必然趨勢(shì)。作為首選的front page有它自身的先決條件。通過(guò)我們不斷的對(duì)其功能的詮釋，同時(shí)我們也可以通過(guò)教育方式和教育水平的提高，我們將能更好的開(kāi)發(fā)出我們所需的其自身更深層次的功能與作用。Internet 上發(fā)布信息主要是通過(guò)網(wǎng)站來(lái)實(shí)現(xiàn)的，獲取信息也是要在Intern et“海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來(lái)。因此網(wǎng)站建設(shè)在Internet 應(yīng)用上的地位顯而易見(jiàn)，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。

1.1 網(wǎng)站的總體規(guī)劃[標(biāo)題2]

我們?cè)谥谱骶W(wǎng)頁(yè)前首先要做的是要對(duì)網(wǎng)頁(yè)內(nèi)容進(jìn)行一下具體的規(guī)劃, 確定一下制作的思路和目的, 從而更方便我們的設(shè)計(jì)和制作。

創(chuàng)建新網(wǎng)頁(yè)最佳方法是先建立原型系統(tǒng)，再進(jìn)行詳細(xì)設(shè)計(jì)，最后正式實(shí)施。 原型系統(tǒng)最主要的目標(biāo)是學(xué)習(xí)、嘗試采用不同的方法修改目標(biāo)、更新形象。原型系統(tǒng)開(kāi)發(fā)過(guò)程中要解決網(wǎng)頁(yè)建設(shè)的一些基本問(wèn)題。

例如：

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

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

主頁(yè)的制作；

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

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

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

1.2 網(wǎng)站建設(shè)的需求和目的[標(biāo)題2]

房地產(chǎn)行業(yè)是中國(guó)國(guó)民經(jīng)濟(jì)的主導(dǎo)產(chǎn)業(yè)，這個(gè)行業(yè)正處于向規(guī)?；?、品牌化、規(guī)范化運(yùn)作的轉(zhuǎn)型時(shí)期，在強(qiáng)勁市場(chǎng)需求的拉動(dòng)下，天津市房地產(chǎn)市場(chǎng)迅速擴(kuò)大，房地產(chǎn)業(yè)投資、施工、銷售等各項(xiàng)指標(biāo)呈全面增長(zhǎng)態(tài)勢(shì)。房地產(chǎn)業(yè)正在成為促進(jìn)天津市經(jīng)濟(jì)增長(zhǎng)的重要產(chǎn)業(yè)。當(dāng)然，這樣一個(gè)在現(xiàn)代社會(huì)經(jīng)濟(jì)生活中有著舉足輕重的地位的行業(yè)就應(yīng)該有力度的宣傳，每個(gè)房地產(chǎn)公司也就都應(yīng)該有一個(gè)象征公

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

我的建站目的：房地產(chǎn)行業(yè)是一個(gè)特殊的產(chǎn)業(yè)，與其它商品最大的區(qū)別是消費(fèi)者一般一生只購(gòu)買一次。所以，房地產(chǎn)行業(yè)的公司不會(huì)像其他類型公司一樣熱中于培養(yǎng)忠誠(chéng)的消費(fèi)客戶，而是在不斷地尋找新客戶。所以房地產(chǎn)公司網(wǎng)站建設(shè)的目的和功能可以概括為四點(diǎn)：一是做個(gè)性，展示房地產(chǎn)公司；二是做虛擬，展示開(kāi)發(fā)樓盤(pán)；三是做網(wǎng)絡(luò)化銷售，拓寬銷售渠道；四是做增值，樹(shù)立企業(yè)形象，增加無(wú)形資產(chǎn)。

二 開(kāi)發(fā)工具[標(biāo)題1]

2.1 網(wǎng)頁(yè)制作使用的技術(shù)[標(biāo)題2]

整個(gè)公司網(wǎng)站的建設(shè)運(yùn)用到網(wǎng)頁(yè)三劍客制作技術(shù)。網(wǎng)頁(yè)設(shè)計(jì)技術(shù)是隨著互聯(lián)網(wǎng)及電子商務(wù)的發(fā)展應(yīng)運(yùn)而生的，利用這種技術(shù)，可以設(shè)計(jì)制作出各種不同風(fēng)格的網(wǎng)頁(yè)，向人們展示互聯(lián)網(wǎng)最生動(dòng)的一面。著名的Macromedia 公司的有著網(wǎng)頁(yè)設(shè)計(jì)" 三劍客" 之稱的Dreamweaver 、Fireworks 和Flash 軟件，能獨(dú)立設(shè)計(jì)和開(kāi)發(fā)出精美的網(wǎng)頁(yè)。Dreamweaver 在多媒體方面頗有建樹(shù)的Macromedia 公司推出的可視化網(wǎng)頁(yè)制作工具，它與Flash 、Fireworks 合在一起被稱為網(wǎng)頁(yè)制作三劍客，這三個(gè)軟件相輔相承，是制作網(wǎng)頁(yè)的最佳選擇。其中，Dreamweaver 主要用來(lái)制作網(wǎng)頁(yè)文件，制作出來(lái)的網(wǎng)頁(yè)兼容性比較好，制作效率也很高，F(xiàn)lash 用來(lái)制作精美的網(wǎng)頁(yè)動(dòng)畫(huà)，而Fireworks 不僅僅是一個(gè)圖象處理工具，它還是一個(gè)全功能的web 設(shè)計(jì)工具。此外，在整個(gè)網(wǎng)頁(yè)制作中我還加入了Javascript 腳本語(yǔ)言，通過(guò)這個(gè)技術(shù)的使用讓網(wǎng)站又增加了很多亮點(diǎn)，顯得更加生動(dòng)。

網(wǎng)站中的公司LOGO 是我自己用Fireworks 制作的，整個(gè)LOGO 的制作，融入了我個(gè)人的一些想法和創(chuàng)意。

2.2 上網(wǎng)方案[標(biāo)題2]

企業(yè)上網(wǎng)有很多方式，有自己組建網(wǎng)絡(luò)、主機(jī)托管和虛擬主機(jī)等方式。虛擬主機(jī)是用于存放網(wǎng)站，一般個(gè)人制作的網(wǎng)站出于流量費(fèi)用等因素考慮 不會(huì)為網(wǎng)站存放選用整個(gè)服務(wù)器，服務(wù)商把一臺(tái)服務(wù)器劃分成若干個(gè)目錄提供給他們使用，每一個(gè)目錄都是一個(gè)虛擬主機(jī)。因資金有限和網(wǎng)站的規(guī)模較小，今后企業(yè)網(wǎng)站發(fā)布，我預(yù)選的方案是中國(guó)頻道的虛擬主機(jī)服務(wù)，798元/每年，提供以下服務(wù)：

> 900MB WEB空間

> 100MB LOG空間

> WINDOWS2003操作系統(tǒng)

> 全面支持ASP.NET2.0

> 流量可自由升級(jí)

> 免費(fèi)贈(zèng)送LM 流量分析系統(tǒng)，及時(shí)準(zhǔn)確地流量統(tǒng)計(jì)報(bào)告

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

> 功能強(qiáng)大的控制面板管理

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

> 免費(fèi)贈(zèng)送企業(yè)名片

2.3 申請(qǐng)域名[標(biāo)題2]

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

三 內(nèi)容規(guī)劃[標(biāo)題1]

3.1 欄目板塊和結(jié)構(gòu)[標(biāo)題2]

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

2、網(wǎng)站首頁(yè)布局圖參見(jiàn)下圖：略

3、連鎖體系:主要介紹宇軒不動(dòng)產(chǎn)的所有連鎖店的地理位置、聯(lián)系方式等，采用表格式。

4、新聞動(dòng)態(tài):主要介紹宇軒不動(dòng)產(chǎn)近日發(fā)生的一些新事情，采用文字式的布局結(jié)構(gòu)。

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

6、服務(wù)流程：主要介紹宇軒不動(dòng)產(chǎn)各項(xiàng)服務(wù)的流程，例如：房屋買賣的流程、房屋租賃的流程，讓客戶可以對(duì)宇軒的服務(wù)流程更了解，決定采用文字圖的形式。

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

8、誠(chéng)聘英才：以表格形式進(jìn)行在線招聘。

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

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

11、在線留言：為顧客提供了一個(gè)在線交流的機(jī)會(huì)和平臺(tái)。

3.2 內(nèi)容安排相互鏈接關(guān)系[標(biāo)題2]

網(wǎng)站內(nèi)容清晰可見(jiàn)，安排合理，公司網(wǎng)站無(wú)論從布局還是內(nèi)容都主要比較吸

引瀏覽者的眼球。鏈接關(guān)系層層相扣，每個(gè)導(dǎo)航按鈕都有鏈接；首頁(yè)飄動(dòng)的“內(nèi)刊” 與宇軒官網(wǎng)內(nèi)刊鏈接；首頁(yè)“在線留言”圖標(biāo)與在線留言鏈接；房源信息與房源發(fā)布鏈接；買賣、租賃的房源分別連接各個(gè)房源詳細(xì)情況；新聞也各自鏈接新聞內(nèi)容；友情鏈接主要鏈接中國(guó)知名的房產(chǎn)網(wǎng)站，如：搜房網(wǎng)、焦點(diǎn)房地產(chǎn)。

3.3 交互性和用戶友好設(shè)計(jì)[標(biāo)題2]

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

四 詳細(xì)設(shè)計(jì)分析[標(biāo)題1]

4.1 各分頁(yè)分析[標(biāo)題2]

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

如圖所示：略

4.2 各分頁(yè)分析[標(biāo)題2]

4.2.1 連鎖體系[標(biāo)題3]

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

4.2.2 新聞動(dòng)態(tài)[標(biāo)題3]

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

4.2.3 房源發(fā)布[標(biāo)題3]

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

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

4.2.4 服務(wù)流程[標(biāo)題3]

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

4.2.5 地產(chǎn)專欄[標(biāo)題3]

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

4.2.6 誠(chéng)聘英才[標(biāo)題3]

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

4.2.7 服務(wù)監(jiān)督[標(biāo)題3]

“服務(wù)監(jiān)督”分為兩部門(mén)內(nèi)容，分別是：投訴專欄、質(zhì)檢紅榜。

“投訴專欄”的制作較簡(jiǎn)單，就是插入用Fireworks 制作的圖象。

“質(zhì)檢紅榜”主要以圖片為主，以大量的表格將圖片順序排列，照片大小為99*120。

4.2.8 聯(lián)系我們[標(biāo)題3]

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

4.2.9 在線留言[標(biāo)題3]

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

五 網(wǎng)站的更新維護(hù)[標(biāo)題1]

網(wǎng)站維護(hù)是網(wǎng)站建設(shè)中極其重要的部分，也是最容易被忽略的部分。不進(jìn)行維護(hù)的網(wǎng)站，很快就會(huì)因內(nèi)容陳舊，信息過(guò)時(shí)而無(wú)人問(wèn)津，或因技術(shù)原因而無(wú)法運(yùn)行。這是目前網(wǎng)站建設(shè)中最大的弊病。簡(jiǎn)單地說(shuō)：建好了網(wǎng)站，只是企業(yè)開(kāi)展電子商務(wù)的第一步，要真正讓網(wǎng)站發(fā)揮作用，網(wǎng)站維護(hù)及網(wǎng)站推廣才是重要的。所謂網(wǎng)站維護(hù)，即是要經(jīng)常對(duì)網(wǎng)站內(nèi)容進(jìn)行更新維護(hù)。

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

2、 及時(shí)回復(fù)訪問(wèn)者的EMAIL 信件。

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

4、 關(guān)注競(jìng)爭(zhēng)對(duì)手的網(wǎng)上活動(dòng)。

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

六 致 謝[標(biāo)題1]

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

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

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

在畢業(yè)設(shè)計(jì)即將完成之際，我的心情無(wú)法平靜，從開(kāi)始進(jìn)入課題到論文的順