Transcript HTML網頁基礎語言
P689 ASP 3.0 網頁設計範例教本 2e 課程名稱：_____________ 指導教授：_____________ ©Copyright 2004 by 陳會安 Joe Chen 圖書目錄 - I 第1章： ASP基礎與開發環境的建立 第2章： HTML設計實務 第3章： VBScript語法建立ASP程式 第4章： VBScript的流程控制 第5章： VBScript的程序與函數 第6章： Response物件輸出網頁內容 第7章： Request物件與表單處理 第8章： Application、Session物件與 Cookies的處理 圖書目錄 - II 第9章： Server物件與文字檔案處理 第10章： 伺服端元件的使用 第11章： ADO元件建立網頁資料庫 第12章： SQL語言處理資料庫 第13章： Recordset物件的資料庫處理與操 作 第14章： ASP應用實例探討 第15章： 網頁資料庫實例探討 第1章 ASP基礎與開發環境的建立 1-1 網頁製作的基礎 1-2 ASP伺服端網頁技術 1-3 ASP的物件模型 1-4 Windows 98/SE的測試環境 1-5 Windows 2000的測試環境 1-6 ASP程式的編輯工具 1-1 網頁製作的基礎 1-1-1 WWW的基礎 1-1-2 WWW的架構 1-1-3 客戶端網頁技術 1-1-4 伺服端網頁技術 1-1-1 WWW的基礎-說明 「 WWW」(Word Wide Web) 全 球 資 訊 網 是 1989年歐洲高能粒子協會一個研究小組所開發的 一種全新的Internet服務，WWW能夠在網路上 傳送圖片、文字、影像、聲音等多媒體資料，由 Tim Berners Lee領導的小組所開發的主從架構 分散式網路服務系統。 1-1-1 WWW的基礎-名詞說明 常見的名詞 首頁 HTML URLs HTTP 超文件 超媒體 說明 英文名稱為 Homepage，指的為連接 Web 伺服器後下載的第一頁文件、 網頁或稱為 Web 畫面或 HTML 文件 全名 HyperText Markup Language，屬於一種文件編排的語言，在瀏覽 程式看到的網頁內容就是使用此語言所製作 全名 Uniform Resource Locations，這是 WWW 的萬用資源定位器，可 以用來連絡網站和其它 Internet 資源，其格式為【http://www.hinet.net】 以「://」符號分隔，符號前為通訊協定，後為伺服器的網域名稱 全名 Hypertext Transport Protocol 為 WWW 使用的標準通訊協定，Web 伺服器的資料傳送都是透過這個通訊協定進行交換 英文名稱 Hypertext 為一種文件閱讀方式，透過超連結的導引，可以在 閱讀文件內容時，隨時檢視相關資料 英文名稱 Hypermedia 基本上和超文件非常相似，唯原來文字的超連結 改為圖片、聲音或影像動畫等多媒體元件 1-1-2 WWW的架構 主端是「伺服端」(Server)：指的是Web 伺服器，在伺服器上儲存著HTML文件等網 頁文件和圖片等多媒體資料。 從端是「客戶端」(Client)：使用者執行瀏 覽程式的電腦，負責和伺服器溝通和讀取 伺服器的資料，也就是HTML文件。 1-1-3 客戶端網頁技術 Java JavaScript(Jscript) VBScript DHTML 1-1-4 伺服端網頁技術 CGI ASP JSP ASP.NET PHP 1-2 ASP伺服端網頁技術 1-2-1 ASP的基礎 1-2-2 ASP技術的版本 1-2-3 ASP系統和軟體需求 1-2-1 ASP的基礎 ASP屬於一種伺服端的技術，因為整個處 理過程都是在伺服器的電腦發生，在Web 伺服器處理轉譯成HTML標籤的文件內容， 這是一頁不含任何ASP程式碼的HTML文件。 1-2-2 ASP技術的版本 微軟ASP技術版本是隨著Web伺服器IIS的發展而 演進，在IIS 3.0版時ASP技術正式成為微軟網站 平台的開發環境，此時的版本為ASP 1.0版。 當IIS推出了4.0版，此時的ASP為2.0版，在 2000年的Windows 2000 Server的IIS 5成為 Windows的元件，而ASP更升級到ASP 3.0版， ASP版本的演進，筆者整理如下表所示： ASP 版本 1.0 2.0 3.0 Web 伺服器版本 IIS 3.0 版 IIS 和 PWS 4.0 版 IIS 5.0 版 1-2-3 ASP系統和軟體需求 支援ASP技術的Web伺服器 • 本書的內容需要至少ASP 2.0版本以上的 Web伺服器。 ASP程式的編輯工具 • Windows的【記事本】就可以編輯ASP程 式碼。 瀏覽程式 • 本書內容是使用Internet Explorer 5.x 以上的版本。 1-3 ASP的物件模型 1-3-1 物件、屬性、方法、事件和資料集 合 1-3-2 ASP的內建物件 1-3-1 物件、屬性、方法、事件和資料集合 物件(Objects)：物件為資料(data)和包含 處理這資料函式的綜合體。 屬性(Properties)：物件的屬性，例如： Response物件的Response.Buffer屬性。 方法(Methods)：物件的方法簡單的說就是 處理函數。 事件(Events)：物件需要回應的事件。 資料集合(Collections)：物件的集合，ASP 物件提供有多種的資料集合取得不同的網頁 間其它物件的內容值。 1-3-2 ASP的內建物件 Response物件：ASP的基本輸出物件。 Server物件：擴充ASP的功能，建立伺服端 的ActiveX元件、轉換和Script程式碼執行 的控制。 Request物件：ASP的基本輸入物件。 Session物件：儲存瀏覽網站每位使用者的 專屬資料。 Application物件：提供網站使用者資料分享 的管道。 ASPError物件：ASP程式的錯誤處理物件。 1-4 Windows 98/SE的測試環境 1-4-1 1-4-2 1-4-3 1-4-4 安裝PWS個人Web伺服器 網站目錄的權限 主目錄執行ASP程式 虛擬目錄執行ASP程式 1-4-1 安裝PWS個人Web伺服器 在Windows 98/SE的系統光碟提供有「個 人Web伺服器4.0版」(PWS 4.0)，不過 千禧年的Windows ME版並沒有附上。 在 Windows 98 或SE系統光碟的「addons/pws/」資料夾可以看到個人Web伺服 器 4.0版的安裝程式。 1-4-2 網站目錄的權限 個人Web伺服器的Web目錄實際上就是一 個Windows資料夾，不過它擁有數種存取 權限，可以在個人Web伺服器管理員設定 權限，以便讀取HTML文件、執行ASP程式 和CGI程式，權限的說明如下表所示： 權限 讀取 執行 指令 說明 賦予使用瀏覽程式讀取或下載存放在 Web 伺服器目錄的檔案的權限，一 般來說，應該替儲存 HTML 文件檔案的目錄設定此權限 賦予應用程式在此目錄的執行權限，包括二進位檔 DLL 與.EXE 檔案 賦予目錄在不具有【執行】權限的情況下，亦可以在目錄下擁有執行的權 限 1-4-3 主目錄執行ASP程式 Web網站的主目錄 「C:\Inetput\Wwwroot」資料夾預設擁 有【指令】權限，只需將ASP程式複製到 網站主目錄，例如：Ch3-1-2.asp，此時 的URL網址，如下所示： • http://localhost/Ch3-1-2.asp 在瀏覽程式輸入上述URL網址就可以在主 目錄執行ASP程式。 1-4-4 虛擬目錄執行ASP程式 在建立好Web伺服器的虛擬目錄後，我們 可以將HTML文件或ASP程式複製到 「C:\ASP3.0\Ch03」資料夾，例如： Ch3-1-2.asp，此時的URL網址，如下所 示： • http://localhost/Ch03/Ch3-1-2.asp 上述URL網址擁有虛擬目錄名稱，不一定 需要將ASP程式公佈或複製到主目錄，一 樣可以執行ASP程式。 1-5 Windows 2000的測試環境 1-5-1 1-5-2 1-5-3 1-5-4 安裝IIS 5 網站目錄的權限 主目錄執行ASP程式 虛擬目錄執行ASP程式 1-5-1 安裝IIS 5 當升級Windows 2000 Server時，如果 舊版Windows NT Server 4.0版已經安裝 有IIS，安裝程式就會自動升級將舊版IIS 升級到IIS 5，如果舊版沒有安裝IIS，我 們才需要安裝IIS 5。 1-5-2 網站目錄的權限 權限 指令檔來源存取 讀取 指令或執行指令檔 執行 寫入 瀏覽目錄 說明 如果目錄設定【讀取】和【寫入】權限時，能夠存取原始程 式碼 顯示網頁文件檔案的內容，瀏覽 HTML 網頁需要擁有這個權 限 執行指令檔的文件檔案，如果目錄需要執行 ASP 程式，需要 擁有此權限 在目錄執行二進位檔案的權限，例如：ISAPI 應用程式或 CGI 程式，此權限同時支援上述的指令權限 使用瀏覽程式上載檔案到此目錄的權限 使用超連結文字檢視目錄檔案清單的權限 1-5-3 主目錄執行ASP程式 在安裝好IIS 5後就會建立一個【預設的Web站 台】的Web站台，其主目錄在 「C:\Inetpub\wwwroot」資料夾，因為這個 Web站台預設為Web應用程式，擁有【指令】權 限可以執行ASP程式，只需將ASP程式複製到此 資料夾的網站主目錄，例如：Ch3-1-2.asp，此 時的URL網址，如下所示： • http://localhost/Ch3-1-2.asp 在瀏覽程式輸入上述URL網址就可以在主目錄執 行ASP程式。 1-5-4 虛擬目錄執行ASP程式 在Internet服務管理員的Internet Information Services的樹狀結構，可以看到新增的虛擬目錄 和虛擬目錄下的ASP程式清單，例如：Ch3-12.asp，此時的URL網址，如下所示： • http://localhost/Ch03/Ch3-1-2.asp 上述URL網址擁有虛擬目錄名稱，不一定需要將 ASP程式公佈或複製到主目錄，一樣可以執行 ASP程式。 1-6 ASP程式的編輯工具 1-6-1 記事本 1-6-2 EasyEdit程式碼編輯工具 1-6-1 記事本 ASP程式碼只是一般的文字檔案，所以 Windows的記事本就可以進行編輯。 1-6-2 EasyEdit程式碼編輯工具 EasyEdit是Eric Banker開發的免費程式 碼編輯工具，支援ASP、C/C++、C#、 Java、CSS、HTML、JSP、Perl、PHP、 VB和XML各種程式語言和技術的程式碼檔 案編輯，提供簡單且易用的使用介面，以 不同色彩標示程式碼方便使用者編輯，目 前的版本是1.6版。