網(wǎng)站的設計與制作

1、網(wǎng)站的設計與制作目 錄前言第一章11課題來源 12 網(wǎng)站開發(fā)項目需求分析13 軟件運用14 軟件運行環(huán)境第二章 網(wǎng)站制作21做網(wǎng)頁的步驟 1確認網(wǎng)站主題 2素材搜集 3規(guī)劃網(wǎng)站 4選擇工具軟件 5制作網(wǎng)頁 6測試網(wǎng)頁2. 2做網(wǎng)頁的體會1、網(wǎng)頁的整體布局設計關(guān)乎全局效果2、網(wǎng)頁設計中色彩的運用不夠恰當3、網(wǎng)頁形式與內(nèi)容不夠動感和統(tǒng)一第三章 結(jié)束語參考文獻摘 要企業(yè)網(wǎng)站是一個結(jié)合了企業(yè)宣傳、企業(yè)文化、企業(yè)產(chǎn)品銷售等多功能瀏覽的商業(yè)網(wǎng)站，結(jié)合自己的專業(yè)為企業(yè)設計一個個性化的網(wǎng)站，即鍛煉了自己又能為企業(yè)做點貢獻。我所使用的軟件是Macromedia 公司推出的一款用于網(wǎng)頁設計的軟件dreamweav

2、er8。在網(wǎng)頁的制作與鏈接中，我學到了很多網(wǎng)頁設計知識。 關(guān)鍵詞： 靜態(tài)網(wǎng)頁 超鏈接 外觀 產(chǎn)品展示 店面展示第一章 前言11課題來源隨著二十一世紀新興科技的飛速發(fā)展，如今的電子信息產(chǎn)業(yè)正在經(jīng)受著一個巨大的挑戰(zhàn)，同時也面臨著一個重大的機遇。就目前的科技發(fā)展水平而言，電子信息產(chǎn)業(yè)的發(fā)展已經(jīng)不能夠滿足社會化大生產(chǎn)的要求，因此，各個國家集中人力、財力加大對信息技術(shù)產(chǎn)業(yè)的投入，以適應目前需要?？上驳氖窃谶@幾十年的發(fā)展中我們有了互聯(lián)網(wǎng)?；ヂ?lián)網(wǎng)加大了我們了解世界的眼界，縮緊了人與人之間的距離，這就更容易的使我們走上信息化的道路。以往，企業(yè)宣傳以傳統(tǒng)媒體如報刊、雜志、電視廣告居多，這種宣傳的效果不是很理想，

3、有地域的局限性。企業(yè)宣傳成本投入也大。自從九十年代中國引入互聯(lián)網(wǎng)并逐步使之發(fā)展壯大，人們通過互聯(lián)網(wǎng)看到了外面的世界，同時也認識到了自身的落后以及互聯(lián)網(wǎng)的發(fā)展帶來的巨大商機。許多有遠見的企業(yè)看到了互聯(lián)網(wǎng)的巨大影響力，嘗試著走入互聯(lián)網(wǎng)尋求商機。其中不乏佼佼者。正是因為互聯(lián)網(wǎng)給企業(yè)所帶來的巨大效益的顯現(xiàn)，越來越多的企業(yè)網(wǎng)站出現(xiàn)在網(wǎng)絡上，使人們可以隨時了解自己想了解的產(chǎn)品，真正的做到足不出戶，便知天下事。擁有自己的企業(yè)網(wǎng)站，是今后所有企業(yè)宣傳展示自己、走出國門謀求發(fā)展的必然手段之一。12 網(wǎng)站開發(fā)項目需求分析企業(yè)網(wǎng)站，就是企業(yè)在互聯(lián)網(wǎng)上進行網(wǎng)絡建設和形像宣傳的平臺。企業(yè)網(wǎng)站就相當于一個企業(yè)的網(wǎng)絡名片，

