[學習]動態(tài)網頁的基礎知識

1、計算機與信息工程系　　　　　　劉 兵,動　態(tài)　網　頁　制　作,使用教材：動態(tài)網頁制作　潘曉南等編著,中國鐵道出版社 2005。1,動態(tài)網頁制作,一、動態(tài)網頁的特點： 1、要有相關的網絡知識 2、要有語言的基礎 3、與一般的程序設計(如C語言)區(qū)別,動態(tài)網頁制作,二、為什么要學習動態(tài)網頁 　動態(tài)網頁是目前程序設計的一個主流計算機應用。動態(tài)網頁的幾種方式?

2、 (asp,php,jsp,asp.net),動態(tài)網頁制作,三、本課程主要研究的內容： 1、動態(tài)網頁的基本方式,(如何建立動態(tài)網頁,如何發(fā)布動態(tài)網頁) 2、相關動態(tài)網頁的設計技巧,動態(tài)網頁制作,四、考核辦法： 本課程共30學時，其中10學時授課，20學時實驗 以完成上機任務為主50％，25％平時上機作業(yè)和課堂抽查考試，25％的實驗報告。,動

3、態(tài)網頁制作,五、上機時間：　　理論課時間：4，6，7周周二晚上　　上機時間：　　　　5，8，9，11，12，13，14周周二晚上 上機地點： 東7----416,動態(tài)網頁制作,六、學習目標：完成一個動態(tài)網站，新浪申請一個博客，并完成相關內容．,動態(tài)網頁制作,第1章 基礎知識,本章主要了解動態(tài)網頁基本概念及其工作環(huán)境。,第1章 動態(tài)網頁的基礎知識,1.1 Internet及

4、其提供的服務1.2 WWW的基本概念1.3 Web程序設計的方式1.4 IIS上的WWW服務器實現1.5 本書說明1.6 本書所需的軟件環(huán)境,1.1 Internet及其提供的服務,1.1.1 什么是Internet,從網絡通信技術的觀點來看，Internet是一個以TCP/IP通信協議為基礎，連接各個國家、各個部門、各個機構計算機網絡的數據通訊網；從信息資源的觀點來看，Internet是一個集各個領域、各個

5、學科的各種信息資源為一體的、供網上用戶共享的數據資源網。,1.1.2 Internet提供的服務1. 遠程登錄服務Telnet（Remote Login）2. 文件傳送服務FTP 3. 電子郵件服務E-mail（Electronic Mail） 4. 電子公告板系統(tǒng)（BBS） 5. 萬維網 6. 電子商務 7. Internet電話 8. 其他豐富多彩的Internet服務,1.2 WWW的基本概念

6、,1.2.1 概述1.2.2 Web瀏覽器的工作原理1.2.3 統(tǒng)一資源定位器URL1.2.4 超文本與超媒體1.2.5 超文本標記語言HTML1.2.6 超文本傳輸協議1.2.7 主頁,1.2.1 概述WWW是Word Wide Web的英文縮寫，譯為“萬維網”或“全球信息網”.WWW服務的基礎是Web頁面，每個服務站點都包括若干個相互關聯的頁面. 每個站點都有一個主頁，是進入某個站點的起始頁，也

7、就是第一頁，相當于這個站點的窗口。 WWW的核心是Web服務器，由它提供各種形式的信息,1.2.2 Web瀏覽器的工作原理 WWW基于客戶機/服務器模式.,,用戶輸入不同的URL，可以打開特定的Web服務器的相應文檔。Web瀏覽器最基本的功能是解釋HTML文檔。,1.2.2 Web瀏覽器的工作原理 WWW基于客戶機/服務器模式.,統(tǒng)一資源定位符是文件名的擴展。 一個URL包括了以

8、上所有的信息，構成格式為：protocol://machine.name[:port]/directory/filename,1.2.3 統(tǒng)一資源定位符URL（Uniform Resource Locator）,超文本的概念是特德·尼爾遜于1969年左右提出的。蒂姆提出了一種超文本的數據結構，并把這種技術應用于描述和檢索信息，實現了高效率的存取，從而發(fā)明了WWW的信息瀏覽服務方式。在WWW中的超文本，實際上是一

9、種解決菜單與信息分離的機制，把可選菜單項嵌入文本中的概念稱為“超文本”。,1.2.4 超文本與超媒體,超文本技術采用指針連結的網狀交叉索引方式，對不同來源的信息加以鏈接。超媒體是超文本的自然擴展，是超文本與多媒體的組合。在超媒體中，鏈接的除了文本文件以外，還有音像和動畫等。,1.2.4 超文本與超媒體,,,超文本標記語言HTML---Hyper Text Markup LanguageHTML是一種專用的編程語言，用于編

10、制要通過WWW顯示的超文本文件頁面。,1.2.5 超文本標記語言HTML,HTML對文件顯示的具體格式進行了詳細的規(guī)定和描述。HTML采用標準的７位ASCII碼文件形式，通過一系列格式化方法表示各種超鏈接（hyperlink）和信息。,1.2.5 超文本標記語言HTML,用HTML編寫的文檔采用“.html”或者“.htm”作為后綴。當WWW瀏覽器讀取到HTML文件時，就以超文本方式顯示給用戶。,1.2.5 超文本標記語言

