畢業(yè)設(shè)計(jì)（論文）基于Dreamweaver的網(wǎng)站設(shè)計(jì)

1、新 鄉(xiāng) 學(xué) 院 畢 業(yè) 論 文論文題目院（系）名稱專業(yè)名稱班 級(jí)學(xué)生姓名學(xué) 號(hào)指導(dǎo)教師姓名2012年4月完成19目 錄內(nèi)容摘要：1關(guān) 鍵 詞：1abstract：1key words：11. 前言21.1課題來源22. 開發(fā)工具和運(yùn)行環(huán)境22.1 網(wǎng)站設(shè)計(jì)的基本知識(shí)22.2 dreamweaver 8 簡(jiǎn)介32.3 html 介紹32.4 網(wǎng)站運(yùn)行環(huán)境43. 網(wǎng)頁布局43.1 網(wǎng)頁布局的基本概念53.2 網(wǎng)頁布局的技術(shù)63.3 網(wǎng)站的層次結(jié)構(gòu)圖74. 建立網(wǎng)頁連接74.1 文字連接和跳轉(zhuǎn)菜單75. 網(wǎng)站的測(cè)試與維護(hù)146. 結(jié)論16參考文獻(xiàn)18致謝19內(nèi)容摘要：在internet飛速發(fā)展的今天

2、，互聯(lián)網(wǎng)已成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，正以一種前所未有的沖擊力影響著人類的活動(dòng)。它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在internet應(yīng)用上的地位顯的格外重要，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分?，F(xiàn)今的社會(huì)，人們已經(jīng)離不開了網(wǎng)絡(luò)，網(wǎng)絡(luò)已經(jīng)成為人與人之間交流的一種形式，它能夠把事情的復(fù)雜化轉(zhuǎn)為簡(jiǎn)單化，擺脫了時(shí)間和空間的限制。網(wǎng)站為很多人提供了一個(gè)網(wǎng)絡(luò)生活空間，通過其網(wǎng)頁展示了企業(yè)介紹、城市文化、校園文化介紹、招商信息、加盟程序、留言等一系列內(nèi)容的介紹。為了更好的宣傳和服務(wù)于經(jīng)濟(jì)發(fā)展，我通過制作一個(gè)網(wǎng)站來介紹一下電子商務(wù)網(wǎng)站。關(guān) 鍵 詞：

3、 網(wǎng)站建設(shè) internet 電子商務(wù)abstract：in the internet rapid development today, the internet has become a people quickly get, release and transmit information, is an important channel in an unprecedented wallop affect human activities. it in people politics, economy, life aspects played an important role. ther

4、efore website construction in the internet application status of especially important to show, and it has become the government, enterprises, an important part of informatization construction. today's society, people have without the internet, network has become between a form of communication,

5、it can make things complicated to simplicity, get rid of the time and space restrictions. web site for many people provides a network life space, through its web demonstrate the enterprise introduces, urban culture and campus culture introduction, investment promotion information, join procedure, in

6、troduced a series of content of the message. in order to better publicize and serve the economic development, i by making a website to introduce electronic commerce website.key words：website construction internet electronic commerce1. 前言1.1課題來源隨著二十一世紀(jì)新興科技的飛速發(fā)展，如今的信息產(chǎn)業(yè)正在經(jīng)受著一個(gè)巨大的挑戰(zhàn)，同時(shí)也面臨著一個(gè)重大的機(jī)遇。就目前的科

