《对标示语言的进一步认识.ppt》由会员分享，可在线阅读，更多相关《对标示语言的进一步认识.ppt（65页珍藏版）》请在三一文库上搜索。
1、對標示語言的進一步認識,表單, , 建立表單,表單,建立按鈕,表單, 建立單選按鈕,表單,建立輸入文字方塊,表單, ,建立多選按紐,表單, item1 item2 ,建立下跌選項單,表單處理, ,建立選單,表單內容,Please input here Hello goodbye ,表單處理, function f1(s) s.t2.value=s.t1.value; alert(s.select.value) ,表單處理(2) 顯示層疊和對話匣, ,表單處理(2), function display( ) document.all.Layer1.style.visibility=hidden;
2、 if (confirm(Yes or No) alert(prompt(Hello); ,顯示時間, now = new Date(); if ( now.getYear() =2000 ) document.write(now.getYear(),年) else document.write(now.getYear()+1900,) document.write(now.getMonth()+1,月,now.getDate(),日); document.write(now.getHours(),時, now.getMinutes(),分); document.write(now.getSe
3、conds(),秒); ,開啟新視窗, var winprops = height=800, width=1020, location=no, scrollbars=yes, + menubars=yes, toolbars=yes, resizable=yes, target=parent; var url; function Handler(url) popup = window.open(http:/,new_window,winprops); popup.focus() ,開啟新視窗, 荔天 G ,什麼是標記,檔案中任何與內容無關的記號 例如 指示排版員有關版面設計 標識標題,標記,
4、文字 是插入文字檔或文字處理器檔案中的一組字元/符號 指示檔案顯示/列印的外觀 描述檔案的邏輯結構,不同的標示語言,SGML 標準通用標示語言 HTML 超文本標示語言 XML 擴展標示語言 XHTML 擴展超文本標示語言 VML 向量標示語言 SMIL 同步多媒體集成語言,SGML,用於大規模檔案管理 是定義其他標示語言規則的元語言 在SGML 中，語法和文法可以容易作出定義 語法:怎樣編寫標籤 文法:各元素的標籤使用規則,SGML 檔案,兩部份組成 檔案(標籤和內容) 文件類型定義(DTD),HTML,建基於SGML的標示語言 制定在互聯網上發佈資訊的標準 主流的瀏覽器卻分別提供額外的非標
5、準標記碼 是互聯網協會(World Wide Web Consortium, W3C)正式推薦的語言,Cascading Style Sheets,CSS最主要的目的是將文件的結構（用HTML或其它相關的語言寫的）與文件的顯示（CSS）分隔開來。 這個分隔有許多好處： 文件的可讀性被加強 文件的結構更加靈活 作者和讀者可以自己決定文件的顯示 文件的結構簡化了。,Cascading Style Sheets優點,一個整個網站或其中一部分網頁的顯示信息被集中在一個地方，要改變它們很方便 不同的讀者可以有不同的樣式，比如有的讀者需要字體比較大 HTML文件本身的範圍變小了，它的結構簡單了，它不需要包
6、含顯示的信息,Cascading Style Sheets例子, font-size: 110%; font-family: arial, garamond, sans-serif; h2 color: red; background: white; .highlight color: red; background: yellow; font-weight: bold; 使用例子 這個段落將被顯示為黃底紅字粗體。,XML,XML是從標準通用置標語言（SGML）中簡化修改出來的 專為網絡而設 由相關人士自由決定的標記語言，這就是語言的可擴展性 在文件類型定義中編寫自定的標籤定義 根據這文件類型
7、定義的標籤編寫文件 能指示瀏覽器顯示這些標籤,XHTML,XHTML 是建基於XML的標示語言 是HTML 的後繼語言 包含了HTML的要素 它是在HTML中加上SMIL或MathML的元素,從HTML到XHTML過渡 (1),文檔必須是良構的 所有標籤必須閉合，也就是說開始標籤要有相應的結束標籤。 所有元素，包括空元素，比如img、br等，也都必須閉合，比如 、 元素嵌套不可交叉 這是一個被強調的段落。 錯誤 這是一個被強調的段落。,從HTML到XHTML過渡(2),所有的標籤必須小寫 所有的參數值，包括數字，必須用雙引號括起來。必須使用而不能使用。 省略參數，比如，也不允許，必須用。,SG
8、ML,優點 有彈性 提供穩定資訊交換方式 缺點 相當複雜 很少瀏覽器支援,HTML,優點 很多流行軟件，協助編寫HTML文件 在互聯網上很流行 缺點 逐漸只兼容某幾種瀏覽器 變為演示，而非語義的標示語言 缺乏內部結構,靜態與動態網頁,第十章,靜態與動態網頁,靜態網頁:建立後內容不變的網頁 動態網頁：根據用戶要求，即時在伺服器或用戶的電腦產生的網頁 靜態網頁每個網頁都有一個固定的URL，且網頁URL以.htm、.html、.shtml等常見形式爲尾碼，而不含有“？” 靜態網頁沒有資料庫的支援，在網站製作和維護方面工作量較大,動態網頁,把系統時間和日期顯示 根據輸入數據顯示不同網頁,兩種動態網頁技
9、術,客戶端動態網頁技術 伺服器端動態網頁技術,客戶端動態網頁,網頁在用戶的電腦產生 用戶能看見指令碼,客戶端,伺服器端,2. 執行處理程序 製作網頁,1. 下載網頁連 內嵌程序碼,3. 處理後回傳,客戶端處理技術,客戶端處理技術,需要在瀏覽器內安裝插件或附加程序，來處理動態網頁的指令 Scripts 和 applets 是在另一程序中運行的小程序，可增加網頁多媒體效果和加入互動效果 Script 是已翻譯的程式，在客戶端運行 Applet己經編譯，在客戶端運行，所以運行速度較快,問題,網頁中有走馬燈文字顯示是動態網頁嗎？ 網頁中有日期和時間是動態網頁嗎？ 網頁中有按鈕撤換是動態網頁嗎？,jav
10、ascript,是由Netscape 和 Sun Microsystems 合作開發 可用Javascript 編寫應用程序，增加網頁的互動功能 Netscape 的Navigator 和微軟的Internet Explorer 都支援javascript，但各有差別,Javascript 例子, = 3 / -,VBScript,是由微軟公司開發的瀏覽器scripting 語言 建基於Visual Basic 只能在微軟的瀏覽器中運行，限制了它的流通 在Internet Explorer 瀏覽器中有VBScript 的引擎專門處理,Java Applets,是由Sun Microsystem
11、s 開發的跨平台、具完整功能的編程語言 Java Applets 是已編譯的Java 程式，可以輕易嵌入網頁中 由瀏覽器內的Java Virtual Machine來執行,伺服器端處理技術,客戶端,伺服器端,開啟模組/程序 執行處理程序,1. 請求,2. 處理後回傳HTML碼,資料庫,伺服器端的處理技術,由伺服器負責產生網頁 客戶端是不能看到指令碼 須使用伺服器資源 如資料庫 Servlet 是在伺服器上運行的Applet 例如：結尾為 .asp .cgi .php .jsp的檔案,應用,伺服器端的處理模組源碼是不公開的 客戶把已加密的數據傳到伺服器，在伺服器內解密和處理 能應用於傳送和處理已
12、商業和個人資料,CGI 網間連接界面,Common Gateway Interface 是指定應用程序如何與網絡伺服器溝通的標準 用戶在表格填上數據，把資料提交網絡伺服器，由伺服器上的程序處理，之後把結果傳回使用者,CGI 網間連接界面,一般的CGI方式運行時，每處理一個請求就要啟動一個CGI程序 當請求繁忙時，這將給伺服器帶來繁重的負擔,ASP,由微軟公司開發的伺服器端運行 ASP技術基本上是局限於微軟的作業系統平台之上，主要工作環境是微軟的IIS應用程式結構 依賴 javascript 或 VBScript 來建立動態網頁,ASP,所有程序嵌在普通HTML中，在網頁伺服器端執行。 當程序執
13、行完畢後，伺服器僅將執行的結果返回給客戶瀏覽器 客戶端無法獲得原始碼，故不用擔心原始碼會被別人剽竊,ASP, 你好嗎？ ,JSP,Java Server Pages 是由Sun Microsystems開發的技術 把 java 與 HTML/XML 碼合併，產生動態網頁 JSP使Java代碼和特定的預定義動作可以嵌入到靜態頁面中,JSP,JSP被JSP編譯器編譯成JAVA代碼寫的servlet 然後再由JAVA編譯器來編譯成機器碼，也可以直接編譯成二進位碼,PHP,PHP Hypertext Preprocessor是一種嵌入HTML頁面中的腳本語言 是開放源碼和跨平台 多與 Linux 機器
14、上的 Apache 模組一超運行 須在伺服器上安裝PHP模組,PHP,PHP在Web伺服器上運行。 並把執行的結果返回給客戶端的網頁瀏覽器。 發送給客戶端瀏覽器的內容是普通的HTML文本，不包含PHP代碼,PHP 例子, Example Good morning ,三種技術比較,普通的 HTML 頁面只依賴於 Web 伺服器，而 ASP 、PHP、JSP 頁面需要附加的模組執行程式碼。 程式碼的執行結果被重新嵌入到 HTML 代碼中，然後一起發送給瀏覽器。,三種技術比較,ASP 、PHP、 JSP三者都是伺服器端的技術，用戶端瀏覽器不需要任何附加的軟體支援,三種技術比較,三者都提供在 HTML 代碼中混合某種程式碼、由語言引擎解釋執行程式碼的能力,MySQL數據庫,MySQL數據庫是價廉而又具有優良的性能 可運行在不同的平台上，例如在開放的Linux作業系統上運行,MySQL數據庫,MySQL是中小型網站Linux平台的首選數據庫系統 它是一個跨平台數據庫系統 一個真正的多用戶的SQL數據庫系統,用Mysql 開發的網站,製作一個資料庫 開啟資料庫 設定權限 編定程序 輸入和顯示資料,