動態(tài)網(wǎng)頁技術簡介課件

網(wǎng)頁設計與制作實用教程網(wǎng)頁設計與制作實用教程第18章動態(tài)網(wǎng)頁技術簡介22023/1/2學習目標了解動態(tài)網(wǎng)頁的概況和實現(xiàn)技術；了解IIS的安裝以及Web站點和FTP站點的配置方法；掌握配置Dreamweaver的測試站點；掌握Access數(shù)據(jù)庫的創(chuàng)建方法。掌握在Dreamweaver中連接Access數(shù)據(jù)庫；掌握用戶登錄和注銷動態(tài)網(wǎng)頁的制作方法。第18章動態(tài)網(wǎng)頁技術簡介22022/12/18學習目標了解第18章動態(tài)網(wǎng)頁技術簡介32023/1/2目錄簡單動態(tài)網(wǎng)頁實例了解動態(tài)網(wǎng)頁技術IIS的安裝、配置DREAMWEAVER的站點管理創(chuàng)建與連接ACCESS數(shù)據(jù)庫創(chuàng)建登錄網(wǎng)頁和注銷網(wǎng)頁本章小結配套實訓練習題第18章動態(tài)網(wǎng)頁技術簡介32022/12/18目錄簡單動態(tài)第18章動態(tài)網(wǎng)頁技術簡介42023/1/218.1簡單動態(tài)網(wǎng)頁實例設計目標頁面分析實訓引導制作步驟第18章動態(tài)網(wǎng)頁技術簡介42022/12/1818.1簡第18章動態(tài)網(wǎng)頁技術簡介52023/1/2設計目標登錄與注銷實例由2個網(wǎng)頁構成。登錄網(wǎng)頁將輸入的用戶名和密碼與數(shù)據(jù)庫中的記錄進行對比驗證，如果驗證正確，則轉向注銷網(wǎng)頁，否則仍然顯示登錄界面。注銷網(wǎng)頁則實現(xiàn)登錄的注銷。返回第18章動態(tài)網(wǎng)頁技術簡介52022/12/18設計目標登錄第18章動態(tài)網(wǎng)頁技術簡介62023/1/2頁面分析1．登錄網(wǎng)頁中有用戶名和密碼2個文本域對象和提交按鈕對象，提交按鈕對象還添加了驗證用戶名是否為空的行為。如果用戶名不為空，則將提交的用戶名和密碼與User數(shù)據(jù)表中的記錄進行對比，如果匹配則轉向注銷頁面，否則仍然顯示登錄頁面。2．注銷頁面中，單擊“注銷”鏈接，實現(xiàn)登錄成功狀態(tài)的注銷，并轉向登錄頁面。3．表單信息需由服務器端接收并做相應的處理。因此該網(wǎng)頁不再是靜態(tài)網(wǎng)頁而是具有和數(shù)據(jù)庫交互的功能的動態(tài)網(wǎng)頁。返回第18章動態(tài)網(wǎng)頁技術簡介62022/12/18頁面分析1．第18章動態(tài)網(wǎng)頁技術簡介72023/1/2實訓引導1．本實例不需要圖片等素材。2．頁面效果請參見webcourse\chapter18\Asp\文件夾下的ex18_6_Login.asp和ex18_6_Logout.asp文件。返回第18章動態(tài)網(wǎng)頁技術簡介72022/12/18實訓引導1．第18章動態(tài)網(wǎng)頁技術簡介82023/1/2制作步驟1．在開發(fā)動態(tài)網(wǎng)頁之前，讀者應對動態(tài)網(wǎng)頁技術有一個初步了解。2．由于ASP動態(tài)網(wǎng)頁不能象HTML網(wǎng)頁那樣直接在瀏覽器打開網(wǎng)頁就能進行瀏覽測試，必須通過Web服務器來測試。所以在測試ASP動態(tài)網(wǎng)頁之前，一定要安裝、配置好IIS的Web站點，而且還要配置好Dreamweaver中的測試站點。3．創(chuàng)建好數(shù)據(jù)庫，設置其修改權限，并作好數(shù)據(jù)庫的連接，為登錄驗證作好數(shù)據(jù)庫方面的準備。4．創(chuàng)建登錄網(wǎng)頁和注銷網(wǎng)頁，完成這2個動態(tài)網(wǎng)頁的完整實例。返回第18章動態(tài)網(wǎng)頁技術簡介82022/12/18制作步驟1．第18章動態(tài)網(wǎng)頁技術簡介92023/1/218.2了解動態(tài)網(wǎng)頁技術18.2.1

動態(tài)網(wǎng)頁技術概述18.2.2

