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

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

2、(s.select.value)},,表單處理(2) 顯示層疊和對(duì)話匣, ,,表單處理(2),function display( ) {document.all.Layer1.style.visibility="hidden";if (confirm("Yes or No")) alert(prompt("Hello"));},,顯示時(shí)間,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(),"時(shí)",now.getMinutes(),"分");document.write(now.getSeconds(),"秒");,,開(kāi)啟新視窗,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()},,開(kāi)啟新視窗, 荔天 Google.com,,什麼是標(biāo)記,檔案中任何與內(nèi)容無(wú)關(guān)的記號(hào)例如指示排版員有關(guān)版面設(shè)計(jì)標(biāo)識(shí)標(biāo)題,標(biāo)記, 文字 是插入文字檔或文字處理器檔案中的一組字元/符號(hào)指示檔案顯示/列印的外觀描述檔案的邏輯結(jié)構(gòu),不同的標(biāo)示語(yǔ)言,SGML 標(biāo)準(zhǔn)通用標(biāo)示語(yǔ)言HTML 超文本標(biāo)示語(yǔ)言XML 擴(kuò)展標(biāo)示語(yǔ)言XHTML 擴(kuò)展超文本標(biāo)示語(yǔ)言VML 向量標(biāo)示語(yǔ)言SMI

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

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

9、讀者需要字體比較大 HTML文件本身的範(fàn)圍變小了，它的結(jié)構(gòu)簡(jiǎn)單了，它不需要包含顯示的信息,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; } 使用例子這個(gè)段落將被顯示為黃底紅字粗體。,,,,,,XML,XML是從標(biāo)準(zhǔn)通用置標(biāo)語(yǔ)言（SGML）中簡(jiǎn)化修改出來(lái)的專為網(wǎng)絡(luò)而設(shè)由相關(guān)人士自由決定的標(biāo)記語(yǔ)言，這就是語(yǔ)言的可擴(kuò)展性在文件類型定義中編寫自定的標(biāo)籤定義根據(jù)這文件類型定義的標(biāo)籤編寫文件能指示瀏覽器顯示這些標(biāo)籤,XHTML,XHTML 是建基於XML的標(biāo)示語(yǔ)言是HTML 的後繼語(yǔ)言包含了HTML的要素它是在H

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

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

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

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

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

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

17、,開(kāi)啟模組/程序執(zhí)行處理程序,1. 請(qǐng)求,2. 處理後回傳HTML碼,,資料庫(kù),,伺服器端的處理技術(shù),由伺服器負(fù)責(zé)產(chǎn)生網(wǎng)頁(yè)客戶端是不能看到指令碼須使用伺服器資源 如資料庫(kù)Servlet 是在伺服器上運(yùn)行的Applet例如：結(jié)尾為 .asp .cgi .php .jsp的檔案,應(yīng)用,伺服器端的處理模組源碼是不公開(kāi)的客戶把已加密的數(shù)據(jù)傳到伺服器，在伺服器內(nèi)解密和處理能應(yīng)用於傳送和處理已商業(yè)和個(gè)人資料,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方式運(yùn)行時(shí)，每處理一個(gè)請(qǐng)求就要啟動(dòng)一個(gè)CGI程序當(dāng)請(qǐng)求繁忙時(shí)，這將給伺服器帶來(lái)繁重的負(fù)擔(dān),ASP,由微軟公司開(kāi)發(fā)的伺服器端運(yùn)行ASP技術(shù)基本上是局限於微軟的作業(yè)系統(tǒng)平臺(tái)之上，主要工作環(huán)境是微軟的IIS應(yīng)用程式結(jié)構(gòu) 依賴 jav

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

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

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