7、技發(fā)展水平而言，信息產(chǎn)業(yè)的發(fā)展已經(jīng)不能夠滿足社會(huì)化大生產(chǎn)的要求，因此，各個(gè)國家集中人力、財(cái)力加大對(duì)信息技術(shù)產(chǎn)業(yè)的投入，以適應(yīng)目前需要?？上驳氖窃谶@幾十年的發(fā)展中我們有了互聯(lián)網(wǎng)?；ヂ?lián)網(wǎng)加大了我們了解世界的眼界，縮緊了人與人之間的距離，這就更容易的使我們走上信息化的道路?；ヂ?lián)網(wǎng)拉近了各個(gè)領(lǐng)域之間的距離，如今利用互聯(lián)網(wǎng)來宣傳或購物已經(jīng)是必不可少的工具，因此電子商務(wù)網(wǎng)站建設(shè)在internet應(yīng)用上的地位顯的格外重要。2. 開發(fā)工具和運(yùn)行環(huán)境2.1 網(wǎng)站設(shè)計(jì)的基本知識(shí)靜態(tài)頁面是網(wǎng)頁的代碼都在頁面中，不需要執(zhí)行asp,php,jsp,.net等程序生成客戶端網(wǎng)頁代碼的網(wǎng)頁。靜態(tài)頁面不能自主管理發(fā)布更新的頁

8、面,如果想更新網(wǎng)頁內(nèi)容,要通過ftp軟件把文件down下來用網(wǎng)頁制作軟件修改（通過fso等技術(shù)例外）。但是靜態(tài)頁面最大的好處是下載速度快，因?yàn)椴恍枰绦蜻\(yùn)算和數(shù)據(jù)庫連接。常見的靜態(tài)頁面以.html、.htm為擴(kuò)展名的。并非網(wǎng)站上沒有動(dòng)畫的就是靜態(tài)頁面，那么如何設(shè)計(jì)出精美的網(wǎng)頁以及動(dòng)態(tài)更新交互的站點(diǎn)，這就需要網(wǎng)頁編程與網(wǎng)頁制作相結(jié)合。本章主要介紹網(wǎng)站建設(shè)所必須掌握的基礎(chǔ)知識(shí)，如網(wǎng)頁文檔的結(jié)構(gòu)、超鏈接、表格等基本的html標(biāo)識(shí)的寫法要求，網(wǎng)頁編輯的常用工具，動(dòng)態(tài)網(wǎng)站項(xiàng)目工程的設(shè)計(jì)步驟要求，以及網(wǎng)站的發(fā)布與維護(hù)、網(wǎng)站的主機(jī)方案等相關(guān)知識(shí)。動(dòng)態(tài)頁面是通過執(zhí)行.asp、.php、.jsp、.net等程序

9、生成客戶端網(wǎng)頁代碼的網(wǎng)頁。動(dòng)態(tài)頁面通常可以通過網(wǎng)站后臺(tái)管理系統(tǒng)對(duì)網(wǎng)站的內(nèi)容進(jìn)行更新管理。發(fā)布新聞，發(fā)布公司產(chǎn)品，交流互動(dòng)，博客，網(wǎng)上調(diào)查等，這都是動(dòng)態(tài)網(wǎng)站的一些功能，也是我們常見的。動(dòng)態(tài)網(wǎng)頁是需要語言環(huán)境支持的，動(dòng)態(tài)頁面常見的擴(kuò)展名有：.asp、 .php、 .jsp 、.cgi 等。動(dòng)態(tài)頁面的“動(dòng)態(tài)”是網(wǎng)站與客戶端用戶互動(dòng)的意思，而非網(wǎng)頁上有動(dòng)畫的就是動(dòng)態(tài)頁面4。動(dòng)態(tài)網(wǎng)頁是最常用的網(wǎng)站建設(shè)的一種表達(dá)形式，其優(yōu)點(diǎn)在于可以根據(jù)先前所制定好的程序界面，根據(jù)用戶的不同請(qǐng)求返回相應(yīng)的數(shù)據(jù)?？梢哉f是一對(duì)多的關(guān)系。從而達(dá)到資源的最大利用和節(jié)省服務(wù)器上的物理資源。如果今后需要改變站點(diǎn)風(fēng)格，只需要重新制作前臺(tái)

