軟件工程開(kāi)發(fā)

1、湖南科技大學(xué)本科生課程設(shè)計(jì)o o學(xué)院教育學(xué)院專業(yè)教育技術(shù)學(xué)課程名稱軟件工程D軟件名稱蛋糕店網(wǎng)站學(xué)生姓名彭小靈學(xué)號(hào)開(kāi)課時(shí)間2014 至2015 學(xué)年第一學(xué)期成績(jī)教師評(píng)語(yǔ):教師簽字年月日第一章軟件定義1.1問(wèn)題定義1.2可行性研究1.3需求分析 第二章總體設(shè)計(jì) 2.1系統(tǒng)結(jié)構(gòu)圖2.2登陸模塊2.4數(shù)據(jù)庫(kù)模塊第三章詳細(xì)設(shè)計(jì)3.1首頁(yè)模塊程序流程圖3.2彩虹蛋糕模塊程序流程圖3.3經(jīng)典搭配模塊程序流程圖 3.4夏季熱賣模塊程序流程圖 3.5夏季熱賣模塊程序流程圖 第四章系統(tǒng)測(cè)試4.1白盒測(cè)試 錯(cuò)誤!未定義書簽4.1.1 語(yǔ)句覆蓋4.1.2判斷/條件覆蓋4.1.3條件組合覆蓋4.2黑盒測(cè)試4.2.1 等

2、級(jí)劃分4.2.2邊界值分析第五章評(píng)價(jià)與總結(jié)5.1系統(tǒng)的特點(diǎn)5.2系統(tǒng)的不足與改進(jìn)5.3設(shè)計(jì)的收獲與心得附錄：程序源代碼第一章軟件定義1.1問(wèn)題定義在信息化，網(wǎng)絡(luò)化經(jīng)濟(jì)發(fā)展全球化的時(shí)代背景下， 互聯(lián)網(wǎng)下的大數(shù)據(jù)時(shí)代給 人們的生活帶來(lái)便利，計(jì)算機(jī)管理滲透我們的生活之中。網(wǎng)上轉(zhuǎn)賬、網(wǎng)上購(gòu)物、 網(wǎng)絡(luò)工作等基于計(jì)算機(jī)的交互平臺(tái)層出不窮，各行各業(yè)都積極使用計(jì)算機(jī)技術(shù)為 自身行業(yè)領(lǐng)域開(kāi)擴(kuò)一個(gè)新的時(shí)代。網(wǎng)絡(luò)上傳遞信息方便快捷，淘寶網(wǎng)、京東商城、 當(dāng)當(dāng)網(wǎng)等網(wǎng)絡(luò)購(gòu)物平臺(tái)更是受到廣大顧客的青睞，網(wǎng)絡(luò)購(gòu)物不僅方便快捷并且省時(shí)省力，一些時(shí)尚前端的信息也可以在網(wǎng)絡(luò)上得到即時(shí)的獲取。所以對(duì)于絕大多數(shù)商家而言構(gòu)建自己商店的網(wǎng)

3、絡(luò)平臺(tái)對(duì)促進(jìn)商品銷售的一種新的途徑。蛋糕店市場(chǎng)作為生活需要產(chǎn)品，構(gòu)建蛋糕店網(wǎng)絡(luò)平臺(tái)，可以更加直觀的呈現(xiàn) 給顧客更多的可選擇信息，顧客可以網(wǎng)絡(luò)下訂單，增加服務(wù)的便捷性。再一個(gè)網(wǎng) 絡(luò)覆蓋面積廣，為商品版圖擴(kuò)大起到一個(gè)關(guān)鍵性作用。1.2可行性研究1.2.1經(jīng)濟(jì)可行性借助網(wǎng)絡(luò)平臺(tái)，蛋糕店可以通過(guò)網(wǎng)絡(luò)快速的宣傳， 更新海報(bào)，新產(chǎn)品推出都 一傳十、十傳百節(jié)省大量的人力物力財(cái)力就可以達(dá)到即時(shí)的宣傳效果。 顧客可以 通過(guò)網(wǎng)絡(luò)提前下訂單并且附上要求，可以達(dá)到入店即領(lǐng)走貨物的效果。避免了高 峰期店內(nèi)出現(xiàn)對(duì)顧客服務(wù)不到位的問(wèn)題。 顧客可以通過(guò)網(wǎng)絡(luò)留言，留下對(duì)商品的 反饋，為其他的顧客提供參考。1.2.2技術(shù)可行性這

