Download
1 / 64
640 likes | 772 Views
進入 ASP.NET 網頁製作的準備工作. 報告人：黃年宏 學號： M9153313. 進入 ASP.NET 網頁製作的準備工作. 2-1 ASP.NET 相關技術概說 2-2 使用 HTML 的基本觀念 2-3 使用的 HTML 標示. 2-1 ASP.NET 相關技術概說. Client 與 Server HTML 語言 動態網頁 從 CGI 到 ASP. 2-2 使用 HTML 的基本觀念. 標示的觀念 區塊的觀念 標示的屬性 階層的觀念 超文字的觀念 其他觀念. 2-3 使用的 HTML 標示.
E N D
進入ASP.NET網頁製作的準備工作 報告人：黃年宏 學號：M9153313
進入ASP.NET網頁製作的準備工作 • 2-1 ASP.NET 相關技術概說 • 2-2 使用HTML的基本觀念 • 2-3 使用的HTML標示
2-1 ASP.NET 相關技術概說 • Client 與 Server • HTML 語言 • 動態網頁 • 從CGI 到 ASP
2-2 使用HTML的基本觀念 • 標示的觀念 • 區塊的觀念 • 標示的屬性 • 階層的觀念 • 超文字的觀念 • 其他觀念
2-3 使用的HTML標示 • Learn.aspx : HTML 學習網頁 • 設定文字外觀的標示 • 設定段落樣式的標示 • 設定對其的標示 • 表格(Table)標示
2-1 ASP.NET 相關技術概說 伺服端(Server)：放置網頁的那一端 客戶端(Client)：上網的那一端
伺服端與客戶端同在一部機器上 在瀏覽器位址欄輸入http://localhost/kjaspx 檢驗範例檔
瀏覽 ASP.NET 網頁 VS. 開啟.aspx 檔案 • ASP.NET網頁必須透過IIS來執行才有效 • 以瀏覽器或其他工具(FrontOage)來開啟.aspx檔案，是不會執行
在本機及區域網路如何執行ASP.NET程式 • 本機執行： • http://localhost/Kjasp/ch02/whattime.aspx • http://127.0.0.1/Kjasp/ch02/whattime.aspx • 區域網路執行： • http://IIS所在機器IP位址/kjaspx/ch02/whattime.aspx
HTML 語言 • HTML(HyperText Markup Language) • 超文字標示語言 • 構成網頁最基礎的要素 • Dynamic HTML 、Java Script 、 VB Script 、 ASP 、 ASP.NET…依然建構在HTML上
如何將HTML應用於網頁製作 • 編輯工具：Frontpage、Dreamweaver、 Namo、Word • 具有「所見即所得」的特性 • 瞭解HTML語法是撰寫ASP.NET網頁必備基礎
動態網頁 • HTML式是一種語言、但不是「程式語言」 • HTML所定義的範疇僅侷限於如何表現文字、圖片及文件之間的連結 • HTML屬靜態網頁 • 動態網頁一定要撰寫程式
瀏覽一般靜態網頁時 瀏覽器與伺服器之間的處理情形 讀取靜態網頁的過程如下: 瀏覽器向伺服器提出讀取 a.htm 的要求。 網站伺服器接到這個要求之後, 找出 a.htm 這個檔案, 然後將檔案直接傳回給瀏覽器。 在存取靜態網頁時, 伺服器只是單純地將瀏覽器所要求的檔案, 原封不動地傳回給瀏覽器。在這過程當中，伺服器並沒有對檔案作任何的處理。
瀏覽 ASP動態網頁時瀏覽器與伺服器之間的處理情形
讀取 ASP 或 ASPX 動態網頁的過程如下: • 瀏覽器向伺服器提出讀取 a.asp 或 a.aspx 的要求。 • 伺服器從副檔名中得知這個檔案是 ASP 檔案或是 ASPX 檔案, 按照副檔名的不同再分為下列處理程序: • 若是 ASP 則把這個檔案交由 asp.dll 這個 ISAPI 過濾器處理。 • 若是 ASPX 則在第一次被存取的時候, 會即時地進行編譯 (Compile) 的動作, 也就是所謂的 JIT (Just-In-Time) Compiler, 接下來所有對這個 ASP.NET 網頁的要求, 都會以編譯過的程式進行這些動作。 • 在處理完畢後, 將運算後的結果傳回網站伺服器。 • 最後，網站伺服器再把處理後的結果傳回瀏覽器。 • 在讀取 ASP 或 ASP.NET 檔案過程當中, 伺服器不再只是單純負責檔案傳輸的功能而已。當瀏覽器要求讀取任何副檔名為 .asp 或 .aspx 的檔案時, 伺服器會解譯 (ASP) 或編譯 (ASPX) 並執行檔案中的程式碼, 再把執行運算之後的結果傳回給瀏覽器。
ASP.NET建構在.NET Framework運算平臺，進一步提升了安全性、相容性、穩定性及延展性。
ASP.NET優於ASP之處 • 不是ASP版本的更新，而是一個全新的統一Web開發平臺。 • ASP的副檔名為「.asp」，ASP.NET的副檔名為「.aspx」 。 • ASP的直譯式語言架構，每次讀取網頁皆需逐行編譯程式碼，影響執行效率，而ASP.NET則是編譯式語言，執行編譯過的原生機器碼使效能大幅提升 。 • 比 ASP 和 PHP 快 10-20 倍以上 。
ASP.NET優於ASP之處 • ASP.NET和ASP一樣可以在記事本撰寫程式， • 更重要的是，ASP.NET不限於VBScript或JScript語言，可搭配Visual Studio .NET工具，使用任何.NET相容語言開發ASP.NET，包括Visual Basic .NET、Visual C#及JScript .NET。
ASP.NET優於ASP之處 • ASP.NET物件模型作了大幅修改，更加結構化和物件導向，並非完全回溯相容，大部分的ASP網頁必須稍加修改才能在ASP.NET下執行。 • 安裝ASP.NET並不會毀損ASP應用程式，開發人員不用擔心必須一次把所有ASP網頁轉換成ASP.NET網頁 • IIS Web 伺服器容許ASP和ASP.NET網頁並存，不會互相干擾，但要特別注意ASP和ASP.NET不能共用session和應用程式狀態。
ASP.NET 應用程式的兩種類型，效能大幅提升 • 建立ASP.NET應用程式可視企業需求選擇開發Web Form或XML Web Services，或者組合應用 • Web Form就是ASP.NET網頁，它與所有的瀏覽器及用戶端裝置例如WAP手機、PDA等相容， 所以aspx程式可以在任何用戶端裝置中執行，並自動轉譯成任何可使用HTTP的語言，包括HTML、XML、WML和ECMAScript。 • XML Web Services是提供遠端伺服器服務的方法，主要服務的對象不是人，而是網路上的應用程式，透過XML文字格式和SOAP傳輸協定，資料可以穿越防火牆，進行企業對企業或者企業對個人的資料交換。
補充資料 • 淺談網路應用程式的演進
淺談網路應用程式的演進 • 網路應用程式的發展歷史沿革上，可分為以下四個階段: • 1.HTML階段 • 2.CGI(Common Gateway Interface) 網路應用程式階段 • 3.網路應用程式和關聯式資料庫結合階段 • 4.分散式物件網路應用程式階段 (Distributed Object Web Application)
1.HTML階段 • 最早的網路應用程式以HTML為主，使用者在瀏覽器(Browser)輸入網頁位址(URL)，伺服器(Server)就將網頁的內容傳回給使用者，由瀏覽器觀看。 • 這個階段的網路應用程式離實用來有一段距離，因為使用者只能瀏覽網頁內容，除此之外甚麼事都不能做。
2. CGI 網路應用程式階段 • 在此階段，網路應用程式設計師便透過程式文稿(Script)語言來設計出可以與使用者互動的網頁。 • 而使用者也可以送資料給伺服器，再由應用伺服器中的CGI程式處理，等到處理完畢後，應用伺服器產生HTML格式的資料傳回給使用者。
在這個階段比較重要的技術有： • (1) CGI • (2)程式文稿(Script) • (3)Java Applet
(1) CGI • CGI是第一個撰寫以展示內容為導向網路應用程式的技術。 • 使用CGI時，使用者也可以送資料給伺服器，再由應用伺服器中的CGI程式處理，等到應用伺服器處理完畢後，產生HTML格式的資料傳回給使用者。 • CGI可以用很多語言來實作，例如Perl程式語言。 • CGI最為人詬病的就是他的執行效率，因為從客戶端對伺服端的每一個request都會產生自己的Process，而且只要一修改程式，就必須將CGI程式重新編譯。 • CGI是一種執行效率差的技術，它在未來將會退出網路應用程式的舞台。
(2)程式文稿(Script) • 程式文稿語言可以直接寫在html檔案裡，並且提供客戶端和伺服端之間的互動。 • ，最常見的Script語言有：JavaScript，VBScript，PerlScript等等… • 當Script指令在html檔案裡面被讀取，在客戶端和伺服端之間不會建立通訊，這就造成一個超越CGI的優點。
(3) Java Applet • Java在1995年正式被發表，如今已成為一個流行的語言，從小型的應用程式(Java Applet)到分散式應用程式都可以用Java實做。 • Java一開始受到注目是因為他可以寫嵌入在資訊家電的語言。當Web流行時，這個特性讓Applet在網路上廣為流傳。 • 因為Applet可以用<applet>的標籤就可以直接內嵌在html檔案裡。 • 要執行Java Applet，瀏覽器要有Java Virtual Machine(簡稱JVM)，就可以跑。(但windows XP要另外下載) • 但是Java Applet最讓人詬病的就是執行效率不良。
3.網路應用程式和關聯式資料庫結合 • 這個和上一個階段差不多，只是加上關聯式資料庫，使用者送出要求至伺服器，然後CGI程式將其要求轉換成資料庫可以處理的SQL敘述，處理完之後仍然是傳回HTML格式的文件給使用者。
3.網路應用程式和關聯式資料庫結合 • 開發此種架構的網路應用程式主要是以下面的技術為主： • ASP、ASP.NET • Java Servlet • ODBC (Open Database Connectivity) • JDBC (Java DatabaseConnectivity)
(1) ASP • 微軟的ASP(Active Server Page)是一種容易學習，彈性大的網路應用程式開發技術，由於開發平台建置容易，所以也是目前最被廣為接受、而且彈性大的網路應用程式開發技術。 • ASP具有Script語言的便利，而且是在伺服器端執行，加上可利用微軟的ActiveX來擴充功能以及存取資料庫的能力，所以一直深受程式開發人員的喜愛。 • 微軟目前所推動的「.NET」平台，ASP將變成功能更強，架構更成熟的ASP .NET。
(2)Java Servlet • Java Servlet在Server上執行，比起Java Applet功能的種種限制，Java Servlet顯得功能較為優勢。 • Java Servlet是存放在伺服器的Java Classes(類別檔)，它被動態的載入，用來延伸server的功能。 • Servlet可以加入應用伺服器裡增加管理的功能。 • 程式設計師可以利用Servlet來自訂或是延伸任何支援Java的應用伺服器。 • Servlet在網路應用程式方面具有高度競爭力。
(3) ODBC( Open Database Connectivity) • ODBC 是由微軟公司所制定的資料庫存取介面，目的是要讓客戶端的資料庫應用程式可以存取不同的資料庫，例如：Oracle、MS SQL Server、Access、FoxPro 等。 • 現有的資料庫系統，只要伺服器可設定不同的 ODBC 驅動程式，就可以連接到不同的資料庫系統並可使用結構化查詢語言(SQL)來對資料庫做存取操作。
(4) JDBC(Java Database Connectivity) • JDBC是用來執行SQL敘述存取資料庫的Java API，JDBC包含一組用Java程式語言所寫的類別檔和介面。 • JDBC提供標準的API讓資料庫以及使用資料庫工具發展的程式設計師可以容易的寫出資料庫應用程式。
4. 分散式物件網路應用程式 (Distributed Object Web Application) • 比起前面三種網路應用程式，分散式物件網路應用程式有以下優點： • (1)提供更多主/從服務 • (2)分散計算：客戶端可以與更多伺服端溝通，並且減輕單一伺服端的負擔 。 • (3)位置通透性：不論伺服端位置作任何改變，其所能提供的服務都不會對用戶端造成任何引響。 • (4) Java RMI：是以Java程式語言實作出來的模組，可以用在各種分散式物件規格裡 。 • (5) DCOM ：微軟公司的分散式物件網路應用程式標準，但缺點就是無法跨平台 。
標示(記、籤)的觀念 <H1>初試 HTML 語法</H1><HR><H2>使用 HTML 的基本觀念</H2><P><UL><LI>標示的觀念</LI><LI>區塊的觀念</LI><LI>參數的觀念</LI></UL>
階層的觀念 階層的觀念
HTML • HTML（Hyper Text Markup Language的縮寫）是一種語法相當容易學習的「標記語言」，而用HTML所撰寫出來的檔案稱做HTML文件，其副檔名通常為 .html or .htm
<HTML>標示 • 用來表示<HTML> 與</HTML>之間的文字是一份HTML文件 • 大部分的瀏覽器會將.htm 及 .html檔案視為HTML文件所以省略也不影響
<HEAD>標示 • 用來設定網頁的標題作者等資訊，但不會顯示在瀏覽視窗上 • 可省略 • 但若用Frontpage或Dreamwaver所編寫的網頁，便會將資訊自動加上。
BODY標示 • 在<BODY>標籤所包含的部份，便是網頁所要呈現的部份，不管是你的文字、圖片、多媒體都要放予此範圍。 • 省略BODY也無所謂
