目錄一 緒 論[標(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 二 開發(fā)工具[標(biāo)題1] _____________________________________________ 3

2.1

2.2

2.3 網(wǎng)頁制作使用的技術(shù)[標(biāo)題2] ___________________________________ 3 上網(wǎng)方案[標(biāo)題2] _____________________________________________ 3 申請域名[標(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 各分頁分析[標(biāo)題2] ___________________________________________ 5 各分頁分析[標(biāo)題2] ___________________________________________ 5 連鎖體系[標(biāo)題3] _________________________________________________ 5 新聞動態(tài)[標(biāo)題3] _________________________________________________ 5 房源發(fā)布[標(biāo)題3] _________________________________________________ 6 服務(wù)流程[標(biāo)題3] _________________________________________________ 6 地產(chǎn)專欄[標(biāo)題3] _________________________________________________ 6 誠聘英才[標(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í)代發(fā)展、社會進(jìn)步的必然趨勢。作為首選的front page有它自身的先決條件。通過我們不斷的對其功能的詮釋，同時(shí)我們也可以通過教育方式和教育水平的提高，我們將能更好的開發(fā)出我們所需的其自身更深層次的功能與作用。Internet 上發(fā)布信息主要是通過網(wǎng)站來實(shí)現(xiàn)的，獲取信息也是要在Intern et“海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設(shè)在Internet 應(yīng)用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。

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

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

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

例如：

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

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

主頁的制作；

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

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

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

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

房地產(chǎn)行業(yè)是中國國民經(jīng)濟(jì)的主導(dǎo)產(chǎn)業(yè)，這個(gè)行業(yè)正處于向規(guī)?；?、品牌化、規(guī)范化運(yùn)作的轉(zhuǎn)型時(shí)期，在強(qiáng)勁市場需求的拉動下，天津市房地產(chǎn)市場迅速擴(kuò)大，房地產(chǎn)業(yè)投資、施工、銷售等各項(xiàng)指標(biāo)呈全面增長態(tài)勢。房地產(chǎn)業(yè)正在成為促進(jìn)天津市經(jīng)濟(jì)增長的重要產(chǎn)業(yè)。當(dāng)然，這樣一個(gè)在現(xiàn)代社會經(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)者一般一生只購買一次。所以，房地產(chǎn)行業(yè)的公司不會像其他類型公司一樣熱中于培養(yǎng)忠誠的消費(fèi)客戶，而是在不斷地尋找新客戶。所以房地產(chǎn)公司網(wǎng)站建設(shè)的目的和功能可以概括為四點(diǎn)：一是做個(gè)性，展示房地產(chǎn)公司；二是做虛擬，展示開發(fā)樓盤；三是做網(wǎng)絡(luò)化銷售，拓寬銷售渠道；四是做增值，樹立企業(yè)形象，增加無形資產(chǎn)。

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

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

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

網(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)用等因素考慮 不會為網(wǎng)站存放選用整個(gè)服務(wù)器，服務(wù)商把一臺服務(wù)器劃分成若干個(gè)目錄提供給他們使用，每一個(gè)目錄都是一個(gè)虛擬主機(jī)。因資金有限和網(wǎng)站的規(guī)模較小，今后企業(yè)網(wǎng)站發(fā)布，我預(yù)選的方案是中國頻道的虛擬主機(jī)服務(wù)，798元/每年，提供以下服務(wù)：

> 900MB WEB空間

> 100MB LOG空間

> WINDOWS2003操作系統(tǒng)

> 全面支持ASP.NET2.0

> 流量可自由升級

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

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

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

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

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

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

域名的選擇，我初步?jīng)Q定還是在“中國頻道”注冊，它畢竟是大中華區(qū)首家通過ICANN 認(rèn)證的頂級注冊商, 目前域名注冊量亞洲第一。中國頻道現(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)站主體布局圖參見下圖：略

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)各項(xiàng)服務(wù)的流程，例如：房屋買賣的流程、房屋租賃的流程，讓客戶可以對宇軒的服務(wù)流程更了解，決定采用文字圖的形式。

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

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

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

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

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

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

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

引瀏覽者的眼球。鏈接關(guān)系層層相扣，每個(gè)導(dǎo)航按鈕都有鏈接；首頁飄動的“內(nèi)刊” 與宇軒官網(wǎng)內(nèi)刊鏈接；首頁“在線留言”圖標(biāo)與在線留言鏈接；房源信息與房源發(fā)布鏈接；買賣、租賃的房源分別連接各個(gè)房源詳細(xì)情況；新聞也各自鏈接新聞內(nèi)容；友情鏈接主要鏈接中國知名的房產(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)站首頁的左側(cè)有“在線留言”點(diǎn)擊可進(jìn)入到客戶服務(wù)的在線留言板塊；其次在“服務(wù)監(jiān)督”中有投訴專欄，質(zhì)檢紅榜；這些板塊的設(shè)計(jì)方便了用戶更好的與我們溝通，也更好的了解公司，有什么疑難問題或意見都可以在網(wǎng)上解決。

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

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

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

如圖所示：略

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

“投訴專欄”的制作較簡單，就是插入用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)頁的制作就是插入表單、文本字段、文本區(qū)域、單選按鈕。利用ASP 技術(shù)，通過配置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)站，很快就會因內(nèi)容陳舊，信息過時(shí)而無人問津，或因技術(shù)原因而無法運(yùn)行。這是目前網(wǎng)站建設(shè)中最大的弊病。簡單地說：建好了網(wǎng)站，只是企業(yè)開展電子商務(wù)的第一步，要真正讓網(wǎng)站發(fā)揮作用，網(wǎng)站維護(hù)及網(wǎng)站推廣才是重要的。所謂網(wǎng)站維護(hù)，即是要經(jīng)常對網(wǎng)站內(nèi)容進(jìn)行更新維護(hù)。

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

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

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

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

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

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

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

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

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

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