4、是一個(gè)中小型網(wǎng)站，制作團(tuán)隊(duì)提供 HTML+CSS勺技術(shù)支持，同時(shí)以PHP、 JAVA網(wǎng)頁(yè)制作、ASP網(wǎng)頁(yè)制作為輔助。后臺(tái)數(shù)據(jù)庫(kù)由 SQLsever2000技術(shù)支持。 網(wǎng)站采用實(shí)名制賬戶登陸注冊(cè)，既保證反饋的真實(shí)性也為顧客管理提高方便，降低了網(wǎng)站的風(fēng)險(xiǎn)性。1.2.3管理的可行性建立網(wǎng)絡(luò)管理數(shù)據(jù)庫(kù)，實(shí)名登記顧客的真實(shí)資料，不需要太復(fù)雜的人工管理 完全由軟件替代人工管理功能。后臺(tái)人員只需要進(jìn)行簡(jiǎn)單的資料次改、讀取、檢 索等操作就可以，既方便管理又便于未參與開(kāi)發(fā)的技術(shù)維護(hù)人員進(jìn)行補(bǔ)充、維護(hù)。總結(jié)根據(jù)以上分析，我們認(rèn)為開(kāi)發(fā)此網(wǎng)站的條件已經(jīng)具備，可以開(kāi)始進(jìn)行開(kāi)發(fā)。 并且我們相信此網(wǎng)絡(luò)商店經(jīng)濟(jì)實(shí)惠，肯定具有

5、良好的前景。我們將會(huì)逐步完善該 網(wǎng)站，盡可能地讓滿足客戶的需求。同時(shí)保證投資者資金的安全性，資金穩(wěn)步的回籠期，資金的合理回報(bào)率。因此我們網(wǎng)站開(kāi)發(fā)可行。1.3需求分析（1）客戶信息管理 簡(jiǎn)述：顧客信息管理，包括信息存入，信息查詢，信 息修改，信息刪除。 輸入：顧客信息 處理過(guò)程描述：客戶信息存數(shù)據(jù)庫(kù)。 輸 出：操作成功或失敗的提示信息。（2）訂單管理 簡(jiǎn)述：訂單管理包括顧客所下訂單的要求，提供可參考建 議給顧客參考 輸入：訂單要求 處理過(guò)程描述：確認(rèn)要求并且錄入系統(tǒng) 輸出： 客戶訂單要求及取貨時(shí)間。（3）顧客消費(fèi)管理 簡(jiǎn)述：管理顧客的消費(fèi)，訂蛋糕和學(xué)習(xí)烘焙制作兩種 消費(fèi) 輸入：客人信息、消費(fèi)類型

6、和檔次 處理過(guò)程描述：消費(fèi)情況錄入系統(tǒng) 輸 出：操作成功或失敗的提示信息，產(chǎn)生消費(fèi)清單。（4）結(jié)賬與統(tǒng)計(jì) 簡(jiǎn)述：顧客取貨后對(duì)顧客進(jìn)行消費(fèi)統(tǒng)計(jì) 輸入：客人信息 處理過(guò)程描述：顧客信息查詢消費(fèi)情況 輸出：消費(fèi)清單或者操作失敗提示信息。（5）員工管理 簡(jiǎn)述：?jiǎn)T工信息管理，包括員工基本信息、上班情況及對(duì)各種信息的查詢和修改。輸入：?jiǎn)T工信息 處理過(guò)程描述：由員工編號(hào)查詢或修改各種信息輸出：操作失敗或者提示信息第二章總體設(shè)計(jì)2.1系統(tǒng)結(jié)構(gòu)圖2.2登陸模塊登錄模塊要求提供三個(gè)不同的賬戶類型，滿足普通客戶、中級(jí)客戶、 VIP客 戶使用。系統(tǒng)自動(dòng)根據(jù)顧客的賬戶進(jìn)行分類， 用戶提交賬戶密碼后，系統(tǒng)根據(jù)用 戶選擇的

