《Dreamweaver 網(wǎng)頁(yè)設(shè)計(jì)與制作》課件-項(xiàng)目十 制作留言板-動(dòng)態(tài)網(wǎng)頁(yè)入門

任務(wù)3任務(wù)1創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)測(cè)試環(huán)境任務(wù)2創(chuàng)建“留言板”數(shù)據(jù)庫(kù)——了解數(shù)據(jù)庫(kù)制作“留言板”——應(yīng)用表單和表單對(duì)象項(xiàng)目十制作留言板——?jiǎng)討B(tài)網(wǎng)頁(yè)入門任務(wù)1創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)測(cè)試環(huán)境◆理解動(dòng)態(tài)網(wǎng)頁(yè)的工作原理◆熟悉IIS的安裝方法一、動(dòng)態(tài)網(wǎng)頁(yè)的工作原理動(dòng)態(tài)網(wǎng)頁(yè)一般使用“HTML+數(shù)據(jù)庫(kù)+ASP”“HTML+數(shù)據(jù)庫(kù)+PHP”或“HTML+數(shù)據(jù)庫(kù)+JSP”等技術(shù)來(lái)實(shí)現(xiàn)。目前中小型網(wǎng)站較常用的是“HTML+數(shù)據(jù)庫(kù)+ASP”技術(shù)。當(dāng)瀏覽者通過(guò)瀏覽器向服務(wù)器發(fā)出請(qǐng)求時(shí)，如果請(qǐng)求的是一個(gè)靜態(tài)網(wǎng)頁(yè)，那么這個(gè)請(qǐng)求到達(dá)服務(wù)器后，服務(wù)器會(huì)在本地硬盤上尋找相關(guān)網(wǎng)頁(yè)，然后返回；如果請(qǐng)求的是一個(gè)動(dòng)態(tài)網(wǎng)頁(yè)，服務(wù)器在接到請(qǐng)求后，會(huì)接著傳送給安裝在這個(gè)機(jī)器上的應(yīng)用程序服務(wù)器。應(yīng)用程序服務(wù)器會(huì)理解并解釋這些代碼的含義，并將解釋后的內(nèi)容返回到客戶端，用戶看到的仍然是一個(gè)單純的靜態(tài)HTML網(wǎng)頁(yè)。二、安裝IIS要制作動(dòng)態(tài)網(wǎng)頁(yè)，首先需要有一個(gè)測(cè)試服務(wù)器。在Windows7操作系統(tǒng)下，只要安裝了IIS，就可以將自己的計(jì)算機(jī)設(shè)置為測(cè)試服務(wù)器。在安裝Windows7時(shí)，默認(rèn)狀態(tài)下是不會(huì)安裝IIS的，所以需要單獨(dú)安裝。單擊“程序和功能”雙擊“默認(rèn)程序”圖標(biāo)選擇“Internet信息服務(wù)”單擊“打開或關(guān)閉Windows功能”選中“ASP和ASP.NET”選項(xiàng)?選中“基本身份驗(yàn)證”和“摘要式身份驗(yàn)證”選項(xiàng)測(cè)試是否正確安裝了IIS任務(wù)2?創(chuàng)建“留言板”數(shù)據(jù)庫(kù)——了解數(shù)據(jù)庫(kù)◆了解數(shù)據(jù)庫(kù)的基本知識(shí)◆熟悉數(shù)據(jù)庫(kù)文件的創(chuàng)建方法數(shù)據(jù)庫(kù)簡(jiǎn)介數(shù)據(jù)庫(kù)（Database）是以一定的組織形式存放在計(jì)算機(jī)存儲(chǔ)介質(zhì)上的相互關(guān)聯(lián)的數(shù)據(jù)集合。數(shù)據(jù)庫(kù)看起來(lái)像是一個(gè)表格，按照行和列來(lái)表示信息。一般來(lái)說(shuō)，表的每一行稱為一個(gè)“記錄”，每一列稱為一個(gè)“字段”，記錄和字段是數(shù)據(jù)庫(kù)中最基本的術(shù)語(yǔ)。例如，一個(gè)記錄某公司員工信息的數(shù)據(jù)庫(kù)，通常包括姓名、年齡、學(xué)歷等字段，而針對(duì)每個(gè)員工的具體數(shù)據(jù)就是一個(gè)記錄。目前常用的數(shù)據(jù)庫(kù)管理系統(tǒng)有以下幾種。Access：適合創(chuàng)建中小型信息管理系統(tǒng)，由微軟公司開發(fā)，是辦公軟件MicrosoftOffice的一個(gè)組件。SQLServer：目前應(yīng)用最廣泛的數(shù)據(jù)庫(kù)管理系統(tǒng)，適合創(chuàng)建中小型信息管理系統(tǒng)，由微軟公司開發(fā)。Oracle：適合創(chuàng)建大型信息管理系統(tǒng)，由Oracle公司開發(fā)。DB2：適合創(chuàng)建大中型信息管理系統(tǒng)，由IBM公司開發(fā)。任務(wù)3?制作“留言板”——應(yīng)用表單和表單對(duì)象◆掌握表單和表單對(duì)象的插入方法◆掌握利用表單制作網(wǎng)頁(yè)的方法一、認(rèn)識(shí)表單表單多用于填寫用戶信息。例如，用戶在網(wǎng)頁(yè)上進(jìn)行注冊(cè)、登錄、留言等操作時(shí)，都是通過(guò)表單向網(wǎng)站數(shù)據(jù)庫(kù)提交或讀取數(shù)據(jù)的。如圖所示為網(wǎng)易免費(fèi)郵箱注冊(cè)頁(yè)面，當(dāng)用戶填寫完信息，單擊“同意協(xié)議并注冊(cè)”按鈕后，所填信息將提交到網(wǎng)站數(shù)據(jù)庫(kù)中。網(wǎng)易免費(fèi)郵箱注冊(cè)頁(yè)面嚴(yán)格來(lái)說(shuō)，一個(gè)完整的表單設(shè)計(jì)應(yīng)該分為兩部分，即表單對(duì)象部分和應(yīng)用程序部分，它們分別由網(wǎng)頁(yè)設(shè)計(jì)師和程序設(shè)計(jì)師來(lái)完成。通常情況下，首先由網(wǎng)頁(yè)設(shè)計(jì)師制作出一個(gè)表單頁(yè)面（表單對(duì)象部分），此時(shí)的表單只是一個(gè)空殼，并不具備工作的能力；然后由程序設(shè)計(jì)師來(lái)編寫程序（應(yīng)用程序部分），實(shí)現(xiàn)表單與數(shù)據(jù)庫(kù)之間的連接。二、插入表單選擇Dreamweaver“插入”欄中的“表單”選項(xiàng)卡，可插入的表單對(duì)象快捷按鈕將顯示在“插入”欄中，如圖所示?！氨韱巍辈迦霗诒韱螌?duì)象只有添加到表單中才能起作用，所以在應(yīng)用表單對(duì)象前需要先在頁(yè)面中插入表單，在頁(yè)面中插入表單的步驟如下。插入表單?表單“屬性”面板該面板中各設(shè)置項(xiàng)的意義如下。表單名稱：設(shè)置表單名稱，可用于程序調(diào)用。動(dòng)作：用于指定處理該表單的動(dòng)態(tài)網(wǎng)頁(yè)或腳本文件的路徑，可以直接輸入完整的路徑，也可以單擊編輯框右側(cè)的文件夾圖標(biāo)來(lái)選擇站點(diǎn)中的文件。方法：選擇傳送表單數(shù)據(jù)的方式?！澳J(rèn)”表示采用默認(rèn)的設(shè)置傳送數(shù)據(jù)，一般的瀏覽器都以GET方式傳送。目標(biāo)：選擇打開返回信息網(wǎng)頁(yè)的方式。MIME類型：指定提交給服務(wù)器的數(shù)據(jù)所使用的編碼類型。類：對(duì)表單應(yīng)用定義好的CSS樣式。三、插入表單對(duì)象表單就像一個(gè)容器，表單對(duì)象就是放在這個(gè)容器里的東西，只有添加了表單對(duì)象，表單才能真正起作用，才可以讓訪問者輸入數(shù)據(jù)或執(zhí)行其他操作。常用的表單對(duì)象主要有文本字段、單選框、復(fù)選框和按鈕等，下圖顯示了常見的表單對(duì)象。常見表單對(duì)象表單對(duì)象的插入方法與表單類似。下面以文本字段為例，介紹表單對(duì)象的插入方法。插入文本字段?文本字段“屬性”面板文本字段“屬性”面板中各設(shè)置項(xiàng)的意義如下。文本域：指定文本字段名稱，每個(gè)文本字段都必