10、所訪問的數(shù)據(jù)即可。只要數(shù)據(jù)庫結(jié)構(gòu)不變，可以很快的進(jìn)行改版的。2.2 dreamweaver 8 簡(jiǎn)介dreamweaver是在網(wǎng)頁設(shè)計(jì)與制作領(lǐng)域中用戶最多、應(yīng)用最廣、功能最強(qiáng)大的軟件，隨著dreamweaver 8的發(fā)布，更堅(jiān)定dreamweaver在該領(lǐng)域的地位。它集網(wǎng)頁設(shè)計(jì)、網(wǎng)站開發(fā)和站點(diǎn)管理功能于一身，具有可視化、支持多平臺(tái)和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計(jì)、開發(fā)、制作的首選工具。突出的特點(diǎn)主要有靈活的編寫方式；可視化編輯界面；功能更多的css支持css可視化設(shè)計(jì)、css檢查工具；動(dòng)態(tài)跨瀏覽器驗(yàn)證；強(qiáng)大的web站點(diǎn)管理功能；內(nèi)建的圖形編輯引擎；豐富的媒體支持能力等。它將可視布局工具、應(yīng)用程

11、序開發(fā)功能和代碼編輯支持組合在一起，其功能強(qiáng)大，使得各個(gè)層次的開發(fā)人員和設(shè)計(jì)人員都能夠快速創(chuàng)建界面吸引人的基于標(biāo)準(zhǔn)的網(wǎng)站和應(yīng)用程序。開發(fā)人員可以使用 dreamweaver 及所選擇的服務(wù)器技術(shù)來創(chuàng)建功能強(qiáng)大的 internet 應(yīng)用程序，從而使用戶能連接到數(shù)據(jù)庫、web 服務(wù)和舊式系統(tǒng)。開發(fā)環(huán)境支持html、asp、asp.net、jsp等，提供眾多功能強(qiáng)大的可視化設(shè)計(jì)工具、應(yīng)用開發(fā)環(huán)境以及代碼編輯支持。主要用于素材整理、排版以及后臺(tái)程序的交互。2.3 html 介紹全稱：hypertext mark-up language 譯稱：超文本標(biāo)記語言。 簡(jiǎn)意：一種為普通文件中某些字句加上標(biāo)識(shí)的語

12、言，其目的在于運(yùn)用標(biāo)記（tag）合文件 達(dá)到預(yù)期的效果。 html 是在 sgml 定義下的一個(gè)描述性的語言，或可說 html 是 sgml 的一個(gè)應(yīng)用程式。html 不是程式語言，如 c+ 和 java 之類，它只是標(biāo)記語言，基本上你只要明白了各種 標(biāo)記的用法便算學(xué)懂了 html，html 的格式非常簡(jiǎn)單，只是由文字及標(biāo)記組合而成，于編輯部方面，任何文字編輯器都是可以，只要能將檔案存為文本格式即可，用專門的網(wǎng)頁編輯工具當(dāng)然更好。 macromedia公司的roundtrip html技術(shù)讓用戶可以隨意導(dǎo)入html文件而無需重新設(shè)置代碼格式，用戶還可以利用dreamweaver清除或重新格式化

13、html代碼，實(shí)現(xiàn)代碼的優(yōu)化。利用dreamweaver，可以方便地使用動(dòng)態(tài)html功能，卻不需要寫一行行的代碼；利用它還可以檢查作品在所有流行的平臺(tái)和瀏覽器中可能發(fā)生的錯(cuò)誤。當(dāng)然,如果不用dw的話,同樣可以制作出非常棒的網(wǎng)站來,其實(shí)什么樣的程序或者h(yuǎn)tml代碼都可以直接用記事本來寫,只不過dw實(shí)現(xiàn)起來確實(shí)方便一些吧,還有一些其他的網(wǎng)頁編輯工具,比如微軟的frontpage等等,只是想說明一下,做網(wǎng)站,dw很好用，但是不是必須的!2.4 網(wǎng)站運(yùn)行環(huán)境使用ie6.0或以上版本 ，用1024*768分辨率為最佳顯示效果3. 網(wǎng)頁布局網(wǎng)站主頁就好象是宣傳欄或者店面對(duì)訪問者產(chǎn)生第一印象，都希望盡量給人

