表單和動態(tài)網(wǎng)頁課件_第1頁
表單和動態(tài)網(wǎng)頁課件_第2頁
表單和動態(tài)網(wǎng)頁課件_第3頁
表單和動態(tài)網(wǎng)頁課件_第4頁
表單和動態(tài)網(wǎng)頁課件_第5頁
已閱讀5頁，還剩25頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權，請進行舉報或認領

文檔簡介

第13章表單和動態(tài)網(wǎng)頁制作表單在動態(tài)網(wǎng)頁中，表單是一種最常見的網(wǎng)頁元素。表單的主要功能是收集客戶端信息，客戶端信息發(fā)送到服務器以后，服務器端的程序可以處理客戶端輸入的信息。1、表單的工作過程（1）訪問者在瀏覽有表單的頁面時，可填寫必要的信息，然后單擊“提交”按鈕。（2）這些信息通過Internet傳送到服務器上。（3）服務器上專門的程序?qū)@些數(shù)據(jù)進行處理，如果有錯誤會返回錯誤信息，并要求糾正錯誤。

（4）當數(shù)據(jù)完整無誤后，服務器反饋一個輸入完成信息。

2、表單的兩部分（1）一個是在網(wǎng)頁中進行描述的表單對象。（2）二是應用程序，它可以是服務器端的，也可以是客戶端的，用于對客戶信息進行分析處理。3、認識表單對象在Dreamweaver中，表單輸入類型稱為表單對象。在用戶注冊頁面、搜索頁面、電子商務頁面等網(wǎng)頁中經(jīng)常出現(xiàn)?？梢酝ㄟ^選擇“插入-表單對象”來插入表單對象，或者通過從下圖顯示的“插入”欄的“表單”面板訪問表單對象來插入表單對象。4）、單選按鈕

“單選按鈕”在表單中插入單選按鈕。單選按鈕代表互相排斥的選擇。選擇一組中的某個按鈕，就會取消選擇該組中的所有其他按鈕。例如，用戶可以選擇“是”或“否”。5）、單選按鈕組

“單選按鈕組”插入共享同一名稱的單選按鈕的集合。6）、列表/菜單

“列表/菜單”使您可以在列表中創(chuàng)建用戶選項?！傲斜怼边x項在滾動列表中顯示選項值，并允許用戶在列表中選擇多個選項。“菜單”選項在彈出式菜單中顯示選項值，而且只允許用戶選擇一個選項。7）、跳轉(zhuǎn)菜單

“跳轉(zhuǎn)菜單”插入可導航的列表或彈出式菜單。跳轉(zhuǎn)菜單允許您插入一種菜單，在這種菜單中的每個選項都鏈接到文檔或文件。請參見創(chuàng)建跳轉(zhuǎn)菜單。8）、圖像域

“圖像域”使您可以在表單中插入圖像?？梢允褂脠D像域替換“提交”按鈕，以生成圖形化按鈕。9）、文件域

“文件域”在文檔中插入空白文本域和“瀏覽”按鈕。文件域使用戶可以瀏覽到其硬盤上的文件，并將這些文件作為表單數(shù)據(jù)上傳。10）、按鈕

“按鈕”在表單中插入文本按鈕。按鈕在單擊時執(zhí)行任務，如提交或重置表單?？梢詾榘粹o添加自定義名稱或標簽，或者使用預定義的“提交”或“重置”標簽之一。11）、標簽

“標簽”在文檔中給表單加上標簽，以<label></label>形式開頭和結尾。12）、字段集

