桂林理工大學(xué)--web技術(shù)【實(shí)驗(yàn)一、Web客戶端編程】_第1頁
桂林理工大學(xué)--web技術(shù)【實(shí)驗(yàn)一、Web客戶端編程】_第2頁
桂林理工大學(xué)--web技術(shù)【實(shí)驗(yàn)一、Web客戶端編程】_第3頁
桂林理工大學(xué)--web技術(shù)【實(shí)驗(yàn)一、Web客戶端編程】_第4頁
桂林理工大學(xué)--web技術(shù)【實(shí)驗(yàn)一、Web客戶端編程】_第5頁
已閱讀5頁，還剩8頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

《Web技術(shù)B》實(shí)驗(yàn)報(bào)告課題名稱實(shí)驗(yàn)一、Web客戶端編程姓名何天從學(xué)號(hào)3110757101班級(jí)網(wǎng)絡(luò)11-1班院系信息科學(xué)與工程學(xué)院

實(shí)驗(yàn)一Web客戶端編程一、實(shí)驗(yàn)?zāi)康募耙笫褂肏TML超文本標(biāo)記語言制作簡(jiǎn)單頁面，要求通過實(shí)驗(yàn)?zāi)軌蛘莆誋TML文件的基本結(jié)構(gòu)和文檔的創(chuàng)建、編輯及保存。驗(yàn)證并掌握HTML超文本標(biāo)記語言的文本、圖像、超鏈接、表格、表單等標(biāo)記的使用。通過實(shí)驗(yàn)掌握層疊樣式表CSS的創(chuàng)建及應(yīng)用，掌握在網(wǎng)頁中插入層疊樣式表CSS的常用方法，掌握層疊樣式表CSS的主要基本屬性的使用。通過實(shí)驗(yàn)了解JavaScript的編程規(guī)范及基本語法，能夠分析JavaScript程序的功能，可以在網(wǎng)頁制作中使用JavaScript程序。通過實(shí)驗(yàn)了解Ajax的編程方法，掌握Ajax編程技巧。二、實(shí)驗(yàn)內(nèi)容及步驟1）請(qǐng)參考教材的第2-4章內(nèi)容，認(rèn)真閱讀分發(fā)的源代碼，并根據(jù)教材上的提示，完成源代碼中沒有實(shí)現(xiàn)的功能。2）開發(fā)一個(gè)用戶注冊(cè)界面，要求：用戶名基于Ajax檢測(cè)是否重復(fù)，年齡需用JavaScript檢查格式是否正確。實(shí)驗(yàn)代碼：客戶端：<html><head><title>HTC用戶注冊(cè)</title><styletype="text/css">h1{color:red}.pos{position:absolute;left:340px;top:50px;line-height:30px;}</style><scripttype="text/javascript"> functionloadXMLDoc(){ varxmlhttp,x,i,name,age,password,repassword; if(window.XMLHttpRequest){onfocus="this.select()"placeholder='再次輸入你的密碼'><br><fontcolor=#00EC00>年   齡：</font><inputtype="text"name="age"id="ag"style="color:#F00078"onfocus="this.select()"placeholder='請(qǐng)輸入你的年齡'><br><fontcolor=#00EC00>性   別 :</font><selectname="xingbie"size="1"style="color:#F00078"> <optionvalue="0"selected="selected">保密</option> <optionvalue="1">男</option><optionvalue="2">女</option> </select><br><fontcolor=#00EC00>聯(lián)系方式：</font><inputtype="text"name="address"size="40"style="color:#F00078"onfocus="this.select()"placeholder='請(qǐng)輸入你的聯(lián)系方式'><br><fontcolor=#00EC00>個(gè)人簡(jiǎn)介：</font><br><textareaname="interest"rows="4"cols="40"style="color:#F00078"onfocus="this.select()"placeholder='請(qǐng)?zhí)顚懩愕膫€(gè)人簡(jiǎn)介'></textarea><br><buttontype="button"onclick="loadXMLDoc()"style="color:#0000E3"><B><fontsize=3>提交</font></B></button><buttontype="button"onclick="reset()"style="color:#FF0000"><B><fontsize=4>重置</font></B></button></div></form></body></html>服務(wù)器：<?xmlversion="1.0"encoding="utf-8"?><xml-body><user>張三</user><user>李四</user><user>王五</user><user>陳六</user><user>何七</user><user>楊八</user></xml-body>注冊(cè)界面：1、該用戶名已存在2、兩次輸入的密碼不一致3、年齡輸入有誤4、注冊(cè)成功！5、重置三、實(shí)驗(yàn)過程及結(jié)果1、提交本次實(shí)驗(yàn)的實(shí)驗(yàn)報(bào)告。2、思考并回答問題（1）超文本標(biāo)記語言的文檔主要由哪些標(biāo)記構(gòu)成？缺少任何一部份會(huì)對(duì)文件產(chǎn)生什么影響？不帶任何標(biāo)記的文檔又會(huì)怎樣？答：HTML文檔的基本結(jié)構(gòu)<html><head><title>標(biāo)題</title></head><body>1、<HTML>...</HTML>文檔標(biāo)記這個(gè)標(biāo)記是全部文檔內(nèi)容的容器，<HTML>是開始標(biāo)記，</HTML>是結(jié)束標(biāo)記，它們分別是網(wǎng)頁的第一個(gè)和最后一個(gè)標(biāo)記，其他標(biāo)記代碼都位于這兩個(gè)標(biāo)記之間。2、<HEAD>...</HEAK>首部標(biāo)記首部標(biāo)記<HEAD>...</HEAK>用于提供與Web頁有關(guān)的各種信息。在首部標(biāo)記中，可以使用<TITLE>...</TITLE>標(biāo)記來指定網(wǎng)頁的標(biāo)題，<STYLE>和</STYLE>標(biāo)記來定義CSS樣式表，使用<SCRIPT>和</SCRIPT>標(biāo)記來插入腳本，等等。3、<BODY>...</BODY>正文標(biāo)記正文標(biāo)記包含了文檔的內(nèi)容，文字、圖像、動(dòng)畫、超鏈接以及其他HTML元素均位于該標(biāo)記中。正文標(biāo)記有下列屬性。Backgroud:指定文檔背景圖像的URL地址。Bgcolor:指定文檔的背景顏色。Text:指定文檔中的文本顏色。Link：指定文檔中鏈接的顏色。VLink：指定文檔中已被訪問過的鏈接顏色。ALink：指定文檔中正被選中的鏈接顏色。ONLoad：指定文檔首次加載時(shí)調(diào)用的事件處理程序。ONUNLoad：指定文檔卸載時(shí)調(diào)用的事件處理程序。（2）要想使瀏覽器中顯示的文字分行排列，應(yīng)使用何種標(biāo)記處理？答：可以使用的標(biāo)簽有<br>定義換行<p>定義段落。首先，相同之處是br和p都是有換行的屬性及意思；其次，區(qū)別<br/>是只需一個(gè)單獨(dú)使用，而<p>和</p>是一對(duì)使用；再次，br標(biāo)簽是小換行提行，p標(biāo)簽是大換行（分段）各行作用。區(qū)別：與<P>有所不同，<br>不會(huì)留下空白行在HTML中，<br>標(biāo)簽沒有結(jié)束標(biāo)簽。在XHTML中，<br>標(biāo)簽必須被正確地關(guān)閉，比如這樣：<br/>。<br>可插入一個(gè)簡(jiǎn)單的換行符。<br>標(biāo)簽是空標(biāo)簽（意味著它沒有結(jié)束標(biāo)簽，因此這是錯(cuò)誤的：<br></br>）。在XHTML中，把結(jié)束標(biāo)簽放在開始標(biāo)簽中，也就是<br/>。注意：<br>標(biāo)簽只是簡(jiǎn)單地開始新的一行，而當(dāng)瀏覽器遇到<p>標(biāo)簽時(shí)，通常會(huì)在相鄰的段落之間插入一些垂直的間距。您也許發(fā)現(xiàn)<br>與<br/>很相似。在XHTML、XML以及未來的HTML版本中，不允許使用沒有結(jié)束標(biāo)簽（閉合標(biāo)簽）的HTML元素。即使<br>在所有瀏覽器中的顯示都沒有問題，使用<br/>也是更長(zhǎng)遠(yuǎn)的保障。（3）HTML語言中表格、表單分別有什么作用？答：表格的作用是可以精確控制文本和圖像在網(wǎng)頁中的顯示位置，所以一般都使用表格來進(jìn)行布局。表單的主要作用是,在網(wǎng)頁上提供一個(gè)圖形用戶界面，以采集和提交用戶輸入的數(shù)據(jù)。（4）層疊樣式表CSS的主要作用是改變什么？答：CSS可用于控制Web頁面的外觀，通過使用CSS樣式設(shè)計(jì)頁面的格式，可以實(shí)現(xiàn)頁面內(nèi)容與表現(xiàn)形式的分離；也可以和javascript等瀏覽器端腳本語言合作做出許多動(dòng)態(tài)的效果。（5）JavaScript語言和Java語言的主要區(qū)別有哪些？答：1、JavaScript是基于對(duì)象的語言，而Java是面向?qū)ο蟮恼Z言。2、JavaScript是弱類型語言，即其變量無須事先申明，類型可以動(dòng)態(tài)定義；而Java是強(qiáng)類型語言，變量必須說明類型。3、JavaScript的對(duì)象時(shí)動(dòng)態(tài)的，即JavaScript執(zhí)行時(shí)對(duì)象的數(shù)據(jù)成員和方法的數(shù)量是可變的，而Java中的對(duì)象時(shí)靜態(tài)的。四、實(shí)驗(yàn)總結(jié)第一次做web的實(shí)驗(yàn)，其它之前沒有學(xué)過html，對(duì)網(wǎng)頁制作也是有興趣的，但是現(xiàn)在好像興奮點(diǎn)不在這里，現(xiàn)在對(duì)objective-c比較有興趣，也準(zhǔn)備畢業(yè)了，實(shí)習(xí)了，還沒有發(fā)現(xiàn)自己那方面比較強(qiáng)，雖然不說有競(jìng)爭(zhēng)力，但是能力也沒找到。所以，專注一個(gè)方面，先有能力吧。。話說回來實(shí)驗(yàn)，還是要認(rèn)真對(duì)待的，實(shí)驗(yàn)課上，也認(rèn)真的學(xué)習(xí)了代碼，盡力去讀懂它，雖然課后真的沒有復(fù)習(xí)。對(duì)于html，其它語法還是比較簡(jiǎn)單的，雖然標(biāo)簽很多，但是我也通過很多方法，一一實(shí)驗(yàn)。比如，開始，我希望能改變html里文字的顏色，在網(wǎng)止搜索一下，就找到了。<fontcolor=#0000ff>要改變顏色的字體</font>接著，想到文本框中輸入的字的顏色能改

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論