14、留下好的印象。一般來說，好的網(wǎng)站應(yīng)該給人有這樣的感覺： 干凈整潔；條理清楚；專業(yè)水準(zhǔn)；引人入勝。如圖3-1 3-1首頁網(wǎng)頁應(yīng)該力求抓住而不是淹沒瀏覽者的注意力，過多的閃爍、色彩、下拉菜單框、圖片等會(huì)讓訪問者無所適從離開是最好的選擇，就象一些商店，播放震耳欲聾的發(fā)燒音樂，你要做的唯一決定就是離開那里，越快越好。3.1 網(wǎng)頁布局的基本概念最開始，網(wǎng)頁呈現(xiàn)在你面前的時(shí)侯，它就好像一張白紙，它需要你任意揮灑你的設(shè)計(jì)才思，可以創(chuàng)造出自己的設(shè)計(jì)方案。，雖然你能控制一切你所能控制的東西，但假如你知道什么是一種約定俗成的標(biāo)準(zhǔn)或者說大多數(shù)訪問者的瀏覽習(xí)慣，那么你可以在此基礎(chǔ)上加上自己的東西，這樣你創(chuàng)造出來的網(wǎng)頁

15、才能更好的被別人接受。（1） 頁面尺寸由于頁面尺寸和顯示器大小及分辨率有關(guān)系，網(wǎng)頁的局限性就在于你無法突破顯示器的范圍，而且因?yàn)闉g覽器也將占去不少空間，留下給你的頁面范圍變得越來越小。一般分辨率在800x600的情況下，頁面的顯示尺寸為：780x428個(gè)象素；分辨率在640x480的情況下，頁面的顯示尺寸為:620x311個(gè)象素；分辨率在1024x768的情況下，頁面的顯示尺寸為：1007x600。從以上數(shù)據(jù)可以看出，分辨率越高頁面尺寸越大。瀏覽器的工具欄也是影響頁面尺寸的原因。一般目前的瀏覽器的工具欄都可以取消或者增加，那么當(dāng)你顯示全部的工具欄時(shí)，和關(guān)閉全部工具欄時(shí)，頁面的尺寸是不一樣的。在

16、網(wǎng)頁設(shè)計(jì)過程中，向下拖動(dòng)頁面是惟一給網(wǎng)頁增加更多內(nèi)容(尺寸)的方法。除非你能肯定站點(diǎn)的內(nèi)容能吸引大家拖動(dòng)，否則不要讓訪問者拖動(dòng)頁面超過三屏。如果需要在同一頁面顯示超過三屏的內(nèi)容，那么你最好能在上面做上頁面內(nèi)部連接，方便訪問者瀏覽。（2）整體造型造型就是創(chuàng)造出來的物體形象，這里是指頁面的整體形象。這種形象應(yīng)該是一個(gè)整體，圖形與文本的接合應(yīng)該是層疊有序。雖然，顯示器和瀏覽器都是矩形，但對(duì)于頁面的造型，你可以充分運(yùn)用自然界中的其它形狀以及它們的組合：矩形，圓形，三角形，菱形等。對(duì)于不同的形狀，它們所代表的意義是不同的。比如矩形代表著正式，規(guī)則，你注意到很多icp和政府網(wǎng)頁都是以矩形為整體造型；圓形帶

