第15章動態(tài)網頁基礎

——制作“在先留言”頁面計算機工程學院計算機基礎教學部第15章動態(tài)網頁基礎

——制作“在先留言”頁面計算機工程學1學習目標了解動態(tài)網頁技術的基本框架了解數據庫的基本概念了解表單的基本作用掌握Access數據庫的基本操作方法掌握表單和表單對象的基本操作方法掌握設計和制作ASP動態(tài)網頁的基本方法網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室學習目標了解動態(tài)網頁技術的基本框架網頁設計與制作實用教程（第2實訓項目為了提供多樣化的溝通交流手段，需要設計一個“深圳慧衡科技有限公司”網站的二級頁面“在線留言”，用戶可以在頁面中填寫自己的郵件地址以及需要向公司反饋的信息，這些信息在用戶確認之后會在服務器上實時地記錄下來，公司的客服就可以有針對性地與用戶聯系。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室實訓項目為了提供多樣化的溝通交流手段，需要設計一個“深圳慧衡3項目分析（1）設計思路：（1）數據存儲：用戶在線輸入的留言等信息需要存儲在硬盤等位置才能永久保存，數據庫技術可以很好地存儲和管理數據，基于數據量和安全性的考慮，采用Office套件中的Access數據庫數據。（2）動態(tài)網頁：在線留言的核心就是動態(tài)留言信息的實時存儲，html靜態(tài)網頁無法實現此功能，需要引入動態(tài)網頁技術，這里采用ASPVBScript網頁。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室項目分析（1）設計思路：網頁設計與制作實用教程（第3版）計算4項目分析（2）設計思路：（3）頁面元素：本頁面的主要功能是實時收集動態(tài)信息，除了必要的文字外，主要是表單和表單對象。（4）版面布局：由于本頁面包含標題、公司聯系方式和在線留言需填寫的信息等部分，在表單內使用表格快速地構建排列簡單、規(guī)整的網頁布局。（5）配色方案：本頁面以功能性為主，風格和色彩搭配以簡潔為基調，和整體網站風格保持基本一致。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室項目分析（2）設計思路：網頁設計與制作實用教程（第3版）計算5設計目標網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室設計目標網頁設計與制作實用教程（第3版）計算機工程學院計算6預備知識：動態(tài)網頁技術（1）在實際的網站建設中，除了完成精美的頁面設計，還應該考慮信息采集、數據存取以及系統維護等方面的功能設計，例如，用戶注冊/登錄、計數器、留言板、聊天室和BBS等，它們大都涉及到與數據庫的交互，而這是用傳統的網頁設計語言或簡單的客戶端腳本所不能實現的，此時就需要動態(tài)網頁技術。動態(tài)網頁技術最明顯的特點是網頁在用戶提出瀏覽請求后動態(tài)地生成，即頁面內容動態(tài)化。隨著時代的發(fā)展，許多網頁文件已不僅僅是只能提供靜態(tài)服務的.html文件，更多的是以.asp、.php、.jsp、.aspx為擴展名的文件，這些文件對應的網頁就是動態(tài)網頁。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室預備知識：動態(tài)網頁技術（1）在實際的網站建設中，除了完成精美7預備知識：動態(tài)網頁技術（2）1．動態(tài)網頁的基本處理流程：（1）所謂“動態(tài)”，主要是針對網頁構成的原理而言，在用戶顯示該頁面之前，實際上該頁面還不存在或頁面的部分內容還沒生成，當用戶向服務器發(fā)出動態(tài)需求，服務器就根據用戶的操作動態(tài)生成頁面代碼，并顯示到用戶的瀏覽器中。其基本處理流程如圖所示。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室預備知識：動態(tài)網頁技術（2）1．動態(tài)網頁的基本處理流程：網頁8預備知識：動態(tài)網頁技術（3）1．動態(tài)網頁的基本處理流程：（2）動態(tài)網頁是服務器端根據客戶端（瀏覽器）的請求產生的頁面，它會根據客戶端不同的請求，在服務器端運行已經寫好的代碼，并完成與數據庫的交互，處理完成后把具有一定結果的頁面發(fā)回給客戶端瀏覽器。代碼的運行實際上是在服務器端進行的，這個代碼也叫腳本，稱為服務器端腳本。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室預備知識：動態(tài)網頁技術（3）1．動態(tài)網頁的基本處理流程：網頁9預備知識：動態(tài)網頁技術（4）2．ASP技術：（1）ASP是Microsoft公司推出的服務器端腳本運行環(huán)境，它置于IIS之中，通過ASP結合HTML網頁、ASP指令和ActiveX組件，就可以建立動態(tài)、交互及高效的Web服務器應用程序。（2）ASP將標準的HTML文件拓展了一些附加特征，它和標準的HTML文件一樣包含HTML對象并且在一個瀏覽器上解釋和顯示，任何可以放在HTML中的東西都可以放在ASP中。（3）ASP可以和諸如Access、SQLServer等數據庫進行連接，并可在其中使用SQL語言進行數據庫處理。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室預備知識：動態(tài)網頁技術（4）2．ASP技術：網頁設計與制作實10預備知識：數據庫技術（1）數據庫技術產生于20世紀60年代末，其主要目的是有效地管理和存取大量的數據資源。它是信息系統的核心技術之一，作為一種計算機輔助管理數據的方法，它研究如何組織和存儲數據、如何高效地獲取和處理數據。目前，數據庫軟件有很多，常用的包括Oracle、SQLServer、MySql、Access等，其中，MicrosoftOfficeAccess是由微軟發(fā)布的關系數據庫管理系統，它結合了MicrosoftJetDatabaseEngine和圖形用戶界面兩項特點，是MicrosoftOffice中的一個成員。Access數據庫是常用的輕量級的數據庫，用來做小型動態(tài)網頁開發(fā)和應用非常適合。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室預備知識：數據庫技術（1）數據庫技術產生于20世紀60年代末11預備知識：數據庫技術（2）1．數據庫結構：數據庫（Database），數據庫是相關數據的集合，數據庫結構中包含數據表、記錄、字段等部分。（1）數據表（Table)簡稱表，由一組數據記錄組成，數據庫中的數據是以表為單位進行組織的，一個數據庫由一個或一組數據表組成。一個表是一組相關的按行排列的數據，每個表中都含有相同類型的信息。表實際上是一個二維表格，例如，一個班所有學生的信息可存放在一個表中，表中的每一行對應一個學生，這一行包括學生的學號、姓名、性別及手機號碼等信息。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室預備知識：數據庫技術（2）1．數據庫結構：網頁設計與制作實用12預備知識：數據庫技術（3）1．數據庫結構：（2）記錄（Record）表中的每一行稱為一個記錄，它由若干個字段組成。（3）字段（Field）也稱域，表中的每一列稱為一個字段，每個字段都有相應的描述信息，如數據類型、數據寬度等。（4）主鍵（Key）表中經常有一列或多列的組合，其值能唯一地標識表中的每一行。這樣的一列或多列稱為表的主鍵，通過它可強制表的實體完整性。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室預備知識：數據庫技術（3）1．數據庫結構：網頁設計與制作實用13預備知識：數據庫技術（4）2．數據庫連接：（1）ODBC（OpenDatabaseConnectivity，開放數據庫互連）是微軟公司開放服務結構中有關數據庫的一個組成部分，它建立了一組規(guī)范，并提供了一組對數據庫訪問的標準API（應用程序編程接口）。ODBC的最大優(yōu)點是能以統一的方式處理所有的數據庫。（2）DSN（DataSourceName，數據源名稱）是包含了有關某個特定數據庫信息的數據結構，這個信息是開放式數據庫連接驅動能夠連接到數據庫上必需的信息。DSN存儲在注冊表或作為一個單獨的文本文件，DSN里面包含的信息有名稱、目錄和數據庫驅動器，以及用戶ID和密碼（根據DSN的類型）。（3）有三種類型的DSN：用戶DSN、系統DSN和文件DSN。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室預備知識：數據庫技術（4）2．數據庫連接：網頁設計與制作實用14預備知識：表單概述（1）（1）在開發(fā)動態(tài)網站時，表單及表單對象可以說是必不可少的，它通常用于收集客戶端用戶輸入的信息，并提交到服務器進行處理。表單是實現網頁上數據傳輸的基礎，利用它可以收集不同類型的用戶輸入，使用戶可以與網站進行交互。（2）當用戶在瀏覽器中顯示的表單中輸入信息，然后單擊按鈕進行提交時，這些信息將被發(fā)送到服務器，服務器中的服務器端腳本或應用程序會對這些信息進行處理。服務器向用戶（或客戶端）發(fā)回所處理的信息或基于該表單內容執(zhí)行某些其他操作，以此進行響應。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室預備知識：表單概述（1）（1）在開發(fā)動態(tài)網站時，表單及表單對15預備知識：表單概述（2）（3）表單在網頁中主要負責數據采集（示例如圖所示），一個表單主要包括表單標簽、表單域、表單按鈕等三個基本組成部分。表單標簽<form></form>，包含了處理表單數據所用程序的URL以及數據提交到服務器的方法。表單域包含了文本字段、隱藏域、復選框等表單對象。表單按鈕包括提交和復位按鈕，用于將數據傳送到服務器上或者取消輸入，還可以用表單按鈕來控制其他定義了處理腳本的操作。（4）在Dreamweaver的“插入”面板中，選擇“表單”類，其中就包含了用于創(chuàng)建表單和用于插入表單對象的按鈕，如圖所示，通過這些按鈕，可以向頁面中插入表單及各種表單對象。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室預備知識：表單概述（2）（3）表單在網頁中主要負責數據采集（16制作流程任務1：設計Access數據庫任務4：添加表單和表單對象任務3：創(chuàng)建動態(tài)網頁三任務2：設置數據源和默認網站任務5：添加服務器行為網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室制作流程任務1：設計Access數據庫任務4：添加表單和表單17任務1——設計Access數據庫網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室1新建Access數據庫2新建數據表3在數據表中添加記錄任務1——設計Access數據庫網頁設計與制作實用教程（第18STEP1：新建Access數據庫計算機工程學院計算機基礎教研室網頁設計與制作實用教程（第3版）

