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

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

《Web技術B》實驗報告課題名稱實驗一、Web客戶端編程姓名何天從學號3110757101班級網絡11-1班院系信息科學與工程學院

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

溫馨提示

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

評論

0/150

提交評論