17、表著柔和，團(tuán)結(jié)，溫暖，安全等，許多時(shí)尚站點(diǎn)喜歡以圓形為頁面整體造型；三角形代表著力量，權(quán)威，牢固，侵略等，許多大型的商業(yè)站點(diǎn)為顯示它的權(quán)威性常以三角形為頁面整體造型；菱形代表著平衡，協(xié)調(diào)，公平，一些交友站點(diǎn)常運(yùn)用菱形作為頁面整體造型。雖然不同形狀帶表著不同意義，但目前的網(wǎng)頁制作多數(shù)是接合多個(gè)圖形加以設(shè)計(jì)，在這其中某種圖形的構(gòu)圖比例可能占的多一些。（3）頁頭頁頭又可稱之為頁眉，頁眉的作用是定義頁面的主題。比如一個(gè)站點(diǎn)的名字多數(shù)都顯示在頁眉里。這樣，訪問者能很快知道這個(gè)站點(diǎn)是什么內(nèi)容。頁頭是整個(gè)頁面設(shè)計(jì)的關(guān)鍵，它將牽涉到下面的更多設(shè)計(jì)和整個(gè)頁面的協(xié)調(diào)性。頁頭常放置站點(diǎn)名字的圖片和公司標(biāo)志以及旗幟廣

18、告。（4）文本文本在頁面中出現(xiàn)都數(shù)以行或者塊(段落)出現(xiàn)，它們的擺放位置決定者整個(gè)頁面布局的可視性。在過去因?yàn)轫撁嬷谱骷夹g(shù)的局限，文本放置的位置的靈活性非常小，而隨著dhtml的興起，文本已經(jīng)可以按照自己的要求放置到頁面的任何位置。（5）頁腳頁腳和頁頭相呼應(yīng)。頁頭是放置站點(diǎn)主題的地方，而頁腳是放置制作者或者公司信息的地方。你能看到，許多制作信息都是放置在頁腳的。（6）圖片圖片和文本是網(wǎng)頁的兩大構(gòu)成元素，卻一不可。如何處理好圖片和文本的位置成了整個(gè)頁面布局的關(guān)鍵。而你的布局思維也將體現(xiàn)在這里。（7）多媒體除了文本和圖片，還有聲音，動(dòng)畫，視頻等等其它媒體。雖然它們不是經(jīng)常能被利用到，但隨著動(dòng)態(tài)網(wǎng)頁

19、的興起，它們?cè)诰W(wǎng)頁布局上也將變得更重要。3.2 網(wǎng)頁布局的技術(shù)網(wǎng)頁的布局有表格布局，框架布局，css布局等，本網(wǎng)站采用的是表格布局，表格布局被廣泛使用，已經(jīng)成為一個(gè)潛在的標(biāo)準(zhǔn)。隨便瀏覽一個(gè)站點(diǎn)，它們一定是用表格布局的。表格布局的優(yōu)勢(shì)在于它能對(duì)不同對(duì)象加以處理，而又不用擔(dān)心不同對(duì)象之間的影響。而且表格在定位圖片和文本上比起用css更加方便。表格布局唯一的缺點(diǎn)是，當(dāng)你用了過多表格時(shí)，頁面下載速度受到影響8。對(duì)于表格布局，打開一個(gè)站點(diǎn)的首頁，然后保存為html文件，利用網(wǎng)頁編輯工具打開它(要所見即所得的軟件)，會(huì)可以看到這個(gè)頁面是如何利用表格的。3.3 網(wǎng)站的層次結(jié)構(gòu)圖如本網(wǎng)站的總體結(jié)構(gòu)圖，如圖3-

20、2首頁新品上架特價(jià)商品會(huì)員資料修改購物車查看訂單銷售排行聯(lián)系我們收藏本站設(shè)為首頁時(shí)尚衛(wèi)衣牛仔天地襯衫裙子外套圖3-2 網(wǎng)站總體結(jié)構(gòu)圖4. 建立網(wǎng)頁連接網(wǎng)站實(shí)際上是由很多網(wǎng)頁組成的，那么網(wǎng)頁之間是如何聯(lián)系的呢？這就是本章要講的內(nèi)容-網(wǎng)頁的“鏈接”?！版溄印?，又稱“超鏈接"（hyperlink）,它作為網(wǎng)頁的橋梁。網(wǎng)頁中的很多對(duì)象都可以加入“鏈接”屬性。在dreamweaver 8中，如果以“鏈接”的媒介來劃分的話，則“鏈接”可以分為“文字鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內(nèi)部鏈接和外部鏈接”、“e-mail鏈接”、“命名錨記鏈接”、“文件下載鏈接”和“跳轉(zhuǎn)菜單”，共8種。4.1

