第一章網頁設計回顧.pptVIP

王有禮教授編著 透視ASP.NET-第1章 網頁設計回顧 網頁的發展史 網頁發展史大致可以分成下面三個階段： HTML (HyperText Markup Language) ASP (Active Server Page) ASP.NET 其他較知名的網頁程式: JSP PHP HTML 以標籤組成整份文件 主要用來呈現網頁畫面與排版 HTML的標籤要成對出現： 常用的HTML標籤(1/2) 常用的HTML標籤(2/2) ASP 最原始的HTML語言缺乏和使用者互動的功能，於是有ASP的出現 簡介ASP 簡介ASP ASP的缺點 一件工作要多個程式來完成 不是全盤物件導向化的程式語言 未做輸入資料資驗證 未做網頁的資訊安全 未支援XML ASP.NET ASP.NET改進了ASP的缺點，將網頁程式帶進一個嶄新的境界，ASP.NET的程式包含下列四大部分： 指引區塊(directive block): 夾在標籤“%@ … %”之中。 .NET程式碼區塊(code declaration block): 夾在標籤script … 和/script之中。 網頁標籤區塊(tag block): 夾在標籤html和/html之中。　 動態標籤區塊(code render block): 夾在標籤% … %之中。 ASP.NET 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 ASP.NET程式的編譯 .NET程式碼區塊和動態標籤區塊所用的語言都是script語言，但是執行時機卻不同。當用瀏覽器瀏覽網頁程式時，ASP.NET先編譯網頁程式，其中 .NET程式碼區塊，就會被編譯成object code，謂之Microsoft Intermediate Language碼，簡稱MSIL碼，此MSIL碼是儲存在server中，只是要讓網頁程式能快速的被執行。 編譯程式對網頁標籤區塊的處理是將所有的標籤都轉換成HTML的標籤，如果原來就是HTML的標籤，則不會有變化，若是ASP.NET的標籤，就要轉換成HTML的標籤。 編譯程式對動態標籤區塊中的程式碼不是做compile，而是做interpret的動作，亦即動態標籤區塊中的程式碼立即被解譯成HTML的標籤，和轉換後的網頁標籤區塊一起傳送到client端的瀏覽器。 * ASP.NET ASP HTML 1. html 2. body 3. center 4. font face=標楷體Hi, 你好/font 5. /center 6. /body /html 圖1.1. WebPage0101.html Hi, 你好 圖1.2 瀏覽WebPage0101.html 正體字，例：ttHi, 你好/tt，顯示的字型為：Hi, 你好。 tt 底線字，例：uHi, 你好/u，顯示的字型為：Hi, 你好。 u 斜體字，例：iHi, 你好/i，顯示的字型為：Hi, 你好。 i 黑體字，例：bHi, 你好/b，顯示的字型為：Hi, 你好。 b 預設字型大小，從h1到h6，例：h3Hi, 你好/h3，顯示的字型為：Hi, 你好。 hx 置中，例：centerHi, 你好/center，Hi, 你好會顯示在畫面的中央。 center 設定字型、大小、顏色，例：font face=“標楷體” size=“4” Hi, 你好/font， 顯示的字型為：Hi, 你好。 font 基本字型，例：basefont size=4Hi, 你好/basefont，顯示的字型為：Hi, 你好。 basefont 編排好的文書須夾在pre及/pre之間。 pre 空一行，用法p。 p 換行tag，用法br。 br 網頁本文須夾在body及/body之間。 body 標題文字須夾在title及/title之間。 title 頁首文字須夾在head及/head之間。 head 網頁語言宣告，所有網頁之內容皆須夾在html及/html之間。 html 說明 名稱 較小字體，例：smallHi, 你好/small，顯示的字型為：Hi, 你好。 small Map的子標籤，定義影像地圖中的區域。 area 影像地圖。例：maparea.…/areaarea.…/area/map map 分頁設定。 frame 定義表格的row。 tr 定義表格的欄位。 td 定義表格。例：tabletrtd欄位一/tdtd欄位二/td/tr/table table 表格標題。例：caption表格