4、不但對企業(yè)的形象是一個良好的宣傳，同時可以輔助企業(yè)的銷售，甚至可以通過網(wǎng)絡直接幫助企業(yè)實現(xiàn)產(chǎn)品的銷售，企業(yè)可以利用網(wǎng)站來進行宣傳、產(chǎn)品資訊發(fā)布、招聘等等。企業(yè)網(wǎng)站的作用就是為展現(xiàn)公司形象，加強客戶服務，完善網(wǎng)絡業(yè)務，還可以與潛在客戶建立商業(yè)聯(lián)系。我國目前有近70的大中型企業(yè)建有企業(yè)內(nèi)部網(wǎng)絡系統(tǒng)。從整體上看，這一數(shù)字與我國目前企業(yè)的發(fā)展規(guī)模及市場增長勉強相稱；從企業(yè)的外部網(wǎng)站來說，90以上的企業(yè)有建設企業(yè)網(wǎng)站系統(tǒng)計劃，對于不同規(guī)模的公司，實施的程度也是不同的：50100人的中小企業(yè)比500人以上的大中型企業(yè)建有網(wǎng)站的比例低，前者為53.6，后者為75.3。數(shù)據(jù)表明，全國有75.4的企業(yè)尚未自建網(wǎng)

5、站。主要表現(xiàn)在：一是中小企業(yè)的建站比例太低，僅為12.5，許多中小企業(yè)尤其是規(guī)模較小的企業(yè)缺乏足夠的網(wǎng)站建設資金，也缺乏專業(yè)技術(shù)人員，這些問題嚴重制約了企業(yè)建站。二是企業(yè)建站與工業(yè)水平的高低有直接關(guān)聯(lián)。三是優(yōu)強企業(yè)建站比例及水平明顯高于中小企業(yè)。中小企業(yè)同時也是最迫切需要進行網(wǎng)上宣傳的一個龐大群體，他們沒有完全建設全國范圍的營銷渠道，網(wǎng)絡是一個快捷有效且廉價的重要宣傳方式。但還是有很多企業(yè)沒有認識到網(wǎng)站的重要性，也成為中小企業(yè)網(wǎng)站建設不利的重要障礙。國際互聯(lián)網(wǎng)的出現(xiàn)無疑具有劃時代的意義，它為不同規(guī)模的企業(yè)提供了一個平等競爭的舞臺，企業(yè)無論大小都有著同等的機會，都可以以極低的成本向世界發(fā)布信息。

6、中小企業(yè)較以往有更多機會得到客戶的認同，取得商業(yè)上的成功。所以，中小企業(yè)主動轉(zhuǎn)變觀念，破除畏難情緒，盡快建立自己的網(wǎng)站是當務之急。 13 使用軟件Dreamweaver軟件由美國著名的網(wǎng)站應用開發(fā)工具生產(chǎn)廠商Adobe Macromedia于2005年6月推出并正式投入市場以來，已經(jīng)發(fā)展得相當成熟。關(guān)于Dreamweaver的技術(shù)介紹的相關(guān)書籍與網(wǎng)絡信息相當豐富。通過大學中軟件開發(fā)環(huán)境課程的學習，對Dreamweaver有了一定的認識，并且能夠運用Dreamweaver進行一般性的操作。因此，運用Dreamweaver軟件技術(shù)可以基本完成任務的要求。14 軟件運行環(huán)境我使用的Dreamweav

7、er8.0是一款簡體中文軟件，在WinXP中運行。第二章 網(wǎng)站制作21制作網(wǎng)頁的步驟再做網(wǎng)頁之前，我確定了做網(wǎng)頁的五個步驟。一、確定網(wǎng)站主題 ：網(wǎng)站主題就是要建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。我把現(xiàn)在就職的公司思域信息技術(shù)有限公司作為網(wǎng)站的主題。網(wǎng)站的主要內(nèi)容就是要從幾個方面介紹我公司的手機店面及無線視頻監(jiān)控產(chǎn)品。讓瀏覽者了解我公司的企業(yè)文化、主營業(yè)務、服務模式及營業(yè)網(wǎng)點。達到宣傳推廣的目的。二、搜集材料 ：明確了網(wǎng)站的主題以后，我開始圍繞主題搜集材料了。圖片材料手頭上就有現(xiàn)成的，只需PS一下就可用于網(wǎng)站，公司LOGO及店面照片從市場部同事那copy過來。公司簡介、