“字段集”在文本中設置文本標簽。認識了表單，那么創(chuàng)建和使用表單時就可以根據(jù)需要進行選擇。表單時動態(tài)網(wǎng)頁的靈魂。驗證表單在網(wǎng)頁中，表單屬于一種輸入界面，它的功能主要在于收集用戶輸入的各種信息并提交到服務器進行處理。在實際的操作過程中，由于用戶輸入數(shù)據(jù)時粗心大意或其他原因，有可能會導致用戶輸入錯誤的數(shù)據(jù)。如果我們對用戶輸入的數(shù)據(jù)不進行判斷和處理而直接提交到服務器，輕則在服務器端保存了錯誤的數(shù)據(jù)，重則會導致程序在執(zhí)行時出現(xiàn)錯誤，甚至可能會導致整個Web應用程序的崩潰，這都是我們所不愿意看到的。1、行為驗證利用Dreamweaver自帶的“檢查表單”行為可以很方便地為表單中各元素設置有效性規(guī)則，它會自動檢查制定文本域的內(nèi)容以確保用戶輸入正確的數(shù)據(jù)類型。2、JavaScript驗證利用Dreamweaver自帶的“檢查表單”行為來進行表單的驗證是非常簡單的，但其功能也是有限的，其實“檢查表單”行為所調(diào)用的動作實際是封裝在Dreamweaver中預定好的各種JavaScript函數(shù)。如果在實際的頁面設計過程中，想實現(xiàn)更為復雜或精確的驗證，可以自己編寫JavaScript腳本來實現(xiàn)。動態(tài)網(wǎng)頁隨著Internet的普及，網(wǎng)站不再局限于提供信息的簡單功能，越來越注重和用戶的交互功能。越來越多的網(wǎng)站可以實現(xiàn)讓訪問者在網(wǎng)頁上發(fā)表信息，或者進行網(wǎng)上交易等交互性的功能。認識動態(tài)網(wǎng)站所謂動態(tài)網(wǎng)站，是指網(wǎng)頁中除HTML標記以外，還包含腳本代碼，這種網(wǎng)頁文件的擴展名一般根據(jù)不同的程序設計語言而不同。例如，ASP采用VBScript或者Jscript腳本代碼，其網(wǎng)頁擴展名為.asp；JSP采用Java代碼，其網(wǎng)頁擴展名為.jsp等。1、靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁的區(qū)別用HTML創(chuàng)建的網(wǎng)頁文檔，一般不具備交互性，其文件擴展名為.htm或者.html，這類文件通常稱為靜態(tài)網(wǎng)頁。在瀏覽靜態(tài)網(wǎng)頁時，只需在瀏覽器的“地址欄”文本框中輸入靜態(tài)網(wǎng)頁地址，按Enter鍵后，服務將查找該文件，并直接將結果返回到客戶端瀏覽器窗口中顯示。靜態(tài)網(wǎng)頁的執(zhí)行過程如圖所示。2、動態(tài)網(wǎng)頁動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁的工作原理有所不同。當用戶在瀏覽器的“地址欄”文本框中輸入動態(tài)網(wǎng)頁地址，按Enter鍵后，瀏覽器向存放動態(tài)網(wǎng)頁的服務器提出一個請求。服務器接收到請求后，首先查找用戶所需要瀏覽的動態(tài)網(wǎng)頁文件，然后執(zhí)行網(wǎng)頁文件中的程序腳本代碼，將含有腳本代碼的動態(tài)網(wǎng)頁轉(zhuǎn)換成標準的HTML靜態(tài)網(wǎng)頁，再將靜態(tài)網(wǎng)頁發(fā)送到用戶的瀏覽器窗口中顯示。動態(tài)網(wǎng)頁的執(zhí)行過程如圖所示。4、ASP編程語言ASP是ActiveServerPage的縮寫，意為“活動服務器網(wǎng)頁”。ASP是微軟公司開發(fā)的代替CGI腳本程序的一種應用，它可以與數(shù)據(jù)庫和其它程序進行交互，是一種簡單、方便的編程工具。ASP的網(wǎng)頁文件的格式是.asp，現(xiàn)在常用于各種動態(tài)網(wǎng)站中。ASP是一種服務器端腳本編寫環(huán)境，可以用來創(chuàng)建和運行動態(tài)網(wǎng)頁或web應用程序。<html><head><title>一個簡單ASP網(wǎng)頁</title></head><body><%Response.Write(“歡迎訪問課件吧網(wǎng)站”)%></body></html>網(wǎng)頁編程的相關概念在這一節(jié)中將介紹網(wǎng)頁服務器、應用服務器（應用程序服務器）、數(shù)據(jù)庫和數(shù)據(jù)庫驅(qū)動程序等方面的內(nèi)容。這些內(nèi)容是學習網(wǎng)頁編程的基礎概念，所以一定要充分理解。1、網(wǎng)頁服務器服務器簡單地說是提供服務的設備資源。我們可以把服務器理解成向訪問網(wǎng)頁的客戶（電腦或客戶端瀏覽器）提供服務的電腦。我們可以把目前使用的個人電腦用做網(wǎng)頁服務器，還可以利用主機租用服務。將個人電腦設置為網(wǎng)頁服務器的最簡單的方法就是安裝微軟公司的IIS或者是PWS。操作系統(tǒng)為Windows2000、NT服務器和WindowsXP的用戶安裝IIS、操作系統(tǒng)為Windows98和NT工作站的用戶則安裝PWS。2、網(wǎng)頁應用服務器網(wǎng)頁應用服務器是解析特定程序來制作HTML文檔的程序。簡單地說，就如同把外語翻譯成中文的翻譯公司，把由程序語言組成的網(wǎng)頁程序解析為HTML，實現(xiàn)這種功能的就是應用服務器。根據(jù)不同的編程語言類型其應用服務器也有很多種。安裝IIS和PWS之后，基本上都會一并安裝網(wǎng)頁服務器和ASP應用程序服務器。3、數(shù)據(jù)庫【Database】數(shù)據(jù)庫原為軍事術語，表示資料（Data）的基地（Base），即資料的積累。但如果只是累積資料就不能發(fā)揮任何作用。例如，整理抽屜的時候在最上面的抽屜上放筆記工具，在第2個抽屜中放重要文檔，地3個抽屜放其他學習用品等，這樣分別整理才會便于尋找。就這樣數(shù)據(jù)庫的基礎就是進行整理和分類。安裝和配置Web服務器動態(tài)網(wǎng)頁的ASP腳本語言是在服務器端IIS或PWS中解釋和運行，并可動態(tài)生成普通的HTML網(wǎng)頁，然后再傳送到客戶端供瀏覽。因此要在本地電腦上調(diào)試和運行ASP網(wǎng)頁，必須在本地電腦上安排IIS組件或者PWS組件并根據(jù)需要配置Web服務器。1、安裝IIS以下為Windows2000Server安裝IIS5.01）、打開控制面板，雙擊【添加/刪除程序】，在【添加/刪除程序】對話框中單擊【添加/刪除Windows組件】。2）、選取【Internet信息服務（IIS）】選項。3）、單擊【詳細信息】按鈕，將打開一個有關Internet的詳細信息窗口。在此信息面板中有九種組件可供用戶選擇安裝。其中，要添加或刪除某個組件，請點擊左邊的復選框。灰色框表示只會安裝該組件的一部分。要查看組件的詳細內(nèi)容，可單擊右下角的【詳細信息】按鈕。4）、設置好之后按【確定】按鈕，單擊【下一步】按鈕即開始復制文件，有需要的話，安裝程序會提示放入Windows源光盤，這時用戶應插入Windows源光盤，否則IIS組件安裝不成功。3、配置Web服務器1）、在【控制面板】中的【管理工具】圖標上雙擊，打開管理工具，再雙擊【Internet服務管理器】圖標，或者在【開始】-【運行】欄鍵入“inetmgr”命令，彈出【Internet服務管理器】窗口，單擊計算機名稱旁邊的“+”號，然后在【默認Web站點】項上單擊鼠標右鍵，在彈出的菜單中選取【屬性】命令。2）、單擊【W(wǎng)eb站點】標簽，然后按一下【IP地址】字段的下拉菜單，選擇Web服務器要連接的IP地址，如果設置為【全部未分配】，表示W(wǎng)eb服務器會連接本地計算機的所有IP地址。3）、單擊【主目錄】標簽，可以在【瀏覽】按鈕更改【本地路徑】，也可以更改此目錄開放的權限?！颈镜芈窂健恐傅氖钱斴斎氲刂窞橛嬎銠C的IP地址時，此地址的實際路徑為C:\Inetpub\，只要將網(wǎng)頁放在這個目錄，瀏覽器就可以輸入計算機的IP地址來瀏覽網(wǎng)頁。4）、單擊【文檔】選項卡，可以看到站點默認的主頁文檔名稱為Default.hem、Default.asp、和iisstart.asp，這些默認文檔可以自行添加和刪除。若要添加默認文檔，可單擊【添加】按鈕，出現(xiàn)對話框，輸入默認文檔名（如index.asp）即可；若要刪除某默認文檔，可先選取該文檔，然后再單擊【刪除】按鈕。若要更改某默認文檔的順序，則可以先取該文檔，然后單擊左側的【上移】和【下移】按鈕即可。2）、記錄集在一個以上的表格中輸出的下屬數(shù)據(jù)集被稱為“記錄集”。可以簡單理解為，在幾個表格中篩選必要的數(shù)據(jù)來制作的新表格（在ASP.NET中稱為“數(shù)據(jù)集”）。舉例說，在北京市區(qū)的市民數(shù)據(jù)庫的眾多信息中，如果只須要性別和姓名，那么只篩選這一類數(shù)據(jù)并制作記錄

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論