11、HTML,例如，下面的HTML語句建立了一個按“專題分類查詢信息”（information by subject），并將該條目與計算機“www.whpu.edu.cn”中的文件“index.html”相鏈接，HTML語法如下： Information by Subject,超文本傳輸協議HTTP（Hyper Text Transfer Protocol）可以簡單地被看成是瀏覽器和Web服務器之間的會話。,1.2.

12、6 超文本傳輸協議,HTTP定義了簡單事務處理程序，由下４個步驟組成：（1）客戶機與服務器建立連接；（2）客戶機向服務器遞交請求，在請求中指明所要求的特定文件；（3）如果請求被接納，那么服務器便發(fā)回一個應答。在應答中至少應當包括狀態(tài)編號和該文件內容；（4）客戶機與服務器斷開連接。,1.2.6 超文本傳輸協議,HTTP協議是一個無狀態(tài)協議。問題：網頁之間的用戶名如何來傳遞？,1.2.6 超文本傳輸協議,主頁（Home

13、Page）就是用戶在訪問Internet網上某個站點時，首先顯示的第一個頁面從信息查詢的角度來看，主頁就是用戶本次通過WWW在連接訪問超文本各類信息資源的根；,1.2.7 主頁,從信息提供的角度來看，由于各個開發(fā)WWW服務器的機構在組織WWW信息時是以信息頁為單位的，這些信息頁被組織成樹狀結構以便檢索，那個代表“樹根”信息頁的超文本就是該WWW服務器的初始頁（主頁）。,1.2.7 主頁,1.3 Web程序設計的方式,通常的網絡

14、程序設計所采取的大都是一種叫客戶/服務器（Client/Server 縮寫C/S）方式在網絡上對數據庫訪問發(fā)展的必然趨勢，即瀏覽器/服務器方式（Browse/Server 縮寫B(tài)/S）,1.3.1 瀏覽器/服務器方式及原理,1.3.1 瀏覽器/服務器方式及原理,這種三層式方式采用的瀏覽器/服務器方式工作原理如下：（1）首先客戶Web瀏覽器發(fā)出請求要求訪問Web服務器的某一網頁，Web服務器檢查文件的擴展名是不是特殊的網頁（

15、如ASP頁），如果是ASP頁，Web服務器就確實它應當調用ASP來處理該頁。,（2）Web服務器對該ASP頁進行語法檢查和編譯。（3）若在腳本程序中使用了ADO（ActiveX Data Objects）對象，則Web服務器會根據ADO對象所設置的參數來啟動對應的ODBC驅動程序，而啟動ODBC驅動程序之后，程序可以直接利用ADO對象來訪問數據庫，或通過ADO對象來發(fā)送SQL指令，進而達到存取數據庫的目的。,1.3.1 瀏覽器/服

16、務器方式及原理,（4）最后如果有數據必須顯示在瀏覽器上，則腳本程序會利用ASP所提供的輸出對象送出數據形成動態(tài)的HTML文檔，并且和靜態(tài)HTML文檔進行合并，然后由WEB服務器傳送給前端的客戶瀏覽器。,問題：用戶輸入數據的驗證是在Client上好還是Server上要好一些？,1.3.1 瀏覽器/服務器方式及原理,瀏覽器/服務器方式的三層結構有以下好處：（1）對于遠程的前端用戶來講，他不需要特殊設置與軟件安裝.（2）在Web開發(fā)

17、者而言，所有的應用軟件集中在服務器端開發(fā)管理這種方式又叫零客戶端，或叫瘦客戶。,1.3.2 瀏覽器/服務器方式的好處,1.ASPASP全名Active Server Pages，是一個WEB服務器端的開發(fā)環(huán)境，利用它可以產生和運行動態(tài)的、交互的、高性能的WEB服務應用程序。ASP采用腳本語言VBScript或 JavaScript作為自己的開發(fā)語言。,1.3.3 ASP、PHP、JSP的比較,ASP特點：（1）使用V

18、BScript、JScript等簡單易懂的腳本語言，結合HTML代碼，即可快速地完成網站的應用程序。 （2）無須compile編譯，容易編寫，可在服務器端直接執(zhí)行。（3）使用普通的文本編輯器，如Windows的記事本，即可進行編輯設計。 （4）與瀏覽器無關,1.3.3 ASP、PHP、JSP的比較,2。PHPPHP是一種跨平臺的服務器端的嵌入式腳本語言。它大量地借用C，Java和Perl語言的語法,并耦合PHP本身的特性

