客戶端開發(fā)技術(shù)

開發(fā)技術(shù)綜述三大支撐技術(shù)開發(fā)技術(shù)綜述客戶端開發(fā)技術(shù)服務(wù)器端開發(fā)技術(shù)第一頁，共五十五頁。開發(fā)技術(shù)三大支撐技術(shù)（）統(tǒng)一資源標(biāo)志符，互聯(lián)網(wǎng)上進行統(tǒng)一命名和定位的一種標(biāo)準(zhǔn)機制。（）服務(wù)器與客戶進行傳輸信息的標(biāo)準(zhǔn)協(xié)議。()超文本標(biāo)記語言?！俺蔽谋镜暮x：不限于普通文本，利用普通文本表達多媒體信息。。第二頁，共五十五頁。開發(fā)技術(shù)開發(fā)技術(shù)綜述兩條主線：—（動態(tài)網(wǎng)頁）———————重點理解概念、、第三頁，共五十五頁。第四章客戶端開發(fā)技術(shù)教學(xué)目的介紹、等開發(fā)技術(shù)及相應(yīng)標(biāo)準(zhǔn)，并簡要介紹等技術(shù)。重點是理解掌握基本的語法，能手工編寫簡單的靜態(tài)頁面，能看懂較復(fù)雜的頁面的語法結(jié)構(gòu)，為后面服務(wù)器端開發(fā)技術(shù)的學(xué)習(xí)做準(zhǔn)備。第四頁，共五十五頁?；窘虒W(xué)內(nèi)容基本文件結(jié)構(gòu)文本相關(guān)語法圖像相關(guān)語法表格語法超鏈接語法表單使用方法框架使用樣式表腳本語言簡介簡介簡介第五頁，共五十五頁。學(xué)習(xí)重點與難點重點：基本語法結(jié)構(gòu)表格使用方法表單使用方法難點：表格的復(fù)雜使用方法利用表單與后臺程序進行交互的原理及規(guī)則第六頁，共五十五頁。簡介第七頁，共五十五頁。的基本文檔結(jié)構(gòu)<""><><><><><"“"">第八頁，共五十五頁。的基本文檔結(jié)構(gòu)第九頁，共五十五頁。的基本文檔結(jié)構(gòu)文檔頭：<>…<> 要素： ：顯示窗口的標(biāo)題 ：文檔的最基本的元信息。除了提供文檔字符集、使用語言、作者等基本信息外，還涉及對關(guān)鍵詞和網(wǎng)頁描述的設(shè)定。一般給瀏覽器或編輯人員用，不會直接顯示出來第十頁，共五十五頁。的基本文檔結(jié)構(gòu)文檔體：<>…<> 瀏覽器真正要展現(xiàn)的部分。主要元素類型：文本圖像表格表單框架超鏈接第十一頁，共五十五頁。的基本文檔結(jié)構(gòu)注意：大多數(shù)元素子元素為成對出現(xiàn)，許多元素內(nèi)部可包含其它元素，但各元素間不得出現(xiàn)錯位嵌套的情況！即如下情況絕不允許出現(xiàn)！ <> <> 實際內(nèi)容 <> <>第十二頁，共五十五頁。頁面背景控制<””><""""><""“">第十三頁，共五十五頁。字體與顏色標(biāo)題<><>……<><>這是一級標(biāo)題<><><"宋體">字體控制<>第十四頁，共五十五頁。文本類元素用法）空格通常會將多個空格壓縮為單個;被瀏覽器解釋為不可壓縮的字符，當(dāng)需要顯示多個空格時可用到）字體屬性控制<"宋體">字體控制<>第十五頁，共五十五頁。文本類元素用法）行與段落控制段落控制： <>：相關(guān)字體大小，顏色控制行控制：<>預(yù)先格式化文本<>它保留了空格和換行文本塊<>第十六頁，共五十五頁。列表控制無序列表<> <>項目<> <>項目<> <>項目<><>編號列表<> <>項目<> <>項目<> <>項目<><>

定義式列表<> <>項目<> <>項目<> <>項目<><>第十七頁，共五十五頁。圖像控制）標(biāo)準(zhǔn)用法<“”“”>）用法：<>其中和用以指定圖像的水平位置，使圖像向左或向右對齊成為浮動圖像，此時，圖像下面及側(cè)面的文字和圖像將在右側(cè)或左側(cè)環(huán)繞該圖像。第十八頁，共五十五頁。圖像控制其余各選項值則是控制圖像和文本的垂直相對位置。其中：：使圖像與文本的最高點對齊；：使圖像與本行的最高文本對齊（通常與效果相同，但不完全相同）；：使當(dāng)前行的基準(zhǔn)線與圖像中線對齊；：使當(dāng)前行中線與圖像中線對齊；：使圖像基準(zhǔn)線與當(dāng)前行基準(zhǔn)線對齊；：使圖像底部與當(dāng)前行基準(zhǔn)線對齊；：使圖像底部與當(dāng)前行底部對齊。第十九頁，共五十五頁。超鏈接語法）一般用法<""><>）書簽鏈接<“”>書簽鏈接示例<><“”>書簽<>第二十頁，共五十五頁。超鏈接語法）分塊鏈接利用一個圖像，使該圖像的不同部分指向不同的鏈接。例如：<""><""""",,"><""""",,,"><""""><""",,,"""><><"""""""""">第二十一頁，共五十五頁。表格相關(guān)語法）基本語法 <> <> <> <>姓名<><>性別<><>年齡<> <> <> <> <> <>張三<><>男<><><> <> <> <>第二十二頁，共五十五頁。表格相關(guān)語法）表格的合并多列合并的表格<> <> <>人員統(tǒng)計<> <> <> <>張三<><>李四<><>王五<> <> <> <><><><><><> <><>第二十三頁，共五十五頁。表格相關(guān)語法多行合并的表格<><> <>人員統(tǒng)計<><>張三<><>李四<><>王五<><><> <><><><><><><><>第二十四頁，共五十五頁。表格尺寸位置控制<""> <> <"""">張三<><"""">男<><""""><><><>第二十五頁，共五十五頁。表單<>標(biāo)簽用于為用戶輸入創(chuàng)建表單。表單能夠包含元素，比如文本字段、復(fù)選框、單選框、提交按鈕等等。表單還可以包含、、、和元素。表單用于向服務(wù)器傳輸數(shù)據(jù)。第二十六頁，共五十五頁。表單控制屬性值描述規(guī)定當(dāng)提交表單時，向何處發(fā)送表單數(shù)據(jù)。屬性值描述規(guī)定通過文件上傳來提交的文件的類型。服務(wù)器處理表單數(shù)據(jù)所接受的字符集。規(guī)定表單數(shù)據(jù)在發(fā)送到服務(wù)器之前應(yīng)該如何編碼。規(guī)定如何發(fā)送表單數(shù)據(jù)。規(guī)定表單的名稱。規(guī)定在何處打開。必選可選第二十七頁，共五十五頁。表單元素按鈕（）復(fù)選框單選框菜單（下拉選擇框）文本框（單行，多行）文件選擇控件隱藏控件圖形（）第二十八頁，共五十五頁。表單表單元素的基本標(biāo)簽第二十九頁，共五十五頁。

:級聯(lián)樣式表（）簡稱“基本功能：更有效地控制網(wǎng)頁外觀，便于頁面總體風(fēng)格的統(tǒng)一和改變常用功能：控制文字的大小、顏色、字體第三十頁，共五十五頁?；菊Z法規(guī)則由兩個主要的部分構(gòu)成：選擇器，以及一條或多條聲明。{;;...}第三十一頁，共五十五頁?；菊Z法層疊次序樣式會根據(jù)下面的規(guī)則層疊于一個新的虛擬樣式表中，其中數(shù)字擁有最高的優(yōu)先權(quán)。瀏覽器缺省設(shè)置外部樣式表<””””””>內(nèi)部樣式表（位于<>標(biāo)簽內(nèi)部）內(nèi)嵌樣式（在元素內(nèi)部）

第三十二頁，共五十五頁?；菊Z法幾種常用控制方法{;}{;}{;}{;}{;}<“”“”>!<>第三十三頁，共五十五頁?；菊Z法與區(qū)別、在文件里書寫時，加前綴""；用"."、一個頁面只可以使用一次；可以多次引用。、是一個標(biāo)簽的標(biāo)識，用于區(qū)分不同的結(jié)構(gòu)和內(nèi)容、是先找到結(jié)構(gòu)內(nèi)容，再給它定義樣式；是先定義好一種樣式，再套給多個結(jié)構(gòu)內(nèi)容。第三十四頁，共五十五頁。常見屬性字體屬性; ) );;:宋體,;顏色屬性;;;第三十五頁，共五十五頁。常見屬性文本屬性:; <>:; <>行高屬性;空白:第三十六頁，共五十五頁?；菊Z法典型應(yīng)用舉例{:();:;}{ :;}{ :();}{:;}第三十七頁，共五十五頁。的注意事項各類標(biāo)記一定要成對出現(xiàn)的作用范圍一定要清晰注意與的作用第三十八頁，共五十五頁。簡介是客戶端腳本語言，是在用戶的瀏覽器上運行，不需要服務(wù)器的支持而可以獨立運行，可以減少服務(wù)器的壓力?；诤偷榷喾N語法結(jié)構(gòu)代碼加載前需要解釋后運行，運行速度較慢程序編寫簡單，但安全性相對較差。第三十九頁，共五十五頁。簡介使用方法外部腳本文件<""><>混合在文檔中，一般位于頭部<>…<>內(nèi)嵌腳本<"">("這是第一個文件!")<>第四十頁，共五十五頁。數(shù)據(jù)類型動態(tài)類型：數(shù)值型:;布爾值

字符型“小王";數(shù)組();[]“";[]“";[]“";第四十一頁，共五十五頁。對象引用內(nèi)部對象由瀏覽器環(huán)境中提供創(chuàng)建新對象第四十二頁，共五十五頁。常用內(nèi)部對象對象全局變量是對象的屬性。全局函數(shù)是對象的方法。瀏覽器窗口的內(nèi)部高度瀏覽器窗口的內(nèi)部寬度對象("");內(nèi)建對象：、、等等。第四十三頁，共五十五頁。事件處理與交互性的實現(xiàn)鍵盤事件鼠標(biāo)事件焦點事件選擇事件狀態(tài)改變事件

第四十四頁，共五十五頁。事件處理與交互性的實現(xiàn)鍵盤事件：第四十五頁，共五十五頁。事件處理與交互性的實現(xiàn)鼠標(biāo)事件第四十六頁，共五十五頁。事件處理與交互性的實現(xiàn)焦點事件狀態(tài)改變事件第四十七頁，共五十五頁。簡介中的幾個常見應(yīng)用校驗表單輸入的正確性控制表單提交控制動態(tài)顯示第四十八頁，共五十五頁。中的幾個常見應(yīng)用校驗表單項<……>…………….<”””()”><><……”()”>…………….<>第四十九頁，共五十五頁。中的幾個常見應(yīng)用控制表單提交<……“”>…………….<”””()”><“()”>………<>(){ ……… ();}第五十頁，共五十五頁。簡介優(yōu)點：動畫是矢量的，（不論放大多少倍依然清晰，而不象一般的圖形文件，當(dāng)放大他們的時候，會出現(xiàn)馬賽克效應(yīng)，看到的是一個個方形的色塊。）文件可以做得很小用生成的文件是代碼保護的，別人無法看到其源代碼，還可禁止下載。使用起來很容易（凡是用過類似等類似的圖形軟件的人就可以很輕松的掌握用制作動畫。）第五十一頁，共五十五頁。簡介的播放是采用流技術(shù)，動畫是邊下載邊演示，如果速度控制得好是幾乎感覺不到文件還沒完全下載的。缺點：必須安裝插件，才能被瀏覽器所接受。這樣做顯然使用戶在第一次瀏覽時會增加一些麻煩，但另一方面，它卻避免了瀏覽器之間的差異。第五十二頁，共五十五頁。簡介優(yōu)點：功能較強無須插件缺點：編程較復(fù)雜第五十三頁，共五十五頁。JavaApplet簡介第五十四頁，共五十五頁。內(nèi)容總結(jié)開發(fā)技術(shù)綜述。（）統(tǒng)一資源標(biāo)志符，互聯(lián)網(wǎng)上進行統(tǒng)一命名和定位的一種標(biāo)準(zhǔn)機制。（）服務(wù)器與客戶進行傳輸信息的標(biāo)準(zhǔn)協(xié)議。()超文本標(biāo)記語