8、企業(yè)文化、服務模式等文字材料依賴于人事部提供。在此還得感謝同事們的理解與合作。三、規(guī)劃網(wǎng)站 ：一個網(wǎng)站設計得成功與否，很大程度上決定于設計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。我從網(wǎng)站的結(jié)構(gòu)、欄目的設置、網(wǎng)站的風格、顏色搭配、版面布局、文字圖片的運用等方面考慮后，決定以黑色為網(wǎng)站背景，一來考慮黑色具有穩(wěn)重大氣的特點，二來黑色具有現(xiàn)代感及個性化，有視覺沖擊力，讓人過目難忘。導航欄我安排在上方及左側(cè)。上方為主導航欄。左側(cè)邊欄為二三級頁面的細化導航。產(chǎn)品圖片安排在中間一字排開，下半部分為文字信息。底部為版本信息?？傮w規(guī)劃為三字型結(jié)構(gòu)。下圖為網(wǎng)站結(jié)構(gòu)圖：網(wǎng)

9、站首頁首頁產(chǎn)品介紹營業(yè)廳公司公告手機知識公司簡介公司簡介企業(yè)文化主營業(yè)務服務模式營業(yè)網(wǎng)點網(wǎng)絡視頻車載硬盤指揮終端攝像機東后街小西溝河北路克東路最新公告手機視頻1234四、選擇合適的制作工具 ：我選擇dreamweaver8.0作為我制作網(wǎng)站的主要工具，輔助工具軟件有firework8.0，photoshopCS2，flash8.0等。這幾款工具是我制作網(wǎng)頁的首選。firework8.0與dreamweaver8.0銜接緊密，制作壓縮圖片非常方便。photoshopCS2對于合成圖片的效果比較好。網(wǎng)站banner就是用photoshopCS2制作。五、制作網(wǎng)頁 ：材料有了，工具也選好了，下面就需

10、要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復雜而細致的過程。我是按照先大后小、先簡單后復雜的順序進行制作。就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設計好，然后再逐步完善小的結(jié)構(gòu)設計。我先把網(wǎng)站的總體布局搭好。安排好圖片文字檔的空間大小，然后根據(jù)空間用firework及photoshop制作壓縮好圖片填入布局空間。導航欄運用了CSS樣式表。這樣比較快速有效。文字信息根據(jù)設計內(nèi)容的不同分割成了不同的小塊。在制作的過程中逐步添加進去。在公司公告欄內(nèi)的信息由于時間關(guān)系未能從公司內(nèi)部的文件中調(diào)取，只好在網(wǎng)上摘抄了幾則新聞放入。實屬無奈之舉。我公司手機營業(yè)廳本來有十幾個網(wǎng)點，也是由于家里孩子尚小需要照顧沒

11、時間，所以只放入了四個網(wǎng)點。產(chǎn)品介紹的也不是很完備，沒有形成系列。圖片底色于網(wǎng)站底色沒有很好的融合。總之在制作網(wǎng)站的過程中遇到了很多的困難。一是時間緊，二是對營業(yè)網(wǎng)店的分布及介紹缺乏。無線視頻監(jiān)控的產(chǎn)品沒有介紹完全。手機知識是從其他網(wǎng)站下載的手機介紹。首頁截圖：二級頁面截圖：三級頁面截圖：六、網(wǎng)站測試：制作過程中經(jīng)常使用IE瀏覽器預覽觀察效果。發(fā)現(xiàn)了很多問題。如導航欄的鏈接不正確、視頻格式無插件無法在線播放、側(cè)邊欄于主導航欄重復等問題。大部分都予以了解決。但由于本人水平有限，有些技術(shù)問題沒能得到很好的解決。設計上存在了很多的缺陷。2.2制作網(wǎng)頁的體會1、網(wǎng)頁的整體布局設計關(guān)乎全局效果 網(wǎng)頁設計