新建Access數據庫“Hhkj.accdb”。STEP1：新建Access數據庫計算機工程學院計算機基礎19STEP2：新建數據表計算機工程學院計算機基礎教研室網頁設計與制作實用教程（第3版）

在“Hhkj.accdb”數據庫中新建數據表“Contact”。字段名稱含義說明ID序號主鍵，自動增加的數值Username姓名不能為空，最多20個漢字Gender性別不能為空，男或女Email郵件地址不能為空，最多100個漢字Title標題不能為空，最多255個漢字Class分類不能為空，最多5個漢字Msg信息不限STEP2：新建數據表計算機工程學院計算機基礎教研室網頁設20STEP3：在數據表中添加記錄計算機工程學院計算機基礎教研室網頁設計與制作實用教程（第3版）

在“Contact”數據表中新增一條數據記錄。STEP3：在數據表中添加記錄計算機工程學院計算機基礎教研21任務2——設置數據源和默認網站網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室任務2——設置數據源和默認網站網頁設計與制作實用教程（第322STEP：計算機工程學院計算機基礎教研室網頁設計與制作實用教程（第3版）新建系統DSN“dsnHhkj”，用于連接“Hhkj.accdb”數據庫。將默認網站（“DefaultWebSite”）的物理路徑設置為“D:\huihengweb”（“慧衡科技”站點的根目錄）。STEP：計算機工程學院計算機基礎教研室網頁設計與制作實用23任務3——創(chuàng)建動態(tài)網頁網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室1新建ASP頁面2建立系統DSN連接3定義記錄集任務3——創(chuàng)建動態(tài)網頁網頁設計與制作實用教程（第3版）計算24STEP1：新建ASP頁面計算機工程學院計算機基礎教研室網頁設計與制作實用教程（第3版）在子文件夾w09下創(chuàng)建ASPVBScript動態(tài)網頁“contact.asp”。STEP1：新建ASP頁面計算機工程學院計算機基礎教研室網25STEP2：建立系統DSN連接計算機工程學院計算機基礎教研室網頁設計與制作實用教程（第3版）添加本地測試服務器“aspTest”，并建立系統DSN連接“conHhkj”。STEP2：建立系統DSN連接計算機工程學院計算機基礎教研26STEP3：定義記錄集計算機工程學院計算機基礎教研室網頁設計與制作實用教程（第3版）添加記錄集“rsHhkj”。STEP3：定義記錄集計算機工程學院計算機基礎教研室網頁設27任務4——添加表單和表單對網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室1創(chuàng)建表單2利用表格進行布局3插入表單對象任務4——添加表單和表單對網頁設計與制作實用教程（第3版）28STEP1：創(chuàng)建表單計算機工程學院計算機基礎教研室網頁設計與制作實用教程（第3版）在“Contact.asp”頁面中插入表單。STEP1：創(chuàng)建表單計算機工程學院計算機基礎教研室網頁設計29STEP2：利用表格進行布局計算機工程學院計算機基礎教研室網頁設計與制作實用教程（第3版）在表單中插入1個8行1列的表格，要求表格寬度為770像素，邊框粗細、單元格邊距及單元格間距均為0，填充為10，居中對齊；表格第1、2行的效果如圖所示。STEP2：利用表格進行布局計算機工程學院計算機基礎教研室30STEP3：插入表單對象計算機工程學院計算機基礎教研室網頁設計與制作實用教程（第3版）在表格的第3行中，插入一個Spry驗證文本域，用于用戶姓名的輸入和驗證。在表格的第4行中，插入一個單選按鈕組，用于用戶性別的選擇。在表格的第5行中，插入一個Spry驗證文本域，用于電子郵件地址的輸入和驗證。在表格的第6行中，用相同的方法，插入一個Spry驗證文本域，用于標題的輸入和驗證。在表格的第7行中，插入一個選擇菜單，用于分類的選擇。在表格的第8行中，插入三個表單對象，一個是文本區(qū)域，用于信息的輸入，另外兩個是按鈕，分別用于表單的提交和重置。STEP3：插入表單對象計算機工程學院計算機基礎教研室網頁31任務5——添加服務器行為網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室任務5——添加服務器行為網頁設計與制作實用教程（第3版）計32STEP：計算機工程學院計算機基礎教研室網頁設計與制作實用教程（第3版）添加“插入記錄”服務器行為。STEP：計算機工程學院計算機基礎教研室網頁設計與制作實用33項目總結計算機工程學院計算機基礎教研室網頁設計與制作實用教程（第3版）項目總結計算機工程學院計算機基礎教研室網頁設計與制作實用教34課后練習配套實訓