ASP技術第18章動態(tài)網(wǎng)頁技術簡介92022/12/1818.2了第18章動態(tài)網(wǎng)頁技術簡介102023/1/218.2.1動態(tài)網(wǎng)頁技術概述動態(tài)網(wǎng)頁是服務器端根據(jù)客戶端（瀏覽器）的請求產(chǎn)生的頁面。動態(tài)網(wǎng)頁會根據(jù)客戶端不同的請求，在服務器端運行已經(jīng)寫好的代碼，并完成與數(shù)據(jù)庫的交互，計算完成后把具有一定結果的頁面發(fā)回給客戶端瀏覽器。代碼的運行實際上是在服務器端進行的，這個代碼也叫腳本，稱為服務器端腳本。圖18.3的示意圖描述了動態(tài)網(wǎng)頁技術這種Web應用程序的客戶／服務器機制的基本原理。返回第18章動態(tài)網(wǎng)頁技術簡介102022/12/1818.2.第18章動態(tài)網(wǎng)頁技術簡介112023/1/218.2.2

ASP技術1．ASP的技術本質2．ASP的強大功能3．ASP的運行環(huán)境4．什么時候使用ASP返回第18章動態(tài)網(wǎng)頁技術簡介112022/12/1818.2.第18章動態(tài)網(wǎng)頁技術簡介122023/1/218.3

IIS的安裝、配置（1）18.3.1

IIS的安裝1．安裝前的準備準備好WindowsXPProfessional安裝光盤，如果在磁盤或移動硬盤中有安裝文件的拷貝也行。以系統(tǒng)管理員的身份登錄。如果權限不夠，安裝可能不成功。2．安裝IIS的Web站點服務和FTP站點服務利用WindowsXPProfessional安裝光盤安裝IIS中的Web站點和FTP站點服務組件，操作步驟見教材第366頁。第18章動態(tài)網(wǎng)頁技術簡介122022/12/1818.3第18章動態(tài)網(wǎng)頁技術簡介132023/1/218.3

IIS的安裝、配置（2）18.3.2配置IIS配置IIS中的Web站點和FTP站點，操作步驟見教材第368頁第18章動態(tài)網(wǎng)頁技術簡介132022/12/1818.3第18章動態(tài)網(wǎng)頁技術簡介142023/1/218.4

DREAMWEAVER的站點管理能在Dreamweaver中能順利地測試ASP動態(tài)網(wǎng)頁，在Dreamweaver中也要對其站點進行配置，關鍵是要設置其站點的服務器類型和HTTP地址。在第14章的基礎上，修改“暢想未來”站點，添加能測試ASPVBScrip類型網(wǎng)頁的功能，操作步驟見教材第370頁。第18章動態(tài)網(wǎng)頁技術簡介142022/12/1818.4第18章動態(tài)網(wǎng)頁技術簡介152023/1/218.5創(chuàng)建與連接ACCESS數(shù)據(jù)庫

具體操作步驟見教材第371頁：18.5.1新建Access空數(shù)據(jù)庫在“D:\future\chapter18\Data”新建Access數(shù)據(jù)庫“News.mdb”，18.5.2新建數(shù)據(jù)表User在數(shù)據(jù)庫News.mdb中新建數(shù)據(jù)表User18.5.3設置數(shù)據(jù)庫的修改權限設置默認的網(wǎng)頁瀏覽用戶“IUSR_機器名”對數(shù)據(jù)庫文件所在的文件夾Data有修改權限。18.5.4

Access數(shù)據(jù)庫的連接第18章動態(tài)網(wǎng)頁技術簡介152022/12/1818.5第18章動態(tài)網(wǎng)頁技術簡介162023/1/218.6創(chuàng)建登錄網(wǎng)頁和注銷網(wǎng)頁

具體操作步驟見教材第378頁：18.6.1登錄網(wǎng)頁的制作1．新建ASP動態(tài)網(wǎng)頁創(chuàng)建ASP動態(tài)網(wǎng)頁“ex18_6_Login.asp”2．頁面布局3．添加表單對象添加表單對象，并設置檢查表單的行為4．設置用戶身份驗證為“登錄用戶”18.6.2創(chuàng)建注銷網(wǎng)頁創(chuàng)建注銷用戶登錄的注銷網(wǎng)頁第18章動態(tài)網(wǎng)頁技術簡介162022/12/1818.6第18章動態(tài)網(wǎng)頁技術簡介172023/1/2本章小結本章以在Dreamweaver中開發(fā)ASP動態(tài)網(wǎng)頁為例介紹了動態(tài)網(wǎng)頁技術，并圍繞開發(fā)和測試動態(tài)網(wǎng)頁所需相繼介紹了Web網(wǎng)站的安裝配置、Dreamweaver中測試站點的配置、數(shù)據(jù)庫的創(chuàng)建，接著介紹在Dreamweaver中連接數(shù)據(jù)庫和添加實現(xiàn)登錄和注銷的服務器行為。第18章動態(tài)網(wǎng)頁技術簡介172022/12/18本章小結第18章動態(tài)網(wǎng)頁技術簡介182023/1/2配套實訓