12、作為一種視覺語言，要講究編排和布局，雖然主頁的設計不等同于平面設計，但它們有許多相近之處，應充分加以利用和借鑒。版式設計通過文字圖形的空間組合，表達出和諧與美。我作為一個初學網(wǎng)頁設計者也應該知道哪一段文字圖形該落于何處，才能使整個網(wǎng)頁生輝。多頁面站點頁面的編排設計要求把頁面之間的有機聯(lián)系反映出來，特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。尤其是我們在利用網(wǎng)頁效果體現(xiàn)在線營銷的意圖時，更要注意為了達到最佳的視覺表現(xiàn)效果，而講究整體布局的合理性，比如一家生產(chǎn)型的企業(yè)，它所提供產(chǎn)品的名稱、類別、型號、價格、功能介紹應怎樣編排才能使瀏覽者有一個流暢的視覺體驗，從而方便他對產(chǎn)品的了解，促成最后的購

13、買。而我在設計完頁面的整體布局并添加進內(nèi)容后才發(fā)現(xiàn)整個頁面表現(xiàn)的有些沉悶壓抑，顯得有些呆板乏味。沒能體現(xiàn)出一個成長中的IT公司的創(chuàng)新及活力。這與我的設計初衷相差甚遠。從這點我體會到要想成為一名合格的網(wǎng)頁設計師，需要學習的東西太多了。比如色彩學，統(tǒng)計學，美學等等。2、網(wǎng)頁設計中色彩的運用不夠恰當 色彩是藝術(shù)表現(xiàn)的要素之一，在網(wǎng)頁設計中，根據(jù)和諧、均衡和重點突出的原則，將不同的色彩進行組合、搭配來構(gòu)成美麗的頁面。根據(jù)色彩對人們心理的影響，合理地加以運用，按照色彩的記憶性原則，一般暖色較冷色的記憶性更強一些。色彩還具有聯(lián)想與象征的特質(zhì)，如紅色象征血、太陽；藍色象征大海、天空和水面等。另要注意的是網(wǎng)頁

14、的顏色應用雖沒有限制，但不能毫無節(jié)制地運用多種顏色，一般情況下，先根據(jù)總體風格的要求定出一至二種主色調(diào)，在已經(jīng)有了完備的CIS（企業(yè)形象識別系統(tǒng)）的企業(yè)進行網(wǎng)頁設計時，更應該按照其中的VI進行色彩運用。在色彩的運用過程中，還應注意的一個問題是：由于國家和種族、宗教和信仰的不同，以及生活的地理位置、文化修養(yǎng)的差異等，不同的人群對色彩的喜惡程度有著很大的差異。如：兒童喜歡對比強烈、個性鮮明的純顏色；生活在草原上的人喜歡紅色；生活在鬧市中的人喜歡淡雅的顏色；生活在“沙漠”中的人喜歡綠色。在設計中要考慮眾多因素。一個成長的IT公司的網(wǎng)頁的網(wǎng)頁設計主色調(diào)應該選擇淺藍色或金屬銀色體現(xiàn)創(chuàng)新與科技的結(jié)合。而我

15、一味的選擇了黑色，追求了個性化，而忽略了公司的IT這一最顯著的行業(yè)特征。這點是在指導老師的點撥下體會到的。在此也要感謝指導老師給我一次學習提高的機會。3、網(wǎng)頁形式與內(nèi)容不夠動感和統(tǒng)一要將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu)不是一件容易的事，需要設計者有豐富的專業(yè)知識及很深的美學造詣。顯然我作為初學者還達不到這樣的水準。我制作的網(wǎng)頁看上去功能是具備了，但缺乏動感和統(tǒng)一。豐富的圖片內(nèi)容和時尚動感的flash動畫沒能在我的網(wǎng)站設計中體現(xiàn)。使我設計的整個頁面形式與內(nèi)容不夠動感和統(tǒng)一。第三章 結(jié)束語在制作網(wǎng)站的過程中，由于不能熟練運用工具軟件，產(chǎn)生了很多的困難，通過與指導老師的探討與溝通，我漸漸地

