動(dòng)態(tài)網(wǎng)頁(yè)的基礎(chǔ)知識(shí)課件

1、 計(jì)算機(jī)與信息工程系劉 兵動(dòng)態(tài)網(wǎng)頁(yè)制作 計(jì)算機(jī)與信息工程系動(dòng)態(tài)網(wǎng)頁(yè)制作使用教材：動(dòng)態(tài)網(wǎng)頁(yè)制作潘曉南等編著中國(guó)鐵道出版社 2005。1動(dòng)態(tài)網(wǎng)頁(yè)制作使用教材：動(dòng)態(tài)網(wǎng)頁(yè)制作潘曉南等編著中國(guó)鐵道出版社 2005一、動(dòng)態(tài)網(wǎng)頁(yè)的特點(diǎn)： 1、要有相關(guān)的網(wǎng)絡(luò)知識(shí) 2、要有語(yǔ)言的基礎(chǔ) 3、與一般的程序設(shè)計(jì)(如C語(yǔ)言)區(qū)別動(dòng)態(tài)網(wǎng)頁(yè)制作一、動(dòng)態(tài)網(wǎng)頁(yè)的特點(diǎn)：動(dòng)態(tài)網(wǎng)頁(yè)制作二、為什么要學(xué)習(xí)動(dòng)態(tài)網(wǎng)頁(yè) 動(dòng)態(tài)網(wǎng)頁(yè)是目前程序設(shè)計(jì)的一個(gè)主流計(jì)算機(jī)應(yīng)用。動(dòng)態(tài)網(wǎng)頁(yè)的幾種方式? (asp,php,jsp,) 動(dòng)態(tài)網(wǎng)頁(yè)制作二、為什么要學(xué)習(xí)動(dòng)態(tài)網(wǎng)頁(yè)動(dòng)態(tài)網(wǎng)頁(yè)制作三、本課程主要研究的內(nèi)容： 1、動(dòng)態(tài)網(wǎng)頁(yè)的基本方式,(如何建立動(dòng)態(tài)網(wǎng)頁(yè),如何發(fā)布動(dòng)

2、態(tài)網(wǎng)頁(yè)) 2、相關(guān)動(dòng)態(tài)網(wǎng)頁(yè)的設(shè)計(jì)技巧 動(dòng)態(tài)網(wǎng)頁(yè)制作三、本課程主要研究的內(nèi)容：動(dòng)態(tài)網(wǎng)頁(yè)制作四、考核辦法： 本課程共30學(xué)時(shí)，其中10學(xué)時(shí)授課，20學(xué)時(shí)實(shí)驗(yàn) 以完成上機(jī)任務(wù)為主50，25平時(shí)上機(jī)作業(yè)和課堂抽查考試，25的實(shí)驗(yàn)報(bào)告。 動(dòng)態(tài)網(wǎng)頁(yè)制作四、考核辦法：動(dòng)態(tài)網(wǎng)頁(yè)制作五、上機(jī)時(shí)間：理論課時(shí)間：4，6，7周周二晚上上機(jī)時(shí)間：5，8，9，11，12，13，14周周二晚上 上機(jī)地點(diǎn)： 東7416動(dòng)態(tài)網(wǎng)頁(yè)制作五、上機(jī)時(shí)間：動(dòng)態(tài)網(wǎng)頁(yè)制作六、學(xué)習(xí)目標(biāo)：完成一個(gè)動(dòng)態(tài)網(wǎng)站，新浪申請(qǐng)一個(gè)博客，并完成相關(guān)內(nèi)容 動(dòng)態(tài)網(wǎng)頁(yè)制作六、學(xué)習(xí)目標(biāo)：動(dòng)態(tài)網(wǎng)頁(yè)制作 第1章 基礎(chǔ)知識(shí) 本章主要了解動(dòng)態(tài)網(wǎng)頁(yè)基本概念及其工作環(huán)境。 第1

