[學(xué)習(xí)]對標(biāo)示語言的進(jìn)一步認(rèn)識

1、對標(biāo)示語言的進(jìn)一步認(rèn)識,,表單,, 建立表單,表單,,建立按鈕,表單, 建立單選按鈕,,表單,,建立輸入文字方塊,表單,,建立多選按紐,表單,item1item2 ,建立下跌選項單,表單處理,,建立選單,表單內(nèi)容,Please input here Hello goodbye ,表單處理,function f1(s) {s.t2.value=s.t1.value;alert

2、(s.select.value)},,表單處理(2) 顯示層疊和對話匣, ,,表單處理(2),function display( ) {document.all.Layer1.style.visibility="hidden";if (confirm("Yes or No")) alert(prompt("Hello"));},,顯示時間,now =

3、 new Date();if ( now.getYear() >=2000 ){document.write(now.getYear(),"年") } else { document.write(now.getYear()+1900,"¦~") }document.write(now.getMonth()+1,"月",now.getDate(),&

4、quot;日");document.write(now.getHours(),"時",now.getMinutes(),"分");document.write(now.getSeconds(),"秒");,,開啟新視窗,var winprops = "height=800, width=1020, location=no, scrollbars=y

5、es," + "menubars=yes, toolbars=yes, resizable=yes, target=parent";var url;function Handler(url){ popup = window.open("http://www.yahoo.com","new_window",winprops);

6、popup.focus()},,開啟新視窗, 荔天 Google.com,,什麼是標(biāo)記,檔案中任何與內(nèi)容無關(guān)的記號例如指示排版員有關(guān)版面設(shè)計標(biāo)識標(biāo)題,標(biāo)記, 文字 是插入文字檔或文字處理器檔案中的一組字元/符號指示檔案顯示/列印的外觀描述檔案的邏輯結(jié)構(gòu),不同的標(biāo)示語言,SGML 標(biāo)準(zhǔn)通用標(biāo)示語言HTML 超文本標(biāo)示語言XML 擴展標(biāo)示語言XHTML 擴展超文本標(biāo)示語言VML 向量標(biāo)示語言SMI

7、L 同步多媒體集成語言,SGML,用於大規(guī)模檔案管理是定義其他標(biāo)示語言規(guī)則的元語言在SGML 中，語法和文法可以容易作出定義語法:怎樣編寫標(biāo)籤文法:各元素的標(biāo)籤使用規(guī)則,SGML 檔案,兩部份組成檔案(標(biāo)籤和內(nèi)容)文件類型定義(DTD),HTML,建基於SGML的標(biāo)示語言制定在互聯(lián)網(wǎng)上發(fā)佈資訊的標(biāo)準(zhǔn)主流的瀏覽器卻分別提供額外的非標(biāo)準(zhǔn)標(biāo)記碼是互聯(lián)網(wǎng)協(xié)會(World Wide Web Consortium, W3C)正式推

8、薦的語言,Cascading Style Sheets,CSS最主要的目的是將文件的結(jié)構(gòu)（用HTML或其它相關(guān)的語言寫的）與文件的顯示（CSS）分隔開來。這個分隔有許多好處：文件的可讀性被加強 文件的結(jié)構(gòu)更加靈活 作者和讀者可以自己決定文件的顯示 文件的結(jié)構(gòu)簡化了。,Cascading Style Sheets優(yōu)點,一個整個網(wǎng)站或其中一部分網(wǎng)頁的顯示信息被集中在一個地方，要改變它們很方便 不同的讀者可以有不同的樣式，比如有的

9、讀者需要字體比較大 HTML文件本身的範(fàn)圍變小了，它的結(jié)構(gòu)簡單了，它不需要包含顯示的信息,Cascading Style Sheets例子,p { font-size: 110%; font-family: arial, garamond, sans-serif; } h2 { color: red; background: white; } .highlight { color: red; background: yel

10、low; font-weight: bold; } 使用例子這個段落將被顯示為黃底紅字粗體。,,,,,,XML,XML是從標(biāo)準(zhǔn)通用置標(biāo)語言（SGML）中簡化修改出來的專為網(wǎng)絡(luò)而設(shè)由相關(guān)人士自由決定的標(biāo)記語言，這就是語言的可擴展性在文件類型定義中編寫自定的標(biāo)籤定義根據(jù)這文件類型定義的標(biāo)籤編寫文件能指示瀏覽器顯示這些標(biāo)籤,XHTML,XHTML 是建基於XML的標(biāo)示語言是HTML 的後繼語言包含了HTML的要素它是在H