16、對所制作的網(wǎng)站有了一個大體的認識。認識到了其中的不足。需要改進的地方很多。這需要我不斷地學習與提高。致 謝在整個畢業(yè)設計過程中，指導教師給了我極大的幫助，并給予我悉心的關(guān)懷與指導，在此表示衷心地感謝。老師認真負責的工作態(tài)度、嚴謹?shù)闹螌W風格，使我深受啟發(fā)。制作網(wǎng)站的過程中，沒能和同學們相互探討也使我非常遺憾，在制作工具的運用上，我的大學畢業(yè)的朋友給了我不少的幫助，在此也表示衷心地感謝。還有我共事的同事們給我提供了很多方便，在此也表示衷心地感謝。參考文獻1信息技術(shù)江蘇科學技術(shù)出版社 2新手學建網(wǎng)站人民郵電出版社<3>dreamweaver8參考手冊2008年版。4百度文庫主要代碼：首頁

17、代碼：<html><head><title>home</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0&qu

18、ot;><table width="821" height="736" border="0" align="center" cellpadding="0" cellspacing="0" id="_01"><tr><td colspan="22"><img src="images/01.gif" width="820" height="15

19、" alt=""></td><td width="1" height="15"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td rowspan="26"><img src="images/02.gif" width="11&

20、quot; height="720" alt=""></td><td colspan="20"><img src="images/header_top.gif" width="799" height="14" alt=""></td><td rowspan="26"><img src="images/04.gif" width="10&

21、quot; height="720" alt=""></td><td width="1" height="14"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td><img src="images/header_nav_left.gif" wid

22、th="7" height="23" alt=""></td><td colspan="5"><img src="images/header_logo.gif" width="187" height="23" alt=""></td><td colspan="2"><a href="F:wangzhanxinjiangsiyuhome.

23、html"><img src="images/header_nav_1.gif" width="68" height="23" border="0" alt=""></a></td><td colspan="3"><a href="F:wangzhanxinjiangsiyugsjj.html"><img src="images/header_nav_2.gif&q

24、uot; width="105" height="23" border="0" alt=""></a></td><td><a href="F:wangzhanxinjiangsiyuchanp.html"><img src="images/header_nav_3.gif" width="105" height="23" border="0" alt=&qu

25、ot;"></a></td><td colspan="3"><a href="F:wangzhanxinjiangsiyuyyt1.html"><img src="images/header_nav_4.gif" width="105" height="23" border="0" alt=""></a></td><td><a href=&

26、quot;F:wangzhanxinjiangsiyugg.html"> <img src="images/header_nav_5.gif" width="105" height="23" border="0" alt=""></a></td><td colspan="3"><a href="F:wangzhanxinjiangsiyusjzs.html"> <img sr

27、c="images/header_nav_6.gif" width="110" height="23" border="0" alt=""></a></td><td><img src="images/header_nav_right.gif" width="7" height="23" alt=""></td><td width="1&

28、quot; height="23"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td colspan="20"><img src="images/header_separator.gif" width="799" height="7" alt=""&

29、gt;</td><td width="1" height="7"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td rowspan="2"><img src="images/header_left.gif" width="7" height="

30、;35" alt=""></td><td colspan="5"><a href="#"><img src="images/header_nav_about.gif" width="187" height="17" border="0" alt=""></a></td><td colspan="13"><img

31、src="images/header_nav_about_bg.gif" width="598" height="17" alt=""></td><td rowspan="2"><img src="images/header_right.gif" width="7" height="35" alt=""></td><td width="1"

32、; height="17"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td colspan="18"><img src="images/header_bar_bg.gif" width="785" height="18" alt=""><

33、;/td><td width="1" height="18"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td rowspan="11"><img src="images/border_left.gif" width="7" height="235