設計和制作登錄網頁，效果如圖所示。要求如下：設計Access數據庫，用于存儲用戶賬號和密碼等數據。

注：在數據表中插入一條記錄作為測試數據。設置數據源以連接數據庫，并配置本地網絡作為動態(tài)網頁的測試服務器。定義站點，新建ASPVBScript網頁，在其中創(chuàng)建數據庫連接和定義記錄集。添加表單、表單對象以及服務器行為以實現登錄功能。同步測試

通過教材第15章“同步測試”檢驗自己是否掌握了本章的相關知識點與技能點。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室課后練習配套實訓

設計和制作登錄網頁，效果如圖所示。要求如下35第15章動態(tài)網頁基礎

——制作“在先留言”頁面計算機工程學院計算機基礎教學部第15章動態(tài)網頁基礎

——制作“在先留言”頁面計算機工程學36學習目標了解動態(tài)網頁技術的基本框架了解數據庫的基本概念了解表單的基本作用掌握Access數據庫的基本操作方法掌握表單和表單對象的基本操作方法掌握設計和制作ASP動態(tài)網頁的基本方法網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室學習目標了解動態(tài)網頁技術的基本框架網頁設計與制作實用教程（第37實訓項目為了提供多樣化的溝通交流手段，需要設計一個“深圳慧衡科技有限公司”網站的二級頁面“在線留言”，用戶可以在頁面中填寫自己的郵件地址以及需要向公司反饋的信息，這些信息在用戶確認之后會在服務器上實時地記錄下來，公司的客服就可以有針對性地與用戶聯系。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室實訓項目為了提供多樣化的溝通交流手段，需要設計一個“深圳慧衡38項目分析（1）設計思路：（1）數據存儲：用戶在線輸入的留言等信息需要存儲在硬盤等位置才能永久保存，數據庫技術可以很好地存儲和管理數據，基于數據量和安全性的考慮，采用Office套件中的Access數據庫數據。（2）動態(tài)網頁：在線留言的核心就是動態(tài)留言信息的實時存儲，html靜態(tài)網頁無法實現此功能，需要引入動態(tài)網頁技術，這里采用ASPVBScript網頁。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室項目分析（1）設計思路：網頁設計與制作實用教程（第3版）計算39項目分析（2）設計思路：（3）頁面元素：本頁面的主要功能是實時收集動態(tài)信息，除了必要的文字外，主要是表單和表單對象。（4）版面布局：由于本頁面包含標題、公司聯系方式和在線留言需填寫的信息等部分，在表單內使用表格快速地構建排列簡單、規(guī)整的網頁布局。（5）配色方案：本頁面以功能性為主，風格和色彩搭配以簡潔為基調，和整體網站風格保持基本一致。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室項目分析（2）設計思路：網頁設計與制作實用教程（第3版）計算40設計目標網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室設計目標網頁設計與制作實用教程（第3版）計算機工程學院計算41預備知識：動態(tài)網頁技術（1）在實際的網站建設中，除了完成精美的頁面設計，還應該考慮信息采集、數據存取以及系統維護等方面的功能設計，例如，用戶注冊/登錄、計數器、留言板、聊天室和BBS等，它們大都涉及到與數據庫的交互，而這是用傳統的網頁設計語言或簡單的客戶端腳本所不能實現的，此時就需要動態(tài)網頁技術。動態(tài)網頁技術最明顯的特點是網頁在用戶提出瀏覽請求后動態(tài)地生成，即頁面內容動態(tài)化。隨著時代的發(fā)展，許多網頁文件已不僅僅是只能提供靜態(tài)服務的.html文件，更多的是以.asp、.php、.jsp、.aspx為擴展名的文件，這些文件對應的網頁就是動態(tài)網頁。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室預備知識：動態(tài)網頁技術（1）在實際的網站建設中，除了完成精美42預備知識：動態(tài)網頁技術（2）1．動態(tài)網頁的基本處理流程：（1）所謂“動態(tài)”，主要是針對網頁構成的原理而言，在用戶顯示該頁面之前，實際上該頁面還不存在或頁面的部分內容還沒生成，當用戶向服務器發(fā)出動態(tài)需求，服務器就根據用戶的操作動態(tài)生成頁面代碼，并顯示到用戶的瀏覽器中。其基本處理流程如圖所示。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室預備知識：動態(tài)網頁技術（2）1．動態(tài)網頁的基本處理流程：網頁43預備知識：動態(tài)網頁技術（3）1．動態(tài)網頁的基本處理流程：（2）動態(tài)網頁是服務器端根據客戶端（瀏覽器）的請求產生的頁面，它會根據客戶端不同的請求，在服務器端運行已經寫好的代碼，并完成與數據庫的交互，處理完成后把具有一定結果的頁面發(fā)回給客戶端瀏覽器。代碼的運行實際上是在服務器端進行的，這個代碼也叫腳本，稱為服務器端腳本。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室預備知識：動態(tài)網頁技術（3）1．動態(tài)網頁的基本處理流程：網頁44預備知識：動態(tài)網頁技術（4）2．ASP技術：（1）ASP是Microsoft公司推出的服務器端腳本運行環(huán)境，它置于IIS之中，通過ASP結合HTML網頁、ASP指令和ActiveX組件，就可以建立動態(tài)、交互及高效的Web服務器應用程序。（2）ASP將標準的HTML文件拓展了一些附加特征，它和標準的HTML文件一樣包含HTML對象并且在一個瀏覽器上解釋和顯示，任何可以放在HTML中的東西都可以放在ASP中。（3）ASP可以和諸如Access、SQLServer等數據庫進行連接，并可在其中使用SQL語言進行數據庫處理。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室預備知識：動態(tài)網頁技術（4）2．ASP技術：網頁設計與制作實45預備知識：數據庫技術（1）數據庫技術產生于20世紀60年代末，其主要目的是有效地管理和存取大量的數據資源。它是信息系統的核心技術之一，作為一種計算機輔助管理數據的方法，它研究如何組織和存儲數據、如何高效地獲取和處理數據。目前，數據庫軟件有很多，常用的包括Oracle、SQLServer、MySql、Access等，其中，MicrosoftOfficeAccess是由微軟發(fā)布的關系數據庫管理系統，它結合了MicrosoftJetDatabaseEngine和圖形用戶界面兩項特點，是MicrosoftOffice中的一個成員。Access數據庫是常用的輕量級的數據庫，用來做小型動態(tài)網頁開發(fā)和應用非常適合。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室預備知識：數據庫技術（1）數據庫技術產生于20世紀60年代末46預備知識：數據庫技術（2）1．數據庫結構：數據庫（Database），數據庫是相關數據的集合，數據庫結構中包含數據表、記錄、字段等部分。（1）數據表（Table)簡稱表，由一組數據記錄組成，數據庫中的數據是以表為單位進行組織的，一個數據庫由一個或一組數據表組成。一個表是一組相關的按行排列的數據，每個表中都含有相同類型的信息。表實際上是一個二維表格，例如，一個班所有學生的信息可存放在一個表中，表中的每一行對應一個學生，這一行包括學生的學號、姓名、性別及手機號碼等信息。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室預備知識：數據庫技術（2）1．數據庫結構：網頁設計與制作實用47預備知識：數據庫技術（3）1．數據庫結構：（2）記錄（Record）表中的每一行稱為一個記錄，它由若干個字段組成。（3）字段（Field）也稱域，表中的每一列稱為一個字段，每個字段都有相應的描述信息，如數據類型、數據寬度等。（4）主鍵（Key）表中經常有一列或多列的組合，其值能唯一地標識表中的每一行。這樣的一列或多列稱為表的主鍵，通過它可強制表的實體完整性。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室預備知識：數據庫技術（3）1．數據庫結構：網頁設計與制作實用48預備知識：數據庫技術（4）2．數據庫連接：（1）ODBC（OpenDatabaseConnectivity，開放數據庫互連）是微軟公司開放服務結構中有關數據庫的一個組成部分，它建立了一組規(guī)范，并提供了一組對數據庫訪問的標準API（應用程序編程接口）。ODBC的最大優(yōu)點是能以統一的方式處理所有的數據庫。（2）DSN（DataSourceName，數據源名稱）是包含了有關某個特定數據庫信息的數據結構，這個信息是開放式數據庫連接驅動能夠連接到數據庫上必需的信息。DSN存儲在注冊表或作為一個單獨的文本文件，DSN里面包含的信息有名稱、目錄和數據庫驅動器，以及用戶ID和密碼（根據DSN的類型）。（3）有三種類型的DSN：用戶DSN、系統DSN和文件DSN。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室預備知識：數據庫技術（4）2．數據庫連接：網頁設計與制作實用49預備知識：表單概述（1）（1）在開發(fā)動態(tài)網站時，表單及表單對象可以說是必不可少的，它通常用于收集客戶端用戶輸入的信息，并提交到服務器進行處理。表單是實現網頁上數據傳輸的基礎，利用它可以收集不同類型的用戶輸入，使用戶可以與網站進行交互。（2）當用戶在瀏覽器中顯示的表單中輸入信息，然后單擊按鈕進行提交時，這些信息將被發(fā)送到服務器，服務器中的服務器端腳本或應用程序會對這些信息進行處理。服務器向用戶（或客戶端）發(fā)回所處理的信息或基于該表單內容執(zhí)行某些其他操作，以此進行響應。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室預備知識：表單概述（1）（1）在開發(fā)動態(tài)網站時，表單及表單對50預備知識：表單概述（2）（3）表單在網頁中主要負責數據采集（示例如圖所示），一個表單主要包括表單標簽、表單域、表單按鈕等三個基本組成部分。表單標簽<form></form>，包含了處理表單數據所用程序的URL以及數據提交到服務器的方法。表單域包含了文本字段、隱藏域、復選框等表單對象。表單按鈕包括提交和復位按鈕，用于將數據傳送到服務器上或者取消輸入，還可以用表單按鈕來控制其他定義了處理腳本的操作。（4）在Dreamweaver的“插入”面板中，選擇“表單”類，其中就包含了用于創(chuàng)建表單和用于插入表單對象的按鈕，如圖所示，通過這些按鈕，可以向頁面中插入表單及各種表單對象。網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室預備知識：表單概述（2）（3）表單在網頁中主要負責數據采集（51制作流程任務1：設計Access數據庫任務4：添加表單和表單對象任務3：創(chuàng)建動態(tài)網頁三任務2：設置數據源和默認網站任務5：添加服務器行為網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室制作流程任務1：設計Access數據庫任務4：添加表單和表單52任務1——設計Access數據庫網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室1新建Access數據庫2新建數據表3在數據表中添加記錄任務1——設計Access數據庫網頁設計與制作實用教程（第53STEP1：新建Access數據庫計算機工程學院計算機基礎教研室網頁設計與制作實用教程（第3版）

