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

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

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

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

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

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

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