3、章 基礎(chǔ)知識(shí)第1章 動(dòng)態(tài)網(wǎng)頁(yè)的基礎(chǔ)知識(shí)1.1 Internet及其提供的服務(wù)1.2 WWW的基本概念1.3 Web程序設(shè)計(jì)的方式1.4 IIS上的WWW服務(wù)器實(shí)現(xiàn)1.5 本書(shū)說(shuō)明1.6 本書(shū)所需的軟件環(huán)境第1章 動(dòng)態(tài)網(wǎng)頁(yè)的基礎(chǔ)知識(shí)1.1 Internet及其提供1.1 Internet及其提供的服務(wù) 1.1.1 什么是Internet從網(wǎng)絡(luò)通信技術(shù)的觀點(diǎn)來(lái)看，Internet是一個(gè)以TCP/IP通信協(xié)議為基礎(chǔ)，連接各個(gè)國(guó)家、各個(gè)部門(mén)、各個(gè)機(jī)構(gòu)計(jì)算機(jī)網(wǎng)絡(luò)的數(shù)據(jù)通訊網(wǎng)；從信息資源的觀點(diǎn)來(lái)看，Internet是一個(gè)集各個(gè)領(lǐng)域、各個(gè)學(xué)科的各種信息資源為一體的、供網(wǎng)上用戶共享的數(shù)據(jù)資源網(wǎng)。1.1 Int

4、ernet及其提供的服務(wù) 1.1.1 什么1.1.2 Internet提供的服務(wù)1. 遠(yuǎn)程登錄服務(wù)Telnet（Remote Login）2. 文件傳送服務(wù)FTP 3. 電子郵件服務(wù)E-mail（Electronic Mail） 4. 電子公告板系統(tǒng)（BBS） 5. 萬(wàn)維網(wǎng) 6. 電子商務(wù) 7. Internet電話 8. 其他豐富多彩的Internet服務(wù) 1.1.2 Internet提供的服務(wù)1.2 WWW的基本概念1.2.1 概述1.2.2 Web瀏覽器的工作原理1.2.3 統(tǒng)一資源定位器URL1.2.4 超文本與超媒體1.2.5 超文本標(biāo)記語(yǔ)言HTML1.2.6 超文本傳輸協(xié)議1.2.

5、7 主頁(yè)1.2 WWW的基本概念1.2.1 概述1.2.1 概述WWW是Word Wide Web的英文縮寫(xiě)，譯為“萬(wàn)維網(wǎng)”或“全球信息網(wǎng)”.WWW服務(wù)的基礎(chǔ)是Web頁(yè)面，每個(gè)服務(wù)站點(diǎn)都包括若干個(gè)相互關(guān)聯(lián)的頁(yè)面. 每個(gè)站點(diǎn)都有一個(gè)主頁(yè)，是進(jìn)入某個(gè)站點(diǎn)的起始頁(yè)，也就是第一頁(yè)，相當(dāng)于這個(gè)站點(diǎn)的窗口。 WWW的核心是Web服務(wù)器，由它提供各種形式的信息1.2.1 概述1.2.2 Web瀏覽器的工作原理 WWW基于客戶機(jī)/服務(wù)器模式.1.2.2 Web瀏覽器的工作原理用戶輸入不同的URL，可以打開(kāi)特定的Web服務(wù)器的相應(yīng)文檔。Web瀏覽器最基本的功能是解釋HTML文檔。1.2.2 Web瀏覽器的工作原

6、理 WWW基于客戶機(jī)/服務(wù)器模式.1.2.2 Web瀏覽器的工作原理統(tǒng)一資源定位符是文件名的擴(kuò)展。 一個(gè)URL包括了以上所有的信息，構(gòu)成格式為：protocol:/:port/directory/filename 1.2.3 統(tǒng)一資源定位符URL（Uniform Resource Locator）統(tǒng)一資源定位符是文件名的擴(kuò)展。1.2.3 統(tǒng)一資源定位符U超文本的概念是特德尼爾遜于1969年左右提出的。蒂姆提出了一種超文本的數(shù)據(jù)結(jié)構(gòu)，并把這種技術(shù)應(yīng)用于描述和檢索信息，實(shí)現(xiàn)了高效率的存取，從而發(fā)明了WWW的信息瀏覽服務(wù)方式。在WWW中的超文本，實(shí)際上是一種解決菜單與信息分離的機(jī)制，把可選菜單項(xiàng)嵌入

