動態(tài)網(wǎng)頁欣賞與設(shè)計.doc

20-20第一學(xué)期校選修課動態(tài)網(wǎng)頁欣賞與設(shè)計論文動態(tài)網(wǎng)頁欣賞與設(shè)計 學(xué)生姓名 學(xué) 號 所屬學(xué)院 專 業(yè) 班 級 授課教師 教師職稱 動態(tài)網(wǎng)頁欣賞與設(shè)計隨著互聯(lián)網(wǎng)技術(shù)的快速發(fā)展，互聯(lián)網(wǎng)提供的服務(wù)也越來越得到更多人們的認(rèn)可，特別是WWW服務(wù)，它是目前互聯(lián)網(wǎng)上發(fā)展最快的服務(wù)。WWW（World Wide Web）中文譯為環(huán)球信息網(wǎng)（或萬維網(wǎng)），簡稱WEB，WWW是一種基于超文本技術(shù)的網(wǎng)絡(luò)資源服務(wù)，WEB 上的信息是由彼此關(guān)聯(lián)的文檔組成的，這些文檔稱為主頁或頁面，它是一種超文本（Hypertext）信息。早期的網(wǎng)頁主要是靜態(tài)的，后來由于有了CGI、NSAPI、ISAPI、WSAPI、IDC、ASP、JSP、DHTML、PHP、ASP.NET等技術(shù)的發(fā)展，使得WEB頁面可以方便地傳播動態(tài)信息。目前，比較流行的有ASP、PHP和JSP程序設(shè)計語言。從總的方面來說，ASP、PHP和JSP基本上都是把腳本語言嵌入HTML文檔中，它們最主要的優(yōu)點是：ASP學(xué)習(xí)簡單，使用方便；PHP軟件免費(fèi)，運(yùn)行成本低；JSP多平臺支持，轉(zhuǎn)換方便。ASP全稱Active Server Pages，是微軟推出的用以取代CGI 的動態(tài)服務(wù)器網(wǎng)頁技術(shù)。微軟更早曾推出IDC技術(shù)，專門用于和數(shù)據(jù)庫連接，IDC雖然也簡單易學(xué)，但是因為太簡單了，很多功能都不能實現(xiàn)，于是微軟又推出了仍然簡單易學(xué)，但功能更強(qiáng)大的ASP。由于ASP簡單易學(xué)，又有微軟的強(qiáng)大支持，所以目前ASP使用非常廣泛，很多大型站點都是用ASP開發(fā)的。ASP目前可以在WindowsNT、Windows2000、WindowsXP上運(yùn)行，在Windows98上裝上個人WEB服務(wù)器PWS4.0后也可以運(yùn)行，它對客戶端沒有任何特殊的要求，只要有一個普通的瀏覽器就行。ASP 文件就是在普通的HTML文件中嵌入VbScript或JavaScript腳本語言，當(dāng)客戶請求一個ASP文件時，服務(wù)器就把該文件解釋成標(biāo)準(zhǔn)的HTML文件發(fā)過去。在服務(wù)器端運(yùn)行的好處：第一、可以不受客戶端瀏覽器的限制；第二、可以很方便地和服務(wù)器交換數(shù)據(jù)。ASP提供了幾個內(nèi)部對象和內(nèi)部組件，利用它們可以很方便地實現(xiàn)表單上傳、存取數(shù)據(jù)庫等功能，除此之外，還可以使用第三方提供的專用組件解決如發(fā)送E_mail，文件上傳等功能，如果還有特殊的需要，可以利用VC或VB開發(fā)自己的組件，因此可以說ASP幾乎可以實現(xiàn)任何功能?，F(xiàn)就自己在使用ASP開發(fā)動態(tài)網(wǎng)頁的過程中遇到的一些問題談?wù)勛约旱目捶?。一、開發(fā)工具的選擇欲善其事，必先利其器。選擇合適的工具對開發(fā)可以起到事半功倍的效果。開發(fā)ASP文件，最簡單的工具就是Windows系統(tǒng)自帶的記事本了，除此之外還有Editplus、UlraEdit、Frontpage、Dreamweaver、Visual InterDev等工具。這么多選擇，究竟用哪一種好呢？這些工具各有各的特點，也各有各的優(yōu)點和缺點，由于動態(tài)網(wǎng)頁涉及網(wǎng)頁開發(fā)和腳本開發(fā)兩方面的內(nèi)容，所以只用哪一種工具很難順利完成開發(fā)工作。既然一種工具很難較好完成任務(wù)，那我們就可以考慮根據(jù)其優(yōu)缺點綜合利用這些工具，選擇兩種合適的工具就可以了。工具不需要太多，好用實用是唯一的標(biāo)準(zhǔn)。從腳本開發(fā)和界面設(shè)計考慮，我個人認(rèn)為使用Editplus進(jìn)行腳本開發(fā)，使用Dreamweaver進(jìn)行界面設(shè)計是比較好的選擇。記事本使用簡單，可以完全依靠它完成動態(tài)網(wǎng)頁的開發(fā)，但是它的效率太低，每行代碼，每個字母都需要通過鍵盤輸入，在輸入過程中難免會出現(xiàn)這樣或那樣的錯誤，如果代碼較長，那將是一個漫長的過程。在調(diào)試過程中，查找由于輸入出現(xiàn)的錯誤又會耗費(fèi)很多時間和精力。對于初學(xué)者來說，如果對界面沒有太高的要求，記事本是個不錯的選擇，并且在輸入過程中對每行代碼會有一定的感性認(rèn)識，對程序的層次結(jié)構(gòu)有一個總的了解。記事本不適合設(shè)計復(fù)雜的網(wǎng)頁。Editplus、UlraEdit與記事本相似，只不過比其功能強(qiáng)大一些，它可以自動生成網(wǎng)頁的框架，你只需要將腳本語言輸進(jìn)去就可以了，而且它具有結(jié)構(gòu)化程序的特點，并能將ASP腳本語言與HTML語言分顏色顯示出來，增強(qiáng)了可讀性，它還有自動換行、列數(shù)標(biāo)記等功能。Frontpage、Dreamweaver是可視化的網(wǎng)頁開發(fā)工具，其功能非常強(qiáng)大，制作網(wǎng)頁非常方便，效率很高，而且也集成了ASP功能， 可以自動生成一些ASP腳本語言，但其生成的代碼較復(fù)雜，可讀性較差，使用起來不是很方便靈活。Visual InterDev的突出優(yōu)點是它有一個非常優(yōu)秀的腳本開發(fā)調(diào)試環(huán)境，可以極其容易地生成VbScript腳本和JavaScript腳本，另外它可以直接與SQL Server數(shù)據(jù)庫連接，方便地操縱數(shù)據(jù)庫，這在其他環(huán)境中是比較少有的，與Frontpage、Dreamweaver相比較，Visual InterDev的缺點和記事本、Editplus、UlraEdit一樣，不能非常方便地進(jìn)行界面設(shè)計。綜上所述，我們可以先使用Dreamweaver來進(jìn)行界面設(shè)計，然后用Editplus來完成動態(tài)網(wǎng)頁的腳本開發(fā)，綜合利用各自的優(yōu)點，發(fā)揮它們的特色，為我們的開發(fā)服務(wù)。腳本和界面的關(guān)系是內(nèi)容與形式的關(guān)系，好的內(nèi)容需要好的形式來推廣，好的形式便于好的內(nèi)容的普及，二者是辯證統(tǒng)一的。所以我們可以先設(shè)計好網(wǎng)頁的界面，然后再完成網(wǎng)頁的動態(tài)部分，分步來完成，避免發(fā)生混亂。二、數(shù)據(jù)庫的選擇對于初學(xué)者來說，可以選擇Access、Foxpro這樣的小型關(guān)系數(shù)據(jù)庫進(jìn)行小型網(wǎng)站的開發(fā)，而Sybase、Oracle、Informix、Sql Server適合進(jìn)行大型數(shù)據(jù)庫的開發(fā)，為了能較順利地開發(fā)出ASP程序，熟悉其功能，使用小型的關(guān)系型數(shù)據(jù)庫就可以了。等到ASP腳本語言使用非常熟練以后，再選擇大型數(shù)據(jù)庫進(jìn)行大型網(wǎng)站的開發(fā)，這種過渡是非常容易的。三、數(shù)據(jù)結(jié)構(gòu)的確立對于ASP來說，數(shù)據(jù)庫的應(yīng)用是非常重要的一部分。剛開始，不用對數(shù)據(jù)庫的結(jié)構(gòu)考慮太多，主要任務(wù)應(yīng)該集中在對數(shù)據(jù)庫的操作上，待查詢、添加、刪除、修改、分頁等操作熟練掌握后，要進(jìn)行大型系統(tǒng)開發(fā)時再考慮數(shù)據(jù)庫的結(jié)構(gòu)，一個好的系統(tǒng)必須有一個好的數(shù)據(jù)庫結(jié)構(gòu)來支撐，現(xiàn)在的數(shù)據(jù)庫都是關(guān)系型的數(shù)據(jù)庫，確定各個數(shù)據(jù)的關(guān)系至關(guān)重要，要學(xué)會建立數(shù)據(jù)模型，對數(shù)據(jù)進(jìn)行分析，剔除數(shù)據(jù)冗余，使各個數(shù)據(jù)之間的關(guān)系合理，這是非常關(guān)鍵的，如果數(shù)據(jù)庫的結(jié)構(gòu)不合理，將會給開發(fā)帶來很多的問題。所以一定要好好研究一下數(shù)據(jù)庫的結(jié)構(gòu)，學(xué)會建立數(shù)據(jù)模型。四、數(shù)據(jù)庫的連接要對數(shù)據(jù)庫進(jìn)行操作，首先要連接數(shù)據(jù)庫，這就要用到Connection對象，具體連接方法有兩種。1、利用數(shù)據(jù)源的連接方法。此方法需要通過“ODBC數(shù)據(jù)源管理器”設(shè)置數(shù)據(jù)源。2、不用數(shù)據(jù)源的連接方法使用數(shù)據(jù)源的連接方式盡管簡單，但是需要在服務(wù)器端設(shè)置數(shù)據(jù)源。如果希望把程序從一個服務(wù)器移植到另一個服務(wù)器上，還需要在另一臺服務(wù)器上設(shè)置數(shù)據(jù)源，比較麻煩。我們可以直接通過程序代碼書寫連接語句，利用OLE DB的方法直接連接數(shù)據(jù)庫。五、運(yùn)行環(huán)境的選擇ASP文件是在服務(wù)器端運(yùn)行的。ASP的運(yùn)行環(huán)境一般可以選擇：（1）Windows 2000 + IIS 5.0（2）Windows XP+ IIS 5.0（ 家庭版不支持）（3）Windows 98+ PWS 4.0（4）Windows NT 4.0 + Windows NT Option Pack由于IIS是與Windows 2000 Server集成的Web服務(wù)器，當(dāng)Windows 2000 Server安裝完畢，IIS也就安裝上了，直接就可以使用IIS提供的全I(xiàn)nternet服務(wù)了，而Windows 2000 Professional、Windows XP Professional、Windows 98、WindowsNT 4.0等操作系統(tǒng)都需要另外安裝。比較而言Windows 2000 Server或Windows 2000 AdvanceServer更方便，更穩(wěn)定，更實用，是開發(fā)ASP最好的選擇。六、開發(fā)的基本流程1、HTML靜態(tài)頁面設(shè)計動態(tài)頁面是將程序鑲嵌在HTML靜態(tài)頁面中，所以必須在添加程序之前完成靜態(tài)頁面的設(shè)計，這樣在編寫和調(diào)試程序時才可以有的放矢，使開發(fā)過程更順利。2、編寫Web應(yīng)用程序根據(jù)Web應(yīng)用程序的需求，構(gòu)建應(yīng)用程序中的數(shù)據(jù)結(jié)構(gòu)，這是在整個程序編寫過成中非常重要的環(huán)節(jié)，只有數(shù)據(jù)結(jié)構(gòu)合理才能使程序的編寫省時省力。3、調(diào)試應(yīng)用程序在編好的程序中總會出現(xiàn)這樣或那樣的錯誤，這就需要用戶運(yùn)行Web應(yīng)用程序，從瀏覽器中找出其中的錯誤，然后再對應(yīng)用程序進(jìn)行修改，最終改正錯誤，普通的HTML頁面不用服務(wù)器就可以顯示，而動態(tài)的頁面必須有服務(wù)器的編譯才能顯示。七、程序開發(fā)的心態(tài)由于動態(tài)網(wǎng)頁開發(fā)涉及的面非常廣，需要學(xué)習(xí)的內(nèi)容非常多，一定要冷靜，不要急躁，用平常心對待在開發(fā)過程中出現(xiàn)的任何問題，始終保持愉快的心情去做愉快的事情。遇到困難時不要輕易放棄，任何時候都不要對自己失去信心。不要急于求成，不要求大求全，要循序漸進(jìn)，盡量避免少走彎路，多和有經(jīng)驗的開發(fā)者進(jìn)行交流，積極吸取他們的成功經(jīng)驗。剛開始的時候，最好先從小的系統(tǒng)開始做起，最好可以將小的系統(tǒng)應(yīng)用到實際應(yīng)用當(dāng)中去，麻雀雖小，但五臟俱全，通過小系統(tǒng)的開發(fā)可以幫助你積累開發(fā)經(jīng)驗。好的界面等于成功了一大半，所以系統(tǒng)的界面設(shè)計至關(guān)重要，如果你對設(shè)計界面沒有信心，不妨先到in