34、" alt=""></td><td colspan="18"><img src="images/21.gif" width="785" height="12" alt=""></td><td rowspan="11"><img src="images/border_right.gif" width="7" height="23

35、5" alt=""></td><td width="1" height="12"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td colspan="5"><img src="images/23.gif" width="187

36、" height="2" alt=""></td><td colspan="12" rowspan="9"><img src="images/image_main.jpg" width="581" height="211" alt=""></td><td rowspan="11"><img src="images/25.gif

37、" width="17" height="224" alt=""></td><td width="1" height="2"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td colspan="2" rowspan="

38、10"><img src="images/26.gif" width="14" height="222" alt=""></td><td colspan="2"><a href="F:wangzhanxinjiangsiyuhome.html"><img src="images/sidenav_button_1.gif" width="154" height=&quo

39、t;31" border="0" alt=""></a></td><td rowspan="10"><img src="images/28.gif" width="19" height="222" alt=""></td><td width="1" height="31"><img src="images/&

40、;#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td colspan="2"><a href="qywh.html"><img src="images/sidenav_button_2.gif" width="154" height="29" border="0" alt="">

41、</a></td><td width="1" height="29"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td colspan="2"><a href="F:wangzhanxinjiangsiyugsjj.html"><img src=&

42、quot;images/sidenav_button_3.gif" width="154" height="29" border="0" alt=""></a></td><td width="1" height="29"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td>

43、</tr><tr><td colspan="2"><a href="chanp.html"><img src="images/sidenav_button_4.gif" width="154" height="29" border="0" alt=""></a></td><td width="1" height="29">

44、<img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td colspan="2"><a href="gg.html"><img src="images/sidenav_button_5.gif" width="154" height="29" border="0

45、" alt=""></a></td><td width="1" height="29"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td colspan="2"><a href="F:wangzhanxinjiangsiyuzyyw.

46、html"><img src="images/sidenav_button_6.gif" width="154" height="29" border="0" alt=""></a></td><td width="1" height="29"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=

47、""></td></tr><tr><td colspan="2"><a href="sjzs.html"><img src="images/sidenav_button_7.gif" width="154" height="31" border="0" alt=""></a></td><td width="1"

48、 height="31"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td colspan="2" rowspan="3"><img src="images/35.gif" width="154" height="15" alt="&quo

49、t;></td><td width="1" height="2"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td colspan="12" rowspan="2"><img src="images/36.gif" width="581

50、" height="13" alt=""></td><td width="1" height="12"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td rowspan="7"><img src="images/37.gif&

51、quot; width="7" height="333" alt=""></td><td rowspan="7"><img src="images/38.gif" width="7" height="333" alt=""></td><td width="1" height="1"><img src="images/

52、&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td colspan="18"><img src="images/separator_bar.gif" width="785" height="21" alt=""></td><td width="1" height="21&q

53、uot;><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td colspan="18"><img src="images/40.gif" width="785" height="14" alt=""></td><td width="1&q

54、uot; height="14"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td rowspan="4"><img src="images/41.gif" width="12" height="297" alt=""></td>&

55、lt;td colspan="7"><a href="F:wangzhanxinjiangsiyuchanp.html"><img src="images/image_1.jpg" alt="" width="246" height="110" border="0"></a></td><td rowspan="4"><img src="images/43.

56、gif" width="8" height="297" alt=""></td><td colspan="3"><a href="F:wangzhanxinjiangsiyuchanp2.html"><img src="images/image_2.jpg" alt="" width="246" height="110" border="0"

57、;></a></td><td rowspan="4"><img src="images/45.gif" width="9" height="297" alt=""></td><td colspan="3"><a href="F:wangzhanxinjiangsiyuchanp4.html"><img src="images/image_3.jpg&q

58、uot; alt="" width="246" height="110" border="0"></a></td><td colspan="2" rowspan="4"><img src="images/47.gif" width="18" height="297" alt=""></td><td width="1&