7、文本中的概念稱為“超文本”。1.2.4 超文本與超媒體超文本的概念是特德尼爾遜于1969年左右提出的。1.2.4超文本技術(shù)采用指針連結(jié)的網(wǎng)狀交叉索引方式，對(duì)不同來(lái)源的信息加以鏈接。超媒體是超文本的自然擴(kuò)展，是超文本與多媒體的組合。在超媒體中，鏈接的除了文本文件以外，還有音像和動(dòng)畫(huà)等。1.2.4 超文本與超媒體超文本技術(shù)采用指針連結(jié)的網(wǎng)狀交叉索引方式，對(duì)不同來(lái)源的信息加動(dòng)態(tài)網(wǎng)頁(yè)的基礎(chǔ)知識(shí)課件動(dòng)態(tài)網(wǎng)頁(yè)的基礎(chǔ)知識(shí)課件超文本標(biāo)記語(yǔ)言HTMLHyper Text Markup LanguageHTML是一種專用的編程語(yǔ)言，用于編制要通過(guò)WWW顯示的超文本文件頁(yè)面。1.2.5 超文本標(biāo)記語(yǔ)言HTML1.2

8、.5 超文本標(biāo)記語(yǔ)言HTMLHTML對(duì)文件顯示的具體格式進(jìn)行了詳細(xì)的規(guī)定和描述。HTML采用標(biāo)準(zhǔn)的位ASCII碼文件形式，通過(guò)一系列格式化方法表示各種超鏈接（hyperlink）和信息。1.2.5 超文本標(biāo)記語(yǔ)言HTML1.2.5 超文本標(biāo)記語(yǔ)言HTML用HTML編寫(xiě)的文檔采用“.html”或者“.htm”作為后綴。當(dāng)WWW瀏覽器讀取到HTML文件時(shí)，就以超文本方式顯示給用戶。1.2.5 超文本標(biāo)記語(yǔ)言HTML1.2.5 超文本標(biāo)記語(yǔ)言HTML例如，下面的HTML語(yǔ)句建立了一個(gè)按“專題分類查詢信息”（information by subject），并將該條目與計(jì)算機(jī)“”中的文件“index.h

9、tml”相鏈接，HTML語(yǔ)法如下： Information by Subject 例如，下面的HTML語(yǔ)句建立了一個(gè)按“專題分類查詢信息”（i超文本傳輸協(xié)議HTTP（Hyper Text Transfer Protocol）可以簡(jiǎn)單地被看成是瀏覽器和Web服務(wù)器之間的會(huì)話。1.2.6 超文本傳輸協(xié)議1.2.6 超文本傳輸協(xié)議HTTP定義了簡(jiǎn)單事務(wù)處理程序，由下個(gè)步驟組成：（1）客戶機(jī)與服務(wù)器建立連接；（2）客戶機(jī)向服務(wù)器遞交請(qǐng)求，在請(qǐng)求中指明所要求的特定文件；（3）如果請(qǐng)求被接納，那么服務(wù)器便發(fā)回一個(gè)應(yīng)答。在應(yīng)答中至少應(yīng)當(dāng)包括狀態(tài)編號(hào)和該文件內(nèi)容；（4）客戶機(jī)與服務(wù)器斷開(kāi)連接。1.2.6 超文

10、本傳輸協(xié)議HTTP定義了簡(jiǎn)單事務(wù)處理程序，由下個(gè)步驟組成：1.2.6HTTP協(xié)議是一個(gè)無(wú)狀態(tài)協(xié)議。問(wèn)題：網(wǎng)頁(yè)之間的用戶名如何來(lái)傳遞？1.2.6 超文本傳輸協(xié)議HTTP協(xié)議是一個(gè)無(wú)狀態(tài)協(xié)議。1.2.6 超文本傳輸協(xié)議主頁(yè)（Home Page）就是用戶在訪問(wèn)Internet網(wǎng)上某個(gè)站點(diǎn)時(shí)，首先顯示的第一個(gè)頁(yè)面從信息查詢的角度來(lái)看，主頁(yè)就是用戶本次通過(guò)WWW在連接訪問(wèn)超文本各類信息資源的根；1.2.7 主頁(yè)1.2.7 主頁(yè) 從信息提供的角度來(lái)看，由于各個(gè)開(kāi)發(fā)WWW服務(wù)器的機(jī)構(gòu)在組織WWW信息時(shí)是以信息頁(yè)為單位的，這些信息頁(yè)被組織成樹(shù)狀結(jié)構(gòu)以便檢索，那個(gè)代表“樹(shù)根”信息頁(yè)的超文本就是該WWW服務(wù)器的初

