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

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