59、quot; height="110"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td colspan="7"><img src="images/48.gif" width="246" height="10" alt=""></td>

60、;<td colspan="3" rowspan="3"><a href="F:wangzhanxinjiangsiyuqywh.html"><img src="images/49.gif" alt="" width="246" height="187" border="0"></a></td><td colspan="3" rowspan="

61、;3"><a href="F:wangzhanxinjiangsiyuzyyw.html"><img src="images/50.gif" alt="" width="246" height="187" border="0"></a></td><td width="1" height="10"><img src="images/&#x5

62、206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td colspan="2"><img src="images/crop_text_left.gif" width="7" height="166" alt=""></td><td colspan="3" rowspan="2">

63、;<a href="F:wangzhanxinjiangsiyugsjj.html"><img src="images/52.gif" alt="" width="232" height="177" border="0"></a></td><td colspan="2"><img src="images/crop_text_right.gif" width="7

64、" height="166" alt=""></td><td width="1" height="166"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td colspan="2"><img src="images/54.gi

65、f" width="7" height="11" alt=""></td><td colspan="2"><img src="images/55.gif" width="7" height="11" alt=""></td><td width="1" height="11"><img src="images

66、/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td rowspan="2"><img src="images/footer_left.gif" width="7" height="54" alt=""></td><td colspan="18"><img src=&qu

67、ot;images/footer_top_bg.gif" width="785" height="25" alt=""></td><td rowspan="2"><img src="images/footer_right.gif" width="7" height="54" alt=""></td><td width="1" height=&quo

68、t;25"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td colspan="18"><img src="images/footer_bottom_bg.gif" width="785" height="29" alt=""></td>&l

69、t;td width="1" height="29"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td colspan="20"><img src="images/60.gif" width="799" height="19" alt="&

70、quot;></td><td width="1" height="19"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td></tr><tr><td width="11" height="1"><img src="images/&#x5206;&#x9694;&am

71、p;#x7b26;.gif" alt=""></td><td width="7" height="1"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td><td width="12" height="1"><img src="images/&#x5206;&#

72、x9694;&#x7b26;.gif" alt=""></td><td width="2" height="1"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td><td width="5" height="1"><img src="images/&#x520

73、6;&#x9694;&#x7b26;.gif" alt=""></td><td width="149" height="1"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td><td width="19" height="1"><img src="images

74、/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td><td width="64" height="1"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td><td width="4" height="1"><img src=&qu

75、ot;images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td><td width="3" height="1"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td><td width="8" height="1"><img

76、 src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td><td width="94" height="1"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td><td width="105" height="1"

77、><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td><td width="47" height="1"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td><td width="9" height=&quo

78、t;1"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td><td width="49" height="1"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td><td width="105"

79、height="1"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td><td width="92" height="1"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td><td width="

80、;1" height="1"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td><td width="17" height="1"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td><td wi

81、dth="7" height="1"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td><td width="10" height="1"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" alt=""></td>

82、<td></td></tr></table></body></html>產(chǎn)品頁：<html><head><title>chanp</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body bgcolor="#FFFFFF" leftmargin="0"

83、 topmargin="0" marginwidth="0" marginheight="0"><table width="820" height="736" border="0" align="center" cellpadding="0" cellspacing="0" id="_01"><tr><td colspan="10">&

84、lt;img src="images/01.jpg" width="820" height="15" alt=""></td></tr><tr><td colspan="2"><img src="images/02.jpg" width="204" height="44" alt=""></td><td><a href=&

85、quot;F:wangzhanxinjiangsiyuhome.html"><img src="images/03.jpg" alt="" width="82" height="44" border="0"></a></td><td><a href="F:wangzhanxinjiangsiyugsjj.html"><img src="images/04.jpg" alt=&

86、quot;" width="96" height="44" border="0"></a></td><td colspan="2"><a href="F:wangzhanxinjiangsiyuchanp.html"><img src="images/05.jpg" alt="" width="104" height="44" border="0"></a></td>