11、始頁(yè)（主頁(yè)）。1.2.7 主頁(yè)1.2.7 主頁(yè)1.3 Web程序設(shè)計(jì)的方式通常的網(wǎng)絡(luò)程序設(shè)計(jì)所采取的大都是一種叫客戶/服務(wù)器（Client/Server 縮寫(xiě)C/S）方式在網(wǎng)絡(luò)上對(duì)數(shù)據(jù)庫(kù)訪問(wèn)發(fā)展的必然趨勢(shì)，即瀏覽器/服務(wù)器方式（Browse/Server 縮寫(xiě)B(tài)/S）1.3 Web程序設(shè)計(jì)的方式通常的網(wǎng)絡(luò)程序設(shè)計(jì)所采取的大都1.3.1 瀏覽器/服務(wù)器方式及原理 1.3.1 瀏覽器/服務(wù)器方式及原理1.3.1 瀏覽器/服務(wù)器方式及原理 這種三層式方式采用的瀏覽器/服務(wù)器方式工作原理如下：（1）首先客戶Web瀏覽器發(fā)出請(qǐng)求要求訪問(wèn)Web服務(wù)器的某一網(wǎng)頁(yè)，Web服務(wù)器檢查文件的擴(kuò)展名是不是特殊的網(wǎng)頁(yè)

12、（如ASP頁(yè)），如果是ASP頁(yè)，Web服務(wù)器就確實(shí)它應(yīng)當(dāng)調(diào)用ASP來(lái)處理該頁(yè)。1.3.1 瀏覽器/服務(wù)器方式及原理這種三層式方式采用的瀏（2）Web服務(wù)器對(duì)該ASP頁(yè)進(jìn)行語(yǔ)法檢查和編譯。（3）若在腳本程序中使用了ADO（ActiveX Data Objects）對(duì)象，則Web服務(wù)器會(huì)根據(jù)ADO對(duì)象所設(shè)置的參數(shù)來(lái)啟動(dòng)對(duì)應(yīng)的ODBC驅(qū)動(dòng)程序，而啟動(dòng)ODBC驅(qū)動(dòng)程序之后，程序可以直接利用ADO對(duì)象來(lái)訪問(wèn)數(shù)據(jù)庫(kù)，或通過(guò)ADO對(duì)象來(lái)發(fā)送SQL指令，進(jìn)而達(dá)到存取數(shù)據(jù)庫(kù)的目的。1.3.1 瀏覽器/服務(wù)器方式及原理 （2）Web服務(wù)器對(duì)該ASP頁(yè)進(jìn)行語(yǔ)法檢查和編譯。1.3.1（4）最后如果有數(shù)據(jù)必須顯示在瀏覽

13、器上，則腳本程序會(huì)利用ASP所提供的輸出對(duì)象送出數(shù)據(jù)形成動(dòng)態(tài)的HTML文檔，并且和靜態(tài)HTML文檔進(jìn)行合并，然后由WEB服務(wù)器傳送給前端的客戶瀏覽器。（4）最后如果有數(shù)據(jù)必須顯示在瀏覽器上，則腳本程序會(huì)利用AS問(wèn)題：用戶輸入數(shù)據(jù)的驗(yàn)證是在Client上好還是Server上要好一些？1.3.1 瀏覽器/服務(wù)器方式及原理問(wèn)題：用戶輸入數(shù)據(jù)的驗(yàn)證是在Client上好還是Server瀏覽器/服務(wù)器方式的三層結(jié)構(gòu)有以下好處：（1）對(duì)于遠(yuǎn)程的前端用戶來(lái)講，他不需要特殊設(shè)置與軟件安裝.（2）在Web開(kāi)發(fā)者而言，所有的應(yīng)用軟件集中在服務(wù)器端開(kāi)發(fā)管理這種方式又叫零客戶端，或叫瘦客戶。1.3.2 瀏覽器/服務(wù)器方