11、TML中加上SMIL或MathML的元素,從HTML到XHTML過渡 (1),文檔必須是良構(gòu)的所有標(biāo)籤必須閉合，也就是說開始標(biāo)籤要有相應(yīng)的結(jié)束標(biāo)籤。所有元素，包括空元素，比如img、br等，也都必須閉合，比如 、元素嵌套不可交叉這是一個被強調(diào)的段落。 錯誤這是一個被強調(diào)的段落。,從HTML到XHTML過渡(2),所有的標(biāo)籤必須小寫所有的參數(shù)值，包括數(shù)字，必須用雙引號括起來。必須使用而不能使用。省略參數(shù)，比如，

12、也不允許，必須用。,SGML,優(yōu)點有彈性提供穩(wěn)定資訊交換方式缺點相當(dāng)複雜很少瀏覽器支援,HTML,優(yōu)點很多流行軟件，協(xié)助編寫HTML文件在互聯(lián)網(wǎng)上很流行缺點逐漸只兼容某幾種瀏覽器變?yōu)檠菔荆钦Z義的標(biāo)示語言缺乏內(nèi)部結(jié)構(gòu),靜態(tài)與動態(tài)網(wǎng)頁,第十章,靜態(tài)與動態(tài)網(wǎng)頁,靜態(tài)網(wǎng)頁:建立後內(nèi)容不變的網(wǎng)頁動態(tài)網(wǎng)頁：根據(jù)用戶要求，即時在伺服器或用戶的電腦產(chǎn)生的網(wǎng)頁靜態(tài)網(wǎng)頁每個網(wǎng)頁都有一個固定的URL，且網(wǎng)頁URL以.htm、.h

13、tml、.shtml等常見形式爲(wèi)尾碼，而不含有“？” 靜態(tài)網(wǎng)頁沒有資料庫的支援，在網(wǎng)站製作和維護(hù)方面工作量較大,動態(tài)網(wǎng)頁,把系統(tǒng)時間和日期顯示根據(jù)輸入數(shù)據(jù)顯示不同網(wǎng)頁,兩種動態(tài)網(wǎng)頁技術(shù),客戶端動態(tài)網(wǎng)頁技術(shù)伺服器端動態(tài)網(wǎng)頁技術(shù),客戶端動態(tài)網(wǎng)頁,網(wǎng)頁在用戶的電腦產(chǎn)生用戶能看見指令碼,,,客戶端,伺服器端,,,2. 執(zhí)行處理程序 製作網(wǎng)頁,1. 下載網(wǎng)頁連 內(nèi)嵌程序碼,3. 處理後回傳,客戶端處理技術(shù),客戶端處理技術(shù),需要

14、在瀏覽器內(nèi)安裝插件或附加程序，來處理動態(tài)網(wǎng)頁的指令Scripts 和 applets 是在另一程序中運行的小程序，可增加網(wǎng)頁多媒體效果和加入互動效果Script 是已翻譯的程式，在客戶端運行Applet己經(jīng)編譯，在客戶端運行，所以運行速度較快,問題,網(wǎng)頁中有走馬燈文字顯示是動態(tài)網(wǎng)頁嗎？網(wǎng)頁中有日期和時間是動態(tài)網(wǎng)頁嗎？網(wǎng)頁中有按鈕撤換是動態(tài)網(wǎng)頁嗎？,javascript,是由Netscape 和 Sun Microsystems

15、 合作開發(fā)可用Javascript 編寫應(yīng)用程序，增加網(wǎng)頁的互動功能Netscape 的Navigator 和微軟的Internet Explorer 都支援javascript，但各有差別,Javascript 例子,= 3 && month = 5 && month = 9 && month = 11 || month ,VBScript,是由微軟公司開發(fā)的瀏覽器scriptin