21、 文字連接和跳轉(zhuǎn)菜單網(wǎng)站大多采用的是文字連接和跳轉(zhuǎn)菜單，“文字鏈接”即以文字作為媒介的鏈接，它是網(wǎng)頁中最常被使用的鏈接方式，具有“文件小、制作簡(jiǎn)單和便于維護(hù)”的特點(diǎn)。接下來結(jié)合我的個(gè)人網(wǎng)站為實(shí)例，來講解如何為文字建立“鏈接”。操作步驟：步驟1 、準(zhǔn)備好已經(jīng)制作完成的首頁的各個(gè)欄目頁面步驟2、在dreamweaver 中打開首頁，之后反白選取作為“鏈接”的文字。步驟3、觀察“屬性面板”，其中包括一個(gè)“鏈接”文本框。步驟4、接下來需要把鏈接的位址加入到文本框中。步驟5、在“鏈接”文本框下面還有一個(gè)“目標(biāo)”下拉列表，從中可以選擇鏈接網(wǎng)頁顯示的窗口方式，共有4種。如圖：4-14-1下拉列表步

22、驟6、還可以設(shè)置一些“鏈接”的屬性，單擊“屬性面板”中的“頁面屬性”，選擇其中的“鏈接”分類，可以進(jìn)行的設(shè)置有“鏈接字體”、“大小”、“鏈接顏色”、“變換圖像鏈接”顏色、“已訪問鏈接”顏色、“活動(dòng)鏈接”顏色及“下劃線樣式”。步驟7、至此，第1個(gè)欄目的鏈接就制作完畢了，按下ctrl+s保存網(wǎng)頁，再按下f12預(yù)覽，測(cè)試一下，當(dāng)鼠標(biāo)放在“放松心情”這4個(gè)文字上時(shí)將變成手形，并且瀏覽器窗口下面的狀態(tài)區(qū)中會(huì)顯示鏈接到的網(wǎng)頁的位址，單擊文字，頁面會(huì)立即跳轉(zhuǎn)到第1個(gè)欄目中，這表示鏈接已經(jīng)制作成功了。步驟8、同理，按照以上步驟，再為“閑情逸致”和“個(gè)人主頁”等其它欄制作指向?qū)?yīng)欄目的鏈接。至此，整個(gè)“文字鏈接

23、”的實(shí)例就全就全部完成了?！皥D像”也是常被使用的鏈接媒體，它和“文字鏈接”非常相似。為圖像加入鏈接，首先應(yīng)該在網(wǎng)頁中插入“圖像”，有關(guān)插入“圖像”或“導(dǎo)航條”按鈕的內(nèi)容，接下來以我的網(wǎng)站“my web“為例，講解如何建立“圖像鏈接”。操作步驟：步驟1、首先仍然要準(zhǔn)備好已經(jīng)制作完成的首頁和各個(gè)欄目的頁面步驟2、在dreamweaver中打開網(wǎng)站的首頁，之后選取要制作“鏈接”的圖像。步驟3、觀察“屬性面板”，在“鏈接”文本框中輸入鏈接的文字位址。步驟4、如果有需要，可以在“目標(biāo)”下拉列表中選擇“鏈接”網(wǎng)頁顯示的窗口方式，分別為-blank 、-parent 、-self或 top。步驟5、至此，第