14、式的好處瀏覽器/服務(wù)器方式的三層結(jié)構(gòu)有以下好處：1.3.2 瀏覽器1.ASPASP全名Active Server Pages，是一個(gè)WEB服務(wù)器端的開(kāi)發(fā)環(huán)境，利用它可以產(chǎn)生和運(yùn)行動(dòng)態(tài)的、交互的、高性能的WEB服務(wù)應(yīng)用程序。ASP采用腳本語(yǔ)言VBScript或 JavaScript作為自己的開(kāi)發(fā)語(yǔ)言。1.3.3 ASP、PHP、JSP的比較1.ASP1.3.3 ASP、PHP、JSP的比較ASP特點(diǎn)：（1）使用VBScript、JScript等簡(jiǎn)單易懂的腳本語(yǔ)言，結(jié)合HTML代碼，即可快速地完成網(wǎng)站的應(yīng)用程序。 （2）無(wú)須compile編譯，容易編寫(xiě)，可在服務(wù)器端直接執(zhí)行。（3）使用普通的文本編

15、輯器，如Windows的記事本，即可進(jìn)行編輯設(shè)計(jì)。 （4）與瀏覽器無(wú)關(guān)1.3.3 ASP、PHP、JSP的比較ASP特點(diǎn)：1.3.3 ASP、PHP、JSP的比較2。PHPPHP是一種跨平臺(tái)的服務(wù)器端的嵌入式腳本語(yǔ)言。它大量地借用C，Java和Perl語(yǔ)言的語(yǔ)法,并耦合PHP本身的特性,使WEB開(kāi)發(fā)者能夠快速地寫(xiě)出動(dòng)態(tài)生成頁(yè)面。它支持目前絕大多數(shù)數(shù)據(jù)庫(kù)。2。PHP2。PHPPHP是完全免費(fèi)的，可以從PHP官方站點(diǎn)()自由下載。而且可以不受限制地獲得源碼，甚至可以從中加進(jìn)所需要的特色。2。PHP3.JSPJSP是Sun公司推出的新一代站點(diǎn)開(kāi)發(fā)語(yǔ)言。Jsp可以在Serverlet和JavaBean

16、的支持下，完成功能強(qiáng)大的站點(diǎn)程序。3.JSPASP、PHP、JSP都提供在HTML中的混合編碼。ASP、PHP、JSP三者都是面向Web服務(wù)器的技術(shù)，客戶端瀏覽器不需要任何附加的軟件支持，并且各自有自身的技術(shù)特點(diǎn)。 ASP、PHP、JSP都提供在HTML中的混合編碼。1.1什么是.net 微軟新一代平臺(tái)的正式名稱叫做“新一代Windows服務(wù)”（NGWS），現(xiàn)在微軟已經(jīng)給這個(gè)平臺(tái)注冊(cè)了正式的商標(biāo)MicroSoft.Net。在.Net環(huán)境中，微軟不僅僅是平臺(tái)和產(chǎn)品的開(kāi)發(fā)者，并且還將作為架構(gòu)服務(wù)提供商、應(yīng)用程序提供商，開(kāi)展全方位的Internet服務(wù)。1.3.4 ASP.NET1.1什么是.net

17、1.3.4 ASP.NETMicroSoft.Net平臺(tái)的側(cè)重點(diǎn)：從連接到互聯(lián)網(wǎng)的單一網(wǎng)站或設(shè)備上，轉(zhuǎn)移到計(jì)算機(jī)、設(shè)備和服務(wù)群組上，使其能合作，并提供更廣泛更豐富的解決方案。1.3.4 ASP.NETMicroSoft.Net平臺(tái)的側(cè)重點(diǎn)：從連接到互聯(lián)網(wǎng)的單一MicroSoft.Net環(huán)境中突破性改進(jìn)在于：1。使用統(tǒng)一的Internet標(biāo)準(zhǔn)（如XML）將不同的系統(tǒng)對(duì)接；2。這是Internet上首個(gè)大規(guī)模的高度分布式應(yīng)用服務(wù)架構(gòu)；1.3.4 ASP.NETMicroSoft.Net環(huán)境中突破性改進(jìn)在于：1.3.4 3。使用一個(gè)名為“聯(lián)盟”的管理程序，這個(gè)程序能全面管理平臺(tái)中運(yùn)行的服務(wù)程序，并且