16、g 語言建基於Visual Basic只能在微軟的瀏覽器中運行，限制了它的流通在Internet Explorer 瀏覽器中有VBScript 的引擎專門處理,Java Applets,是由Sun Microsystems 開發(fā)的跨平臺、具完整功能的編程語言Java Applets 是已編譯的Java 程式，可以輕易嵌入網(wǎng)頁中由瀏覽器內(nèi)的Java Virtual Machine來執(zhí)行,,伺服器端處理技術(shù),,客戶端,伺服器端,,

17、,開啟模組/程序執(zhí)行處理程序,1. 請求,2. 處理後回傳HTML碼,,資料庫,,伺服器端的處理技術(shù),由伺服器負(fù)責(zé)產(chǎn)生網(wǎng)頁客戶端是不能看到指令碼須使用伺服器資源 如資料庫Servlet 是在伺服器上運行的Applet例如：結(jié)尾為 .asp .cgi .php .jsp的檔案,應(yīng)用,伺服器端的處理模組源碼是不公開的客戶把已加密的數(shù)據(jù)傳到伺服器，在伺服器內(nèi)解密和處理能應(yīng)用於傳送和處理已商業(yè)和個人資料,CGI 網(wǎng)間連接界面,Co

18、mmon Gateway Interface 是指定應(yīng)用程序如何與網(wǎng)絡(luò)伺服器溝通的標(biāo)準(zhǔn)用戶在表格填上數(shù)據(jù)，把資料提交網(wǎng)絡(luò)伺服器，由伺服器上的程序處理，之後把結(jié)果傳回使用者,CGI 網(wǎng)間連接界面,一般的CGI方式運行時，每處理一個請求就要啟動一個CGI程序當(dāng)請求繁忙時，這將給伺服器帶來繁重的負(fù)擔(dān),ASP,由微軟公司開發(fā)的伺服器端運行ASP技術(shù)基本上是局限於微軟的作業(yè)系統(tǒng)平臺之上，主要工作環(huán)境是微軟的IIS應(yīng)用程式結(jié)構(gòu) 依賴 jav

19、ascript 或 VBScript 來建立動態(tài)網(wǎng)頁,ASP,所有程序嵌在普通HTML中，在網(wǎng)頁伺服器端執(zhí)行。當(dāng)程序執(zhí)行完畢後，伺服器僅將執(zhí)行的結(jié)果返回給客戶瀏覽器客戶端無法獲得原始碼，故不用擔(dān)心原始碼會被別人剽竊,ASP,你好嗎？ ,JSP,Java Server Pages 是由Sun Microsystems開發(fā)的技術(shù)把 java 與 HTML/XML 碼合併，產(chǎn)生動態(tài)網(wǎng)頁JSP使Java代碼和特定的預(yù)定義動作可以嵌

20、入到靜態(tài)頁面中,JSP,JSP被JSP編譯器編譯成JAVA代碼寫的servlet然後再由JAVA編譯器來編譯成機器碼，也可以直接編譯成二進(jìn)位碼,PHP,PHP Hypertext Preprocessor是一種嵌入HTML頁面中的腳本語言是開放源碼和跨平臺多與 Linux 機器上的 Apache 模組一超運行須在伺服器上安裝PHP模組,PHP,PHP在Web伺服器上運行。並把執(zhí)行的結(jié)果返回給客戶端的網(wǎng)頁瀏覽器。發(fā)送給客戶端瀏

21、覽器的內(nèi)容是普通的HTML文本，不包含PHP代碼,PHP 例子, Example Good morning ,三種技術(shù)比較,普通的 HTML 頁面只依賴於 Web 伺服器，而 ASP 、PHP、JSP 頁面需要附加的模組執(zhí)行程式碼。程式碼的執(zhí)行結(jié)果被重新嵌入到 HTML 代碼中，然後一起發(fā)送給瀏覽器。,三種技術(shù)比較,ASP 、PHP、 JSP三者都是伺服器端的技術(shù)，用戶端瀏覽器不需要任何附加的軟體支援,三種技