19、,使WEB開發(fā)者能夠快速地寫出動態(tài)生成頁面。它支持目前絕大多數數據庫。,2。PHPPHP是完全免費的，可以從PHP官方站點(http://www.php.net)自由下載。而且可以不受限制地獲得源碼，甚至可以從中加進所需要的特色。,3.JSPJSP是Sun公司推出的新一代站點開發(fā)語言。Jsp可以在Serverlet和JavaBean的支持下，完成功能強大的站點程序。,ASP、PHP、JSP都提供在HTML中的混合編碼。

20、ASP、PHP、JSP三者都是面向Web服務器的技術，客戶端瀏覽器不需要任何附加的軟件支持，并且各自有自身的技術特點。,1.1什么是.net 微軟新一代平臺的正式名稱叫做“新一代Windows服務”（NGWS），現在微軟已經給這個平臺注冊了正式的商標——MicroSoft.Net。在.Net環(huán)境中，微軟不僅僅是平臺和產品的開發(fā)者，并且還將作為架構服務提供商、應用程序提供商，開展全方位的Internet服務。,1.3.4 A

21、SP.NET,MicroSoft.Net平臺的側重點：從連接到互聯網的單一網站或設備上，轉移到計算機、設備和服務群組上，使其能合作，并提供更廣泛更豐富的解決方案。,1.3.4 ASP.NET,MicroSoft.Net環(huán)境中突破性改進在于：1。使用統(tǒng)一的Internet標準（如XML）將不同的系統(tǒng)對接；2。這是Internet上首個大規(guī)模的高度分布式應用服務架構；,1.3.4 ASP.NET,3。使用一個名為“聯盟”的管理程序

22、，這個程序能全面管理平臺中運行的服務程序，并且為它們提供強大的安全保護后臺；MicroSoft.Net將互聯網作為構建新一代操作系統(tǒng)的基礎，對互聯網和操作系統(tǒng)的設計思想進行延伸。這樣開發(fā)人員創(chuàng)建出擺脫設備硬件束縛的應用程序，以便輕松實現互聯網連接。,1.3.4 ASP.NET,1。ASP.NET的調試環(huán)境操作系統(tǒng)：win 2000瀏覽器：IE5.5以上2。支持語言ASP.NET目前能支持3種語言：C#，Jscrip,V

23、isual Basic3.軟件要求：win2000+sp3，IE5.5， IIS5.0,1.3.4 ASP.NET,ASP.NET在執(zhí)行腳本時要經過兩次編譯：第一次是從腳本語言到MSIL（Microsoft Intermediate Language，微軟的中間語言）；第二次是MSIL到執(zhí)行的機器碼。,1.3.4 ASP.NET,ASP.NET與ASP運行速度的比較。ASP.NET 解決了把網頁的內容和程序的代碼分

24、開。比ASP面向對象的特點更加明顯。,1.3.4 ASP.NET,1.4 IIS上的WWW服務器實現,1.4.1 IIS概述1. 安全性 安全驗證方面 安全通信方面2. 可編程性3. Internet標準支持,1.4.2 IIS的安裝,Web站點的主目錄的路經是\Inetpub\wwwrootFTP站點的主目錄的路徑是\Inetpub\ftproot。,如果用戶在安裝Windows 2000時沒有選擇

25、安裝IIS 5.0，過程如下：（1）依次選擇“開始→設置→控制面板→添加/刪除程序”。打開“添加/刪除程序”窗口。（2）然后單擊“添加/刪除 Windows 組件”，打開“Windows 組件向導”窗口,IIS主目錄的設置過程如下：,IIS主目錄的設置過程如下：,創(chuàng)建虛擬目錄，可參照下面的步驟：,,創(chuàng)建虛擬目錄，可參照下面的步驟：,。,,（3）如果用戶知道目錄路徑，可直接在“目錄”文本框中輸入目錄路徑。否者單擊“瀏覽”按鈕，打開

26、“瀏覽文件夾”對話框，選擇目錄路徑。（4） 單擊“下一步”按鈕，打開“訪問權限”對話框，在“允許下列權限”選項區(qū)域中，用戶可以為此目錄設置訪問權限。例如，選擇“寫入”復選框，既允許訪問者修改目錄內容。（5）訪問權限設置完成后，單擊“下一步”按鈕，進入最后一步，打開“您已成功完成‘虛擬目錄創(chuàng)建向導’”對話框。單擊“完成”按鈕，虛擬目錄創(chuàng)建完成。,設置文件的Web共享屬性來快速創(chuàng)建虛擬目錄，具體操作步驟如下：,（1）打開“我的電腦”或“

27、資源管理器”窗口，右擊要共享的文件夾,,,,（2）選擇“共享這個文件夾”單選按鈕，此時會彈出“編輯別名”對話框。,（3） 在“別名”框中鍵入該目錄的別名。（4） 在“應用程序許可”選項區(qū)域中，通過選擇單選按鈕來設置目錄中的應用程序許可權限.,1.4.4 設置默認的文檔在每一個目錄中都可以建立這樣一個默認的文檔，因為如果沒有默認文檔，用戶用不帶文件名的URL訪問Web服務器時，WWW服務器將返回錯誤。,,1.6 本書所需的軟件

28、環(huán)境本書的Web程序設計是以ASP.NET為基礎，那么要運行ASP.NET必須要有.NET Framework SDK。它可以到http://msdn.microsoft.com/downloads/default.asp去下載。如果要有Visual Studio.net軟件，可直接安裝，因其本身帶有.NET Framework SDK。另外，還需要有SQL Server 2000（或者SQL Server　7.0、ACCESS）。,