24、1個(gè)欄目的圖像鏈接就制作完畢了，按下ctrl+s保存網(wǎng)頁，再按下f12預(yù)覽，測(cè)試一下，將鼠標(biāo)放在“動(dòng)畫制作”4個(gè)文字上時(shí)將變成手形，同時(shí)瀏覽器窗口下面的狀態(tài)區(qū)中會(huì)顯示出鏈接到的網(wǎng)頁的地址，并且會(huì)顯示出“替代”文本“動(dòng)畫制作”，單擊文字，頁面會(huì)立即跳轉(zhuǎn)到第3個(gè)欄目中，這表示鏈接已經(jīng)制作成功了。步驟6、同理，按照以上步驟，再為其它幾幅圖像制作指向?qū)?yīng)欄目的鏈接。步驟7、在欄目頁面中制作“返回首頁”的鏈接，使得單擊后可以跳轉(zhuǎn)回首頁。至此，整個(gè)“圖像鏈像”的實(shí)例就全部完成了。其中也用到了css和js以下以js為例，如圖4-2圖4-2折疊樣式經(jīng)過如下代碼實(shí)現(xiàn)如圖4-2var faisunmenu_clo

25、sedfolderimage_src="images/jia.gif"var faisunmenu_treeurl=new array();var faisunmenu_treenum=0;document.write("<style type='text/css'>.blockhidedisplay:none; .blockmoveoverflow: hidden;height:1px;display:block; .blockshowoverflow: visible; display:block; .hidemeoverflow:

26、 visible;display:none; .showmeoverflow: visible;display:block; .faisunmenu tdfont-size:12px; </style>");function fun5()var a = document.getelementbyid("typeweiyi");if(a.options.value=0)window.location.href="niuzaitiandi.html"function outinit(itemno,dir,blockheight) /縮小

27、一個(gè)div的高度 var subfiles=document.getelementbyid("item"+itemno); if(blockheight=0)subfiles.classname="blockshow"subfiles.style.height=''blockheight=parseint(subfiles.offsetheight);if(dir>0) subfiles.classname="blockmove" var outinspeed=blockheight/10; var nowhei

28、ght=parseint(subfiles.offsetheight)+outinspeed*dir; if(nowheight<=0) subfiles.classname="blockhide"return; else subfiles.classname="blockmove" if(nowheight>=blockheight && dir>0) subfiles.classname="blockshow"subfiles.style.height=''return; subf

29、iles.style.height=nowheight; subfiles.scrolltop=blockheight; parentsresize(subfiles); settimeout("outinit("+itemno+","+dir+","+blockheight+")",15);function checku()var username = ducument.getelementbyname("username").value;var psword = ducument.getel

30、ementbyname("pwd").value;if(username!=null&psword!=null)function parentsresize(obj) /縮小父類div的高度doif(obj.classname="faisunmenu")break;if(obj.classname="blockshow")obj.style.height=""while(obj=obj.parentelement);function showhideit(itemno) var showfolder=doc

31、ument.images"openedfolderimage"+itemno; var hidefolder=document.images"closedfolderimage"+itemno; var subfiles=document.getelementbyid("item"+itemno); if(subfiles.classname="blockmove") return; if(showfolder.classname="hideme") hidefolder.classname=&

32、quot;hideme" showfolder.classname="showme"outinit(itemno,1,0); else showfolder.classname="hideme" hidefolder.classname="showme"outinit(itemno,-1,0); function addtree(text,url,target) faisunmenu_treetext.push(text); faisunmenu_treeurl.push(url?url:""); fai

33、sunmenu_treeurltarget.push(target?target:"main");function getsubnum(text) /算出前面有幾個(gè)"-"號(hào) var newtext=text.replace(/-*/,""); return text.length-newtext.length;function createtree() faisunmenu_treenum+; var treeendlayer=new array(); var next_subnum=0; for(i=faisunmenu_treet

34、ext.length-1;i>=0;i-) /從后面分析起,是否有為結(jié)束位置或有子樹枝 var subnum=getsubnum(faisunmenu_treetexti);treestatusi=0;if(subnum<next_subnum) /有子目錄 treeendlayernext_subnum=0; treestatusi+=1;if(!treeendlayersubnum) /結(jié)束位置 treeendlayersubnum=1; treestatusi+=2;/顯然地,既有子目錄又是結(jié)束位置時(shí) treestatusi=3;next_subnum=subnum; var

35、 echo="<div class='faisunmenu'>" for(i=0;i<faisunmenu_treetext.length;i+) if(!faisunmenu_treetexti) continue; var subnum=getsubnum(faisunmenu_treetexti); var newtext=faisunmenu_treetexti.replace(/-*?/,""); if(treestatusi=1|treestatusi=3) var havechild=1; else var

36、 havechild=0; var li=i-1; if(i>0&&(treestatusli=1|treestatusli=3) echo += "<div id='item"+faisunmenu_treenum+li+"' class='"+(showme?"blockshow":"blockhide")+"'>" echo += "<table border='0' cellspacing=

37、'0' cellpadding='0' "+(subnum=0?"height=25":"")+"><tr>n"for(j=1;j<subnum;j+) echo += "<td width='20' valign=bottom><img src='images/"+(openedlayerj?"bar3.gif":"spacer.gif")+"' w

38、idth='20' height='20'></td>n"var clicktoshowhide=(havechild?" onclick='showhideit("+faisunmenu_treenum+""+i+")' style='cursor:pointer;' ":""); echo += "<td nowrap valign=bottom><a onmousedown='ret

39、urn false;' "+clicktoshowhide+" "+(faisunmenu_treeurli?"href='"+faisunmenu_treeurli+"'":"name='#'")+" target='"+faisunmenu_treeurltargeti+"'>"+newtext+"</a></td></tr></table>n

40、n" if(barstatus=2&&!havechild) for(j=subnum;j>=0;j-) if(!openedlayerj) echo += "</div>"else break; echo += "</div>" document.write(echo); /清空列表以接受下一個(gè)菜單 faisunmenu_treeurl=new array();5. 網(wǎng)站的測(cè)試與維護(hù)網(wǎng)站建成后并不意味著網(wǎng)站建設(shè)的結(jié)束，網(wǎng)站內(nèi)容需要不斷更新， 并且網(wǎng)站發(fā)布前要進(jìn)行細(xì)致周密的測(cè)試，以保證正常瀏覽和使用

41、。主要測(cè)試內(nèi)容： 1、服務(wù)器穩(wěn)定性、安全性。 2、程序軟件的測(cè)試。 3、網(wǎng)頁兼容性測(cè)試，如瀏覽器、顯示器。 4、根據(jù)需要的其他測(cè)試。網(wǎng)站發(fā)布后也要定時(shí)的對(duì)網(wǎng)站進(jìn)行維護(hù)，以保證網(wǎng)站的正常瀏覽和使用。主要的維護(hù)內(nèi)容有：(1)、服務(wù)器及相關(guān)軟硬件的維護(hù)，對(duì)可能出現(xiàn)的問題進(jìn)行評(píng)估，制定響應(yīng)時(shí)間。 (2)、數(shù)據(jù)庫維護(hù)，有效地利用數(shù)據(jù)是網(wǎng)站維護(hù)的重要內(nèi)容，因此數(shù)據(jù)庫的維護(hù)要受到重視。 (3)、內(nèi)容的更新、調(diào)整等。 (4)、制定相關(guān)網(wǎng)站維護(hù)的規(guī)定，將網(wǎng)站維護(hù)制度化、規(guī)范化。6. 結(jié)論實(shí)踐是檢驗(yàn)真理的唯一標(biāo)準(zhǔn)，當(dāng)然也是檢驗(yàn)學(xué)習(xí)成果的標(biāo)準(zhǔn)。通過這次畢業(yè)設(shè)計(jì)讓我對(duì)前面學(xué)過的許多課程有了更為深刻的理解，也是我對(duì)這三年所學(xué)的東西的一個(gè)綜合體現(xiàn)。然而這次設(shè)計(jì)讓我感受頗深，它讓我體會(huì)到了理論知識(shí)結(jié)合實(shí)踐的重要性，光有理論知識(shí)是遠(yuǎn)遠(yuǎn)不夠的。首先，我選的課題是商務(wù)網(wǎng)站設(shè)計(jì)，隨之而來的就