新建Access數據庫“Hhkj.accdb”。STEP1：新建Access數據庫計算機工程學院計算機基礎54STEP2：新建數據表計算機工程學院計算機基礎教研室網頁設計與制作實用教程（第3版）

在“Hhkj.accdb”數據庫中新建數據表“Contact”。字段名稱含義說明ID序號主鍵，自動增加的數值Username姓名不能為空，最多20個漢字Gender性別不能為空，男或女Email郵件地址不能為空，最多100個漢字Title標題不能為空，最多255個漢字Class分類不能為空，最多5個漢字Msg信息不限STEP2：新建數據表計算機工程學院計算機基礎教研室網頁設55STEP3：在數據表中添加記錄計算機工程學院計算機基礎教研室網頁設計與制作實用教程（第3版）

在“Contact”數據表中新增一條數據記錄。STEP3：在數據表中添加記錄計算機工程學院計算機基礎教研56任務2——設置數據源和默認網站網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室任務2——設置數據源和默認網站網頁設計與制作實用教程（第357STEP：計算機工程學院計算機基礎教研室網頁設計與制作實用教程（第3版）新建系統DSN“dsnHhkj”，用于連接“Hhkj.accdb”數據庫。將默認網站（“DefaultWebSite”）的物理路徑設置為“D:\huihengweb”（“慧衡科技”站點的根目錄）。STEP：計算機工程學院計算機基礎教研室網頁設計與制作實用58任務3——創(chuàng)建動態(tài)網頁網頁設計與制作實用教程（第3版）計算機工程學院計算機基礎教研室1新建ASP頁面2建立系統DSN連接3定義記錄集任務3——創(chuàng)建動態(tài)網頁網頁設計與制作實用教程（第3版）計算59STEP1：新建ASP頁面計算機工程學院計算機基礎教研室網頁設計與制作實用教程（第3版）在子文件夾w09下創(chuàng)建ASPVBScript動態(tài)網頁“contact.asp”。STEP1：新建ASP頁面計算機工程學院計算機基礎教研室網60STEP2：建立系統DSN連接計算機工程學院計算機基礎教研室網頁設計與制作實用教程（第3版）添加本地測試服務器“aspTest”，并建立系統DSN連接“conHhkj”。ST