18、為它們提供強(qiáng)大的安全保護(hù)后臺(tái)；MicroSoft.Net將互聯(lián)網(wǎng)作為構(gòu)建新一代操作系統(tǒng)的基礎(chǔ)，對(duì)互聯(lián)網(wǎng)和操作系統(tǒng)的設(shè)計(jì)思想進(jìn)行延伸。這樣開(kāi)發(fā)人員創(chuàng)建出擺脫設(shè)備硬件束縛的應(yīng)用程序，以便輕松實(shí)現(xiàn)互聯(lián)網(wǎng)連接。1.3.4 ASP.NET3。使用一個(gè)名為“聯(lián)盟”的管理程序，這個(gè)程序能全面管理平臺(tái)中1。ASP.NET的調(diào)試環(huán)境操作系統(tǒng)：win 2000瀏覽器：IE5.5以上2。支持語(yǔ)言ASP.NET目前能支持3種語(yǔ)言：C#，Jscrip,Visual Basic3.軟件要求：win2000+sp3，IE5.5， IIS5.01.3.4 ASP.NET1。ASP.NET的調(diào)試環(huán)境1.3.4 ASP.NETA

19、SP.NET在執(zhí)行腳本時(shí)要經(jīng)過(guò)兩次編譯：第一次是從腳本語(yǔ)言到MSIL（Microsoft Intermediate Language，微軟的中間語(yǔ)言）；第二次是MSIL到執(zhí)行的機(jī)器碼。1.3.4 ASP.NETASP.NET在執(zhí)行腳本時(shí)要經(jīng)過(guò)兩次編譯：1.3.4 ASASP.NET與ASP運(yùn)行速度的比較。ASP.NET 解決了把網(wǎng)頁(yè)的內(nèi)容和程序的代碼分開(kāi)。比ASP面向?qū)ο蟮奶攸c(diǎn)更加明顯。1.3.4 ASP.NETASP.NET與ASP運(yùn)行速度的比較。1.3.4 ASP.1.4 IIS上的WWW服務(wù)器實(shí)現(xiàn)1.4.1 IIS概述1. 安全性 安全驗(yàn)證方面 安全通信方面2. 可編程性3. Inter

20、net標(biāo)準(zhǔn)支持1.4 IIS上的WWW服務(wù)器實(shí)現(xiàn)1.4.1 IIS概述1.4.2 IIS的安裝Web站點(diǎn)的主目錄的路經(jīng)是InetpubwwwrootFTP站點(diǎn)的主目錄的路徑是Inetpubftproot。1.4.2 IIS的安裝Web站點(diǎn)的主目錄的路經(jīng)是Ine如果用戶在安裝Windows 2000時(shí)沒(méi)有選擇安裝IIS 5.0，過(guò)程如下：（1）依次選擇“開(kāi)始設(shè)置控制面板添加/刪除程序”。打開(kāi)“添加/刪除程序”窗口。（2）然后單擊“添加/刪除 Windows 組件”，打開(kāi)“Windows 組件向?qū)А贝翱谌绻脩粼诎惭bWindows 2000時(shí)沒(méi)有選擇安裝IIS 動(dòng)態(tài)網(wǎng)頁(yè)的基礎(chǔ)知識(shí)課件動(dòng)態(tài)網(wǎng)頁(yè)的基礎(chǔ)知識(shí)課件IIS主目錄的設(shè)置過(guò)程如下：IIS主目錄的設(shè)置過(guò)程如下：IIS主目錄的設(shè)置過(guò)程如下：IIS主目錄的設(shè)置過(guò)程如下：創(chuàng)建虛擬目錄，可參照下面的步驟：創(chuàng)建虛擬目錄，可參照下面的步驟：創(chuàng)建虛擬目錄，可參照下面的步驟：。創(chuàng)建虛擬目錄，可參照下面的步驟：。（3）如果用戶知道目錄路徑，可直接在“目錄”文本框中輸入目錄路徑。否者單擊“瀏覽”按鈕，打開(kāi)“瀏覽文件夾”對(duì)話框，選擇目錄路徑。（4） 單擊“下一步”按鈕，打開(kāi)“訪問(wèn)權(quán)限”對(duì)話框，在“允許下列權(quán)限”選項(xiàng)區(qū)域中，