參見教材第383～384頁，頁面效果請參見配套光盤的“配套實訓\result\chapter18”文件夾中的對應文件，讀者也可以從本書所提供的網(wǎng)站中瀏覽。第18章動態(tài)網(wǎng)頁技術簡介182022/12/18配套實訓第18章動態(tài)網(wǎng)頁技術簡介192023/1/2練習題參見教材第384頁，完成相應的練習題：

思考題第18章動態(tài)網(wǎng)頁技術簡介192022/12/18練習題參見網(wǎng)頁設計與制作實用教程網(wǎng)頁設計與制作實用教程第18章動態(tài)網(wǎng)頁技術簡介212023/1/2學習目標了解動態(tài)網(wǎng)頁的概況和實現(xiàn)技術；了解IIS的安裝以及Web站點和FTP站點的配置方法；掌握配置Dreamweaver的測試站點；掌握Access數(shù)據(jù)庫的創(chuàng)建方法。掌握在Dreamweaver中連接Access數(shù)據(jù)庫；掌握用戶登錄和注銷動態(tài)網(wǎng)頁的制作方法。第18章動態(tài)網(wǎng)頁技術簡介22022/12/18學習目標了解第18章動態(tài)網(wǎng)頁技術簡介222023/1/2目錄簡單動態(tài)網(wǎng)頁實例了解動態(tài)網(wǎng)頁技術IIS的安裝、配置DREAMWEAVER的站點管理創(chuàng)建與連接ACCESS數(shù)據(jù)庫創(chuàng)建登錄網(wǎng)頁和注銷網(wǎng)頁本章小結配套實訓練習題第18章動態(tài)網(wǎng)頁技術簡介32022/12/18目錄簡單動態(tài)第18章動態(tài)網(wǎng)頁技術簡介232023/1/218.1簡單動態(tài)網(wǎng)頁實例設計目標頁面分析實訓引導制作步驟第18章動態(tài)網(wǎng)頁技術簡介42022/12/1818.1簡第18章動態(tài)網(wǎng)頁技術簡介242023/1/2設計目標登錄與注銷實例由2個網(wǎng)頁構成。登錄網(wǎng)頁將輸入的用戶名和密碼與數(shù)據(jù)庫中的記錄進行對比驗證，如果驗證正確，則轉向注銷網(wǎng)頁，否則仍然顯示登錄界面。注銷網(wǎng)頁則實現(xiàn)登錄的注銷。返回第18章動態(tài)網(wǎng)頁技術簡介52022/12/18設計目標登錄第18章動態(tài)網(wǎng)頁技術簡介252023/1/2頁面分析1．登錄網(wǎng)頁中有用戶名和密碼2個文本域對象和提交按鈕對象，提交按鈕對象還添加了驗證用戶名是否為空的行為。如果用戶名不為空，則將提交的用戶名和密碼與User數(shù)據(jù)表中的記錄進行對比，如果匹配則轉向注銷頁面，否則仍然顯示登錄頁面。2．注銷頁面中，單擊“注銷”鏈接，實現(xiàn)登錄成功狀態(tài)的注銷，并轉向登錄頁面。3．表單信息需由服務器端接收并做相應的處理。因此該網(wǎng)頁不再是靜態(tài)網(wǎng)頁而是具有和數(shù)據(jù)庫交互的功能的動態(tài)網(wǎng)頁。返回第18章動態(tài)網(wǎng)頁技術簡介62022/12/18頁面分析1．第18章動態(tài)網(wǎng)頁技術簡介262023/1/2實訓引導1．本實例不需要圖片等素材。2．頁面效果請參見webcourse\chapter18\Asp\文件夾下的ex18_6_Login.asp和ex18_6_Logout.asp文件。返回第18章動態(tài)網(wǎng)頁技術簡介72022/12/18實訓引導1．第18章動態(tài)網(wǎng)頁技術簡介272023/1/2制作步驟1．在開發(fā)動態(tài)網(wǎng)頁之前，讀者應對動態(tài)網(wǎng)頁技術有一個初步了解。2．由于ASP動態(tài)網(wǎng)頁不能象HTML網(wǎng)頁那樣直接在瀏覽器打開網(wǎng)頁就能進行瀏覽測試，必須通過Web服務器來測試。所以在測試ASP動態(tài)網(wǎng)頁之前，一定要安裝、配置好IIS的Web站點，而且還要配置好Dreamweaver中的測試站點。3．創(chuàng)建好數(shù)據(jù)庫，設置其修改權限，并作好數(shù)據(jù)庫的連接，為登錄驗證作好數(shù)據(jù)庫方面的準備。4．創(chuàng)建登錄網(wǎng)頁和注銷網(wǎng)頁，完成這2個動態(tài)網(wǎng)頁的完整實例。返回第18章動態(tài)網(wǎng)頁技術簡介82022/12/18制作步驟1．第18章動態(tài)網(wǎng)頁技術簡介282023/1/218.2了解動態(tài)網(wǎng)頁技術18.2.1

