《網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)例教程》第9章(陳福寶)

清華大學(xué)出版社《網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)例教程》第9章高等學(xué)校計(jì)算機(jī)應(yīng)用規(guī)劃教材

2024/10/1主編方其桂制作動(dòng)態(tài)網(wǎng)頁(yè)內(nèi)容提要一節(jié)微課能否設(shè)計(jì)的好、教學(xué)效果佳，知識(shí)點(diǎn)的選擇和分析處理非常重要。因此，在設(shè)計(jì)每一節(jié)微課時(shí)，首先要慎重選擇知識(shí)點(diǎn)，并對(duì)相關(guān)的知識(shí)點(diǎn)進(jìn)行科學(xué)的分析和處理，使它們更符合教學(xué)的認(rèn)知規(guī)律，學(xué)習(xí)起來(lái)才能達(dá)到事半功倍的效果。良好的教學(xué)設(shè)計(jì)有助于更好地指導(dǎo)微課程教學(xué)資源的開(kāi)發(fā)。本章緊緊抓住“讓教師在較短的時(shí)間內(nèi)運(yùn)用最恰當(dāng)教學(xué)方法和策略講清講透一個(gè)知識(shí)點(diǎn)，讓學(xué)生在最短的時(shí)間內(nèi)按自己的學(xué)習(xí)完全掌握和理解一個(gè)有價(jià)值的知識(shí)點(diǎn)”的微課設(shè)計(jì)制作理念，主要介紹微課的選題與設(shè)計(jì)，希望讀者能夠舉一反三，選擇合適的課題，并經(jīng)過(guò)分析撰寫(xiě)出合理的腳本，確保微課能夠滿(mǎn)足學(xué)習(xí)者的實(shí)用、易用和想用的直接需求。教學(xué)目錄動(dòng)態(tài)網(wǎng)頁(yè)概述01安裝和配置Web服務(wù)器02制作網(wǎng)頁(yè)表單03建立網(wǎng)站數(shù)據(jù)庫(kù)04使用ASP+Access制作動(dòng)態(tài)網(wǎng)頁(yè)05第9章制作動(dòng)態(tài)網(wǎng)頁(yè)9.1動(dòng)態(tài)網(wǎng)頁(yè)概述教學(xué)內(nèi)容9.1.1靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)的區(qū)別在于Web服務(wù)器對(duì)它處理方式不同。了解這種區(qū)別對(duì)于ASP概念的理解至關(guān)重要。1.靜態(tài)網(wǎng)頁(yè)靜態(tài)網(wǎng)頁(yè)中的每一行HTML代碼都是在放置到Web服務(wù)器前由網(wǎng)頁(yè)設(shè)計(jì)人員編寫(xiě)的，在放置到Web服務(wù)器后便不再發(fā)生任何更改。2.動(dòng)態(tài)網(wǎng)頁(yè)當(dāng)服務(wù)器接收到對(duì)動(dòng)態(tài)網(wǎng)頁(yè)的請(qǐng)求時(shí)，它將該網(wǎng)頁(yè)傳遞給Web服務(wù)器，然后由服務(wù)器的相應(yīng)軟件負(fù)責(zé)完成對(duì)網(wǎng)頁(yè)的處理。教學(xué)內(nèi)容9.1.2動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言主要有asp、php、、jsp、CGI等。網(wǎng)頁(yè)也是從開(kāi)始簡(jiǎn)單的html語(yǔ)言發(fā)展到現(xiàn)在使用復(fù)雜的服務(wù)語(yǔ)言進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)的制作。9.1動(dòng)態(tài)網(wǎng)頁(yè)概述1.ASPASP在執(zhí)行的時(shí)候，是由IIS調(diào)用程序引擎，解釋執(zhí)行嵌在HTML中的ASP代碼，最終將結(jié)果和原來(lái)的HTML一同送往客戶(hù)端。2.PHPASP在執(zhí)行的時(shí)候，是由IIS調(diào)用程序引擎，解釋執(zhí)行嵌在HTML中的ASP代碼，最終將結(jié)果和原來(lái)的HTML一同送往客戶(hù)端。3.ASP.netASP.NET的語(yǔ)法在很大程度上與ASP兼容。4.JSPJSP可以看做是Servlet的腳本語(yǔ)言（ScriptLanguage）版。5.CGICGI就是公共網(wǎng)關(guān)接口(CommonGatewayInterface)的縮寫(xiě)。教學(xué)內(nèi)容9.2.1安裝IISIIS（InternetInformationServer，互聯(lián)網(wǎng)信息服務(wù)）是一種Web（網(wǎng)頁(yè)）服務(wù)組件，其中包括Web服務(wù)器、FTP服務(wù)器、NNTP服務(wù)器和SMTP服務(wù)器。9.2安裝和配置Web服務(wù)器實(shí)例1在服務(wù)器中安裝IIS6.0在Windowsserver2003中成功安裝IIS6.0，為建立網(wǎng)站提供服務(wù)平臺(tái)。教學(xué)內(nèi)容9.2.2配置Web服務(wù)器IS安裝后，系統(tǒng)自動(dòng)創(chuàng)建了一個(gè)默認(rèn)的Web站點(diǎn)，也可以創(chuàng)建一個(gè)新站點(diǎn)，然后對(duì)站點(diǎn)進(jìn)行配置，使用之符合使用要求。下面我們將新建一個(gè)名稱(chēng)為asptest的站點(diǎn)，然后對(duì)其配置，為后期的搭建asp網(wǎng)站做好準(zhǔn)備。9.2安裝和配置Web服務(wù)器實(shí)例2配置web服務(wù)器如圖所示為一個(gè)名為“asptest”的web站點(diǎn)配置后結(jié)果。教學(xué)內(nèi)容9.3.1認(rèn)識(shí)表單元素表單（form）主要是用來(lái)收集站點(diǎn)訪(fǎng)問(wèn)者的信息。表單從用戶(hù)收集信息，然后將這些信息提交給服務(wù)器進(jìn)行處理。9.3制作網(wǎng)頁(yè)表單實(shí)例3使用Baidu搜索我們?cè)谑褂肂aidu進(jìn)行搜索時(shí)，如圖所示就是一個(gè)表單的應(yīng)用。教學(xué)內(nèi)容9.3.1認(rèn)識(shí)表單元素表單（form）主要是用來(lái)收集站點(diǎn)訪(fǎng)問(wèn)者的信息。表單從用戶(hù)收集信息，然后將這些信息提交給服務(wù)器進(jìn)行處理。9.3制作網(wǎng)頁(yè)表單實(shí)例4新浪郵箱注冊(cè)我們?cè)谧?cè)郵箱時(shí)，如圖所示，也是一個(gè)表單的應(yīng)用。教學(xué)內(nèi)容9.3.2建立表單<form>是表單的標(biāo)簽，可以把表單看做一個(gè)包含很多控件的容器，可以是文本框、單選按鈕、復(fù)選按鈕、下拉列表、按鈕等等……這為表單提交信息提供更多的可能。9.3制作網(wǎng)頁(yè)表單實(shí)例5創(chuàng)建表單并測(cè)試表單頁(yè)面如圖所示是通過(guò)一個(gè)登錄輸入的簡(jiǎn)單例子，學(xué)習(xí)表單中包含控件的基本方法。教學(xué)內(nèi)容9.3.2提交表單創(chuàng)建完表單后，表單的信息需要提交給專(zhuān)門(mén)的頁(yè)面接收處理，提取出需要的信息進(jìn)行處理。下面就來(lái)處理所提交的表單信息。9.3制作網(wǎng)頁(yè)表單實(shí)例6提交表單處理信息如圖所示提交表單信息后，submit.asp處理信息顯示的結(jié)果。教學(xué)內(nèi)容9.4.1數(shù)據(jù)庫(kù)技術(shù)概述數(shù)據(jù)庫(kù)技術(shù)是通過(guò)研究數(shù)據(jù)庫(kù)的結(jié)構(gòu)、存儲(chǔ)、設(shè)計(jì)、管理以及應(yīng)用的基本理論和實(shí)現(xiàn)方法，并利用這些理論來(lái)實(shí)現(xiàn)對(duì)數(shù)據(jù)庫(kù)中的數(shù)據(jù)進(jìn)行處理、分析和理解的技術(shù)。9.4建立網(wǎng)站數(shù)據(jù)庫(kù)1.數(shù)據(jù)庫(kù)的主要特點(diǎn)實(shí)現(xiàn)數(shù)據(jù)共享、減少數(shù)據(jù)的冗余度、數(shù)據(jù)的獨(dú)立性、數(shù)據(jù)實(shí)現(xiàn)集中控制、數(shù)據(jù)一致性和可維護(hù)性、故障恢復(fù)。2.數(shù)據(jù)種類(lèi)的種類(lèi)數(shù)據(jù)庫(kù)通常分為層次式數(shù)據(jù)庫(kù)、網(wǎng)絡(luò)式數(shù)據(jù)庫(kù)和關(guān)系式數(shù)據(jù)庫(kù)三種。教學(xué)內(nèi)容9.4.2創(chuàng)建Access數(shù)據(jù)庫(kù)MicrosoftOfficeAccess是由微軟發(fā)布的關(guān)系數(shù)據(jù)庫(kù)管理系統(tǒng)，是一款數(shù)據(jù)庫(kù)應(yīng)用的開(kāi)發(fā)工具軟件。實(shí)例7新建Access數(shù)據(jù)如圖所示是一個(gè)簡(jiǎn)單的答題信息數(shù)據(jù)庫(kù)，它是由三個(gè)表和一個(gè)查詢(xún)組成。9.4建立網(wǎng)站數(shù)據(jù)庫(kù)教學(xué)內(nèi)容9.5.1登錄頁(yè)面在登錄頁(yè)面里輸入用戶(hù)名和密碼，檢查數(shù)據(jù)庫(kù)中該用戶(hù)用否存在，如果存在，則進(jìn)入答題頁(yè)面，否則重新輸入。實(shí)例8登錄頁(yè)面如圖所示的登錄頁(yè)面里，當(dāng)用戶(hù)輸入用戶(hù)名和密碼后，單擊登錄按鈕，若用戶(hù)名和密碼正確，則跳轉(zhuǎn)到答題頁(yè)面，否則重新輸入。9.5使用ASP+Access制作動(dòng)態(tài)網(wǎng)頁(yè)教學(xué)內(nèi)容9.5.2答題頁(yè)面登錄成功后進(jìn)入答題頁(yè)面，在答題頁(yè)面里首先檢查該用戶(hù)是否已經(jīng)存在答題記錄，若則則刪除該記錄。然后再為表中添加一記錄，利用隨機(jī)函數(shù)生成該用戶(hù)的選題情況，并最終生成答題頁(yè)面。實(shí)例9答題頁(yè)面如圖所示的答題頁(yè)面，編寫(xiě)asp代碼，為用戶(hù)生成不同內(nèi)容的答題頁(yè)面，用戶(hù)完成答題后，可以單擊提交按鈕查看答題情況。9.5使用ASP+Access制作動(dòng)態(tài)網(wǎng)頁(yè)教學(xué)內(nèi)容9.5.3答題結(jié)果頁(yè)面完成答題提交后，將顯示本次的答題結(jié)果，根據(jù)不同的要求，可以有不同形式的顯示方式，在這里我們將顯示出正確的答案與用戶(hù)自己選擇的答案，至于更復(fù)雜的顯示方式，