7、賬戶類型分別從不同的密碼的表中查詢對(duì)應(yīng)的密碼， 再與用戶提交的密 碼進(jìn)行比對(duì)。如果比對(duì)結(jié)果一致，則用戶獲得登陸的權(quán)限進(jìn)入軟件，否則退回到第一 步。2.3管理員模塊該模塊讓管理員負(fù)責(zé)更新每日推薦， 主題搭配，烘焙小知識(shí)等內(nèi)容。由于使 用的是HTML+CSSJ術(shù)，為了保證網(wǎng)站可以在任意瀏覽器進(jìn)行必須使用 DIV相對(duì) 定位。管理員的功能比較豐豐富，負(fù)責(zé)全局的工作?？梢蕴砑觿h除任意信息。2.4數(shù)據(jù)庫(kù)模塊要設(shè)計(jì)admin和Customers和表用于保存管理員、顧客的登陸賬號(hào)密碼信息。 賬號(hào)為他們的手機(jī)號(hào)。手機(jī)號(hào)有存在于他們各自的信息表中， 這里我們把手機(jī)號(hào)、姓名設(shè)置為主鍵 以及其他表的外鍵，這樣能夠保證

8、數(shù)據(jù)的一致性。以及數(shù)據(jù)庫(kù)的范式的要求。大致的E-R圖如下：第三章詳細(xì)設(shè)計(jì)3.1首頁(yè)模塊程序流程圖3.2彩虹蛋糕模塊程序流程圖3.3經(jīng)典搭配模塊程序流程圖3.4夏季熱賣模塊程序流程圖3.5夏季熱賣模塊程序流程圖第四章系統(tǒng)測(cè)試4.1白盒測(cè)試4.1.1語(yǔ)句覆蓋void Log in:checkAcco un t()if(ui->comboBox->curre ntText() = "Admi nistrator") isAdmin = 0;else if(ui->comboBox->curre ntText() = "customters&quo

9、t;) isAdmin = 1;elseisAdmin = 2;comparePwd();賬戶Admi n/adminAdmi n/tostcost/admintost/teah結(jié)果112:2只有用戶是admin的才會(huì)為賬戶選擇，管理員的賬戶表，與設(shè)計(jì)一致4.1.2判斷/條件覆蓋if(ui->comboBox->curre ntText() = " custoters ")model = new QSqIRelatio nalTableModel(this,db); model->setEditStrategy(QSqlTableModel:O nFiel

10、dCha nge); model->setTable("customters ");model->setRelatio n(4,QSqlRelatio n("cus","cus_id","cus_name"); QStri ng id;QStri ng n ame;QStri ng filter;if(ui->idEdit->text() != "")id = ui->idEdit->text();filter += " customters.stu

11、_id="filter += id;if(ui-> nameEdit->text() != "") n ame = ui->n ameEdit->text();if(filter !="")filter += " and "filter += "customter.cus_ name二"；filter +="”'filter += n ame;filter +="”'model->setFilter(filter);model->se

12、lect();ui->tableView->setModel(model);elsemodel = new QSqlRelatio nalTableModel(this,db); model->setEditStrategy(QSqlTableModel:O nF ieldCha nge); model->setTable("customters");model->setRelatio n(2,QSqlRelatio n("depart","depart_id","depart_name&quo

13、t;);QStri ng id;QStri ng n ame;QStri ng filter;if(ui->idEdit->text() != "")id = ui->idEdit->text();filter += " customters .cus_id="filter += id;if(ui->nameEdit->text() != "") n ame = ui->n ameEdit->text();if(filter !="")filter += "

14、 and "filter += " customters .cus _n ame="filter +="”'filter += n ame;filter +="'"model->setFilter(filter); model->select();ui->tableView->setModel(model);idEditNULL“空格）00010002查詢結(jié)果整個(gè)表沒(méi)結(jié)果編號(hào)0001值:編號(hào)0002值測(cè)試結(jié)果顯示，當(dāng)lineedit為空格時(shí)，結(jié)果不易被發(fā)現(xiàn)，為了方便用戶體驗(yàn), 應(yīng)該對(duì)傳入的字符串

15、進(jìn)行處理，清楚字符串兩端的空格是必要的。4.1.3條件組合覆蓋void UpdateAcco un t:updateAcco un t()conn.conn ect(db);query = QSqlQuery(db);if(ui->comboBox->curre ntText() = "Admi nistrator")query.prepare("update man ager_adm in set pwd = (:n ewPwd) where n ame = (:oldName)");query.bi ndValue(": new

16、Pwd",ui->pwdEdit->text();query.bi ndValue(":oldName",ui-> nameEdit->text();elsequery.prepare("update man ager_Teacher set pwd = (:n ewPwd) where id = (:oldlD)");query.bi ndValue(": newPwd",ui->pwdEdit->text();query.b in dValue(":oldID",u

17、i-> nameEdit->text().tol nt();if(query.exec()QMessageBox:i nformatio n(this,"SUCESS","Update SUCESS.");elseQMessageBox:critical(this,"WRo ng",query.lastError().text();4.2.1等級(jí)劃分11位數(shù)字字符 大于11位無(wú)效 小于11位無(wú)效 非數(shù)字字符 非數(shù)字字符 第一位不是1后十位在09之間 小于0 大于9curre ntTextAdmi nistratorAdmi

18、 nistratorcustomtercustomterui->pwdEdit-AdminAdmi n01CustCust 01ui->n ameEditAdminAdmi n01custCust 01Message:SUCCESSSUCCESSSUCCESS:SUCESS測(cè)試結(jié)果符合預(yù)期設(shè)計(jì)。4.2黑盒測(cè)試第一位是數(shù)字14.2.2邊界值分析說(shuō)明的測(cè)試。測(cè)試者不了解程序的內(nèi)部情況, 構(gòu)和編程語(yǔ)言的專門知識(shí) 的角度針對(duì)軟件界面、軟件測(cè)試的主要方法之一，也可以稱為功能測(cè)試、數(shù)據(jù)驅(qū)動(dòng)測(cè)試或基于規(guī)格 不需具備應(yīng)用程序的代碼、內(nèi)部結(jié) 0只知道程序的輸入、輸出和系統(tǒng)的功能，這是從用戶 功能及外

19、部結(jié)構(gòu)進(jìn)行測(cè)試，而不考慮程序內(nèi)部邏輯結(jié)構(gòu)。第五章評(píng)價(jià)與總結(jié)5.1系統(tǒng)的特點(diǎn)經(jīng)過(guò)四天的設(shè)計(jì)，網(wǎng)站已經(jīng)基本集成，最初離的設(shè)計(jì)目標(biāo)相差甚遠(yuǎn)，但是還 是集成了一個(gè)瀏覽型的中小型網(wǎng)站， 界面簡(jiǎn)單，操作方便，可以滿足顧客需要進(jìn) 行及時(shí)的更新。如果只是用來(lái)做宣傳，已經(jīng)足夠了。5.2系統(tǒng)的不足與改進(jìn)在整體效果的方面：由于技術(shù)問(wèn)題，沒(méi)有達(dá)到預(yù)期設(shè)計(jì)的期望值，還要很大 的一段差距。還有很多板塊的功能沒(méi)有實(shí)現(xiàn)，在排版布局方面還存在著缺陷。在技術(shù)層面：技術(shù)掌握得不夠精湛，沒(méi)有很好的融合各種技術(shù)去實(shí)現(xiàn)功能系統(tǒng)測(cè)試不夠全面，沒(méi)有準(zhǔn)確的應(yīng)用技術(shù)去解決問(wèn)題。改進(jìn)：還需要進(jìn)一步學(xué)習(xí)jave、數(shù)據(jù)庫(kù)、HTML+CSS等語(yǔ)言，在實(shí)

20、際是要分 階段設(shè)計(jì)目標(biāo)，達(dá)到一個(gè)一個(gè)階段的實(shí)現(xiàn)，不能風(fēng)格混搭。5.3設(shè)計(jì)的收獲與心得作為網(wǎng)頁(yè)設(shè)計(jì)的初學(xué)者，我對(duì)網(wǎng)頁(yè)設(shè)計(jì)非常感興趣，一心想設(shè)計(jì)出一個(gè)美觀、 實(shí)用、內(nèi)容豐富的個(gè)人網(wǎng)頁(yè)。本學(xué)期的教改方案由以前學(xué)生單純接受知識(shí)變?yōu)橹?動(dòng)參與教學(xué)活動(dòng)。在這樣的壓力和動(dòng)力下，通過(guò)自己動(dòng)手、動(dòng)腦，通過(guò)網(wǎng)絡(luò)資源， 老師的指導(dǎo)，在不斷發(fā)現(xiàn)問(wèn)題和解決問(wèn)題的過(guò)程中學(xué)到了很多知識(shí)，也增強(qiáng)了我的創(chuàng)作能力和動(dòng)手能力，在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，從構(gòu)思到設(shè)計(jì)、完善、維護(hù)，整個(gè) 過(guò)程我都全身心投入，使我真正學(xué)到了網(wǎng)頁(yè)設(shè)計(jì)的知識(shí)。我不僅學(xué)到了很多關(guān)于網(wǎng)頁(yè)設(shè)計(jì)方面的知識(shí)，也從中學(xué)會(huì)了關(guān)于網(wǎng)絡(luò)、編程等方面的知識(shí)。我從最初開(kāi)始運(yùn)用Fron t

21、Page設(shè)計(jì)網(wǎng)頁(yè)，到后來(lái)運(yùn)用 Dreamweaver、Flash Fireworks等網(wǎng)軟件設(shè)計(jì)網(wǎng)頁(yè)，完善網(wǎng)頁(yè)。在這個(gè)過(guò)程中， 我通過(guò)自學(xué)教材、上網(wǎng)查詢，學(xué)習(xí)了Dreamweaver、Flash Fireworks等網(wǎng)頁(yè)軟件的應(yīng)用，學(xué)會(huì)了管理、維護(hù)自己的站點(diǎn)，以及一些簡(jiǎn)單動(dòng)畫、控件的制作等等。 在設(shè)計(jì)過(guò)程中也出現(xiàn)了很多的問(wèn)題，但通過(guò)看書，上網(wǎng)查詢，請(qǐng)教老師等方式， 不斷的學(xué)習(xí)、解決、提高，設(shè)計(jì)出的網(wǎng)頁(yè)不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善。可以說(shuō)在自己動(dòng)手，不斷實(shí)踐的過(guò)程中，網(wǎng)頁(yè)設(shè)計(jì)水平得到了很大的提高。附錄：程序源代碼/1999/xhtml"><head><

22、;meta http-equiv="C on te nt-Type" con te nt="text/html; charset=utf-8" /> <title>zhuye</title><style type="text/css">#ap Div1 positi on: absolute;width: 200px; height: 85px; z-i ndex: 1; left: 105px; top: 323px;#ap Div2 positi on: absolute;width: 2

23、24px; height: 64px; z-i ndex: 1;left: 163px; top: 345px;#apDiv3 positi on: absolute; width: 235px; height: 69px;z-i ndex: 2; left: 162px;top: 437px; #apDiv4 positi on: absolute; width: 237px; height: 69px;z-i ndex: 1;left: 0px; top: 99px;#apDiv5 positi on: absolute; width: 236px; height: 67px;z-i nd

24、ex: 3; left: 162px;top: 620px;#apDiv6 positi on: absolute; width: 225px; height: 370px;z-i ndex: 4; left: 166px;top: 713px;#apDiv7 positi on: absolute; width: 616px; height: 704px;z-i ndex: 5; left: 386px;top: 359px;#apDiv8 positi on: absolute;width: 267px;height: 158px;z-i ndex: 5;left: 439px;top:

25、368px;#apDiv9 positi on: absolute;width: 353px;height: 225px;z-i ndex: 6;left: 709px;top: 366px;.t1 fon t-size: 24px;font-family: "Times New Roman", Times, serif; fon t-weight: bold;#apDiv10 positi on: absolute;width: 200px;height: 27px;z-i ndex: 1;top: 272px;left: 49px;overflow: auto;#apD

26、iv11 positi on: absolute;width: 67px;height: 42px;z-i ndex: 7;left: -77px;top: 180px;overflow: visible;#apDiv12 positi on: absolute;width: 322px;height: 211px;z-i ndex: 7;left: -253px;top: 250px;#apDiv13 positi on: absolute;width: 311px;height: 220px;z-i ndex: 7;left: 86px;top: 248px;#apDiv14 positi

27、 on: absolute;width: 307px;height: 216px;z-i ndex: 7;left: 439px;top: 836px;.t2 fon t-family: "Lucida Sans Uni code", "Lucida Gran de", san s-serif; fon t-size: 18px;fon t-style: no rmal;lin e-height: no rmal;fon t-weight: lighter;#apDiv15 positi on: absolute;width: 74px;height:

28、45px;z-i ndex: 1;left: 593px;top: -226px;#apDiv16 positi on: absolute;width: 349px;height: 212px;z-i ndex: 8;left: 764px;top: 848px;#ap Div17 positi on: absolute;width: 78px;height: 42px;z-i ndex: 9;left: 672px;top: 1029px;#ap Div18 positi on: absolute;width: 909px;height: 30px;z-i ndex: 10;left: 16

29、6px;top: 1083px;v/style>v/head><body><div id="apDiv8"><imgvtable width="900" border="0" alig n="ce nter"><tr></tr></table><table width="900" border="0" alig n="ce nter"><tr><

30、;/tr></table>"0" /><m ap name="Map2" id="M ap2"><area shape="rect" coords="11,9,229,90" href="shengridangao.html" /></map></div><div id="apDiv3"><div id="apDiv4"><img sr

31、c="素材 6/圖片 37.png" width="238" height="72"usemap="#M ap4" border="0" /><m ap name="M ap4" id="M ap4"><area shape="rect" coords="7,4,228,69" href="ji ngdia ndapei.html" /></map><

32、;/div><map name="M ap3" id="M ap3"><area shape="rect" coords="8,3,220,92" href="caih on gda ngao.html" /></map></div><m ap name="Map5" id="M ap5"><area shape="rect" coords="6,5,22

33、6,81" href="wuhoushiguang.html" /> v/map>v/div><div id="apDiv6"><img src="素材 "t01054c03e8cac07b14.gif" width="223" height="372" /></div><div id="apDiv9"><p class="t1">® 思雪域芝士 D

34、ulcey Chocolate Cheese Cake</p><div>vp>?有沒(méi)有遇過(guò)& dquo;慢半拍& rdquo;戀人v/p><p>?不愛(ài)華麗不愛(ài)冒險(xiǎn)？只要恒久的愛(ài)</p> vp>?巧克力融入奶油，小奶罐盛滿真心</p> vp>?與你笨笨的戀人如出一轍 </p><div id=" apDiv11"> vp>RMB:128</p> </div><div id="apDiv12">

35、vpxspan class="t1"><span class="t1">彩虹蛋糕 / 細(xì)細(xì)的溫 v/span>柔 </spa n> </p><p class="t2">我把思念-悄悄寫在紙上；把你的微笑偷偷的藏在心底思念你的時(shí)候一一陽(yáng)光總是很暖，想你的時(shí)候一一月光總是溫柔，今生有你， 別無(wú)所求！ </p></div></div></div><div id="apDiv14"><div id=

36、"apDiv15"> <p>RMB:256</p></div>vimg src="素材 1t0150cc935f1516bc8c.jpg" width="262" height="240"/></div><div id="apDiv16"><p class="t1">® 香 </p><p class="t2">® 漫的夜晚，<

37、;/p><p class="t2">我相擁數(shù)著天上的星星，</p><p class="t2">P不曾留意 </p><p class="t2">S實(shí)我倆是星空下最美的風(fēng)景。</p></div><div id="apDiv17"><p>RMB:318</p></div><div id="apDiv18"><img src="素材 1/

38、圖片 3.png" width="900" height="64" /></div><map name="Map" id="Map"><area shape="rect" coords="15,8,165,41" href="la ngma nhon gpei.html" /><area shape="rect" coords="189,10,352,38"

39、href="xiajiremai.html" /><area shape="rect" coords="558,10,713,40" href="gua nyuwome n.html" /><area shape="rect" coords="735,12,878,40" href="jiaruwome n.html" /> fun ctio n MM_sw aplmgRestore() v3.0var i,x,a=docum

40、ent.MM_sr; for(i=0;a&&i<a.length&&(x=ai)&&x.oSrc;i+) x.src=x.oSrc;fun ctio n MM_fin dObj( n, d) v4.01d=pare nt.frames n. substri ng(p+1).docume nt; n=n. substri ng(0,p);if(!x && d.getElementById) x=d.getElementById(n); return x;fun ctio n MM_sw apImage() v3.0var i,

41、j=0,x,a=MM_swaplmage.arguments; document.MM_sr= new Array; for(i=0;i<(a.le ngth-2);i+=3)if(x=MM_fi ndObj(ai)!=null)docume nt.MM_srj+=x;if(!x.oSrc)x.oSrc=x.src; x.src=ai+2;</script><style type="text/css">#ap Div1 positi on: absolute;left: 209px;top: 392px;width: 252px;height:

42、 61px;z-i ndex: 1;#ap Div2 positi on: absolute;left: 230px;top: 457px;width: 858px;height: 262px;z-i ndex: 2;#apDiv3 positi on: absolute;left: 239px;top: 508px;width: 196px;height: 177px;z-i ndex: 3;#apDiv4 positi on: absolute; left: 456px;top: 510px; width: 184px; height: 174px;z-i ndex: 4;#apDiv5

43、positi on: absolute;left: 672px;top: 512px; width: 199px; height: 168px;z-i ndex: 5;#apDiv6 positi on: absolute;left: 892px;top: 513px; width: 179px; height: 168px;z-i ndex: 6;#apDiv7 positi on: absolute;left: 260px;top: 700px; width: 147px; height: 46px;z-i ndex: 7;#apDiv8 positi on: absolute;left:

44、 470px;top: 702px; width: 156px; height: 36px;z-i ndex: 8;#apDiv9 positi on: absolute;left: 691px;top: 702px;width: 152px; height: 28px; z-i ndex: 9; #apDiv10 positi on: absolute; left: 917px;top: 704px; width: 146px; height: 28px;z-i ndex: 10;#apDiv11 positi on: absolute; left: 229px;top: 826px; wi

45、dth: 451px; height: 21px;z-i ndex: 11; #apDiv12 positi on: absolute; left: 219px;top: 778px; width: 138px; height: 34px;z-i ndex: 12; #apDiv13 positi on: absolute; left: 230px;top: 849px; width: 454px; height: 106px;z-i ndex: 13; #apDiv14 positi on: absolute; left: 716px;top: 851px; width: 390px; he

46、ight: 326px;z-i ndex: 14;#apDiv15 positi on: absolute; left: 716px; top: 1203px; width: 308px; height: 82px; z-i ndex: 15;#apDiv16 positi on: absolute; left: 241px;top: 1201px; width: 438px; height: 103px;z-i ndex: 16;#apDiv17 positi on: absolute; left: 225px;top: 1341px; width: 559px; height: 68px;

47、z-i ndex: 17;v/style> v/head><div id="apDiv1"><img src="素材 4/ 圖片 /></div><div id="apDiv7"><img src="素材 4/ 圖片 /></div><div id="apDiv8"><img src="素材 4/ 圖片 /></div><div id="apDiv9">&

48、lt;img src="素材 4/ 圖片/></div>17.png" width="253"19. p ng" width="150"20. p ng" width="150"21. p ng" width="150"<div id="apDiv10"><img src="素材 4/ 圖片22.p ng" width="150"/></div><

49、div id="apDiv11"><img src="素材 /></div>4/ 圖片 27.png" width="450"<div id="apDiv12"><img src="素材 4/ 圖片28.p ng" width="220"/></div>"/></div><div id="apDiv15"><img src="素材 4/

50、圖片 29.png" width="304"/></div><div id="apDiv17"><img src="素材 1/ 圖片 3.png" alt二""height="86"height="48"height="48"height="48"height="48"height="22"height="45"height=&qu

51、ot;126"width="900"height="64" />v/div>vtable width="900" border="1" alig n="ce nter"><tr></tr><tr></tr></table><map name="Map" id="Map"><area shape="rect" coords="

52、;7,3,183,50" href=" on e.html" /><area shape="rect" coords="196,5,345,46" href="she ngrida ngao.html" /><area shape="rect" coords="565,5,716,45" href="wuhoushigua ng.html" /><area shape="rect" coor

53、ds="739,5,878,47" href="ji ngdia ndapei.html" /> <style type="text/css">#ap Div1 positi on: absolute;width: 265px;height: 115px;z-i ndex: 1;left: 211px;top: 369px;#ap Div2 positi on: absolute;width: 503px;height: 115px;z-i ndex: 2;left: 612px;top: 791px;#apDiv3

54、 positi on: absolute;width: 575px;height: 41px;z-i ndex: 3;left: 494px;top: 371px;#ap Div4 positi on: absolute;width: 550px;height: 253px;z-i ndex: 4;left: 531px;top: 462px;visibility: visible;#apDiv5 positi on: absolute; width: 534px; height: 32px;z-i ndex: 5; left: 600px;top: 731px;#apDiv6 positi

55、on: absolute; width: 395px; height: 115px;z-i ndex: 6; left: 212px;top: 795px;#apDiv7 positi on: absolute; width: 863px; height: 189px;z-i ndex: 1; left: -402px;top: 254px;#apDiv8 positi on: absolute; width: 554px; height: 115px;z-i ndex: 7; left: 531px;top: 460px; visibility: hidde n;#apDiv9 positi

56、 on: absolute; width: 549px; height: 253px;z-i ndex: 8; left: 532px;top: 463px; visibility: hidde n;#apDiv10 positi on: absolute; width: 200px; height: 115px; z-i ndex: 9; left: 534px; top: 461px; visibility: hidde n;#apDiv11 positi on: absolute; width: 550px; height: 115px; z-i ndex: 10; left: 508p

57、x;top: 605px;#apDiv12 positi on: absolute; width: 549px; height: 115px; z-i ndex: 10;left: 532px; top: 461px; visibility: hidde n;#apDiv13 positi on: absolute; width: 549px; height: 258px; z-i ndex: 11;left: 533px; top: 461px; visibility: hidde n;#apDiv14 positi on: absolute; width: 637px; height: 5

58、4px; z-i ndex: 12;left: 210px; top: 1346px;v/style>vscript type="text/javascript">fun ctio n MM_showHideLayers() v9.0var i,p,v,obj,args=MM_showHideLayers.argume nts;for (i=0; i<(args.length-2); i+=3)with (document) if (getElementByld && (obj=getElementByld(argsi)!=null) v=

59、argsi+2;if (obj.style) obj=obj.style; v=(v='show')?'visible':(v='hide')?'hidde n':v; obj.visibility=v; </script></head><body><table width="900" border="0" alig n="ce nter"><tr></tr><tr><div id=

60、"apDiv1"><img src="素材 6 圖片 22.png" width="282" height="409" usemap="#Map" border="0" /></div><div id="apDiv2"><div id="apDiv7"><img src="素材 6/ 圖片 28.png" width="868" heig

61、ht="275" /></div><div id="apDiv3"><img src='素材 6 圖片 25.png" width="594" height="67" />v/div><div id="apDiv4"><img src="素材 6/ 圖片 26.png" width="545" height="253" /></div>

62、<div id="apDiv5"><img src='素材 6/圖片 29.png" width="520" height="72" /></div><div id="apDiv6"><img src="素材 6/ 圖片 24.png" width="391" height="216" /></div></td></tr></table&

63、gt;<div id="apDiv8"><img src="素材 6/ 圖片 32.png" alt="" width="548" height="256" /></div><div id="apDiv12"><img src="素材 6/圖片 35.png" width="550" height="257" /></div><map na

64、me="Map" id="Map"><areashape="rect"coords="54,105,173,132"href="#"onm ouseover="MM_showHideLayers('apDiv2','','show',' apDiv4',”,'hide','apDiv5',”,'s how',' apDiv6',”,'sho

65、w',' apDiv8','','show',' apDiv12','','hide',' apDiv9','','hide','apDiv10','' ,'hide','apDiv13','','hide')" /><areashape="rect"coords="53,151,179,182&q

66、uot;href="#"onm ousemove="MM_showHideLayers('apDiv1',”,'show','apDiv2',”,'show','apDiv7',”,' show','apDiv3T','show','apDiv4T','hide','apDiv5T','show',' apDiv6','','show&

67、#39;,' apDiv8','', 'hide','apDiv12','','hide','apDiv9',”,'hide','apDiv10T','show','apDiv13',”,'hide')" />vareashape="rect"coords="58,202,207,237"href="#"onm ousemove=

68、"MM_showHideLayers('apDiv1',”,'show','apDiv2',”,'show','apDiv7',”,' show','apDiv3T','show','apDiv4T','hide','apDiv5T','show',' apDiv6','','show',' apDiv8','',

69、'hide','apDiv9T','show','apDiv10T','hide',' apDiv13','','hide')" />vareashape="rect"coords="58,250,190,283"href="#"onm ousemove="MM_showHideLayers(' apDivl',' ',' show',

70、' apDiv2',' ',' show',' apDiv7 ','',' show','apDiv3T','show','apDiv4T','hide','apDiv5T','show',' apDiv6','','show',' apDiv8','', 'hide','apDiv12','','hide','