動態(tài)網(wǎng)頁技術概述18.2.2

ASP技術第18章動態(tài)網(wǎng)頁技術簡介92022/12/1818.2了第18章動態(tài)網(wǎng)頁技術簡介292023/1/218.2.1動態(tài)網(wǎng)頁技術概述動態(tài)網(wǎng)頁是服務器端根據(jù)客戶端（瀏覽器）的請求產(chǎn)生的頁面。動態(tài)網(wǎng)頁會根據(jù)客戶端不同的請求，在服務器端運行已經(jīng)寫好的代碼，并完成與數(shù)據(jù)庫的交互，計算完成后把具有一定結果的頁面發(fā)回給客戶端瀏覽器。代碼的運行實際上是在服務器端進行的，這個代碼也叫腳本，稱為服務器端腳本。圖18.3的示意圖描述了動態(tài)網(wǎng)頁技術這種Web應用程序的客戶／服務器機制的基本原理。返回第18章動態(tài)網(wǎng)頁技術簡介102022/12/1818.2.第18章動態(tài)網(wǎng)頁技術簡介302023/1/218.2.2

ASP技術1．ASP的技術本質2．ASP的強大功能3．ASP的運行環(huán)境4．什么時候使用ASP返回第18章動態(tài)網(wǎng)頁技術簡介112022/12/1818.2.第18章動態(tài)網(wǎng)頁技術簡介312023/1/218.3

IIS的安裝、配置（1）18.3.1

IIS的安裝1．安裝前的準備準備好WindowsXPProfessional安裝光盤，如果在磁盤或移動硬盤中有安裝文件的拷貝也行。以系統(tǒng)管理員的身份登錄。如果權限不夠，安裝可能不成功。2．安裝IIS的Web站點服務和FTP站點服務利用WindowsXPProfessional安裝光盤安裝IIS中的Web站點和FTP站點服務組件，操作步驟見教材第366頁。第18章動態(tài)網(wǎng)頁技術簡介122022/12/1818.3第18章動態(tài)網(wǎng)頁技術簡介322023/1/218.3

IIS的安裝、配置（2）18.3.2配置IIS配置IIS中的Web站點和FTP站點，操作步驟見教材第368頁第18章動態(tài)網(wǎng)頁技術簡介132022/12/1818.3第18章動態(tài)網(wǎng)頁技術簡介332023/1/218.4

DREAMWEAVER的站點管理能在Dreamweaver中能順利地測試ASP動態(tài)網(wǎng)頁，在Dreamweaver中也要對其站點進行配置，關鍵是要設置其站點的服務器類型和HTTP地址。在第14章的基礎上，修改“暢想未來”站點，添加能測試ASPVBScrip類型網(wǎng)頁的功能，操作步驟見教材第370頁。第18章動態(tài)網(wǎng)頁技術簡介142022/12/1818.4第18章動態(tài)網(wǎng)頁技術簡介342023/1/218.5創(chuàng)建與連接ACCESS數(shù)據(jù)庫

具體操作步驟見教材第371頁：18.5.1新建Access空數(shù)據(jù)庫在“D:\future\chapter18\Data”新建Access數(shù)據(jù)庫“News.mdb”，18.5.2新建數(shù)據(jù)表User在數(shù)據(jù)庫News.mdb中新建數(shù)據(jù)表User18.5.3設置數(shù)據(jù)庫的修改權限設置默認的網(wǎng)頁瀏覽用戶“IUSR_機器名”對數(shù)據(jù)庫文件所在的文件夾Data有修改權限。18.5.4

Access數(shù)據(jù)庫的連接第18章動態(tài)網(wǎng)頁技術簡介152022/12/1818.5