版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
《Web編程基礎(chǔ)》實驗報告班級計專141學(xué)號14501111姓名黃躍翔完成日期2015.4.20實驗室__理工樓320_指導(dǎo)老師沈士根、葉曉彤成績__________實驗題目[請根據(jù)實際填寫,參照《實驗教學(xué)授課計劃表》]實驗?zāi)康氖煜こS玫腦HTML5元素掌握利用table、div和CSS實現(xiàn)頁面布局的方法掌握CSS控制頁面樣式的方法了解JavaScript常識熟悉JQuery的使用方法理解XML文件結(jié)構(gòu),掌握XML文件建立的方法了解c#語言規(guī)范掌握c#基礎(chǔ)語法、流程控制和異常處理等掌握創(chuàng)建c#類并應(yīng)用于ASP.NET4.5頁面中的方法掌握ASP.NET4.5頁面的調(diào)試方法實驗內(nèi)容及步驟實驗二部分瀏覽教材提供的綜合實例MyPetShop,完成首頁布局首先對頁面的總體布局,然后在分割后的各個模塊上添加相應(yīng)的控件,對控件進(jìn)行命名和修改相應(yīng)的屬性。完成首頁的布局,代碼如下:<!DOCTYPEhtml><htmlxmlns="/1999/xhtml"><headrunat="server"><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title></title></head><body><formid="form1"runat="server"><divid="top"><divid="logo_navi_stat"><divid="logo"><asp:ImageID="Image1"runat="server"Height="42px"ImageAlign="Left"ImageUrl="~/Ex2/Images/logo.gif"style="margin-bottom:0px"/></div><divid="navagation"style="height:30px;background-color:#99CCFF"><asp:ButtonID="Button1"runat="server"Text="首頁"/> | <asp:ButtonID="Button2"runat="server"Text="個性重置"/> | <asp:ButtonID="Button3"runat="server"Text="注冊"/> | <asp:ButtonID="Button4"runat="server"Text="登錄"/></div></div></div><divid="position"style="background-color:#33CCCC">您的位置:</div><divid="weather"style="border:thinsolid#C0C0C0;float:left;width:85%;height:198px;margin-left:59px;">天氣預(yù)報--(中國氣象局提供數(shù)據(jù)?。?lt;br/>選擇省/州<asp:DropDownListID="DropDownList1"runat="server"AutoPostBack="True"><asp:ListItem>浙江省</asp:ListItem></asp:DropDownList>選擇城市<asp:DropDownListID="DropDownList2"runat="server"AutoPostBack="True"><asp:ListItem>溫州市</asp:ListItem></asp:DropDownList> 直轄市/北京<br/>今日實況今日天氣實況:氣溫:-1°C;風(fēng)向/風(fēng)力:東北風(fēng)2級;濕度:68%;空氣質(zhì)量:暫無;紫外線強度:最弱<br/>天氣預(yù)報(今天)1月19日晴-4°C/6°C北風(fēng)4-5級 <asp:ImageID="Image20"runat="server"ImageUrl="~/Ex2/Images/weather/0.gif"/><br/>天氣預(yù)報(明天)1月20日晴-7°C/3°C北風(fēng)4-5級 <asp:ImageID="Image18"runat="server"ImageUrl="~/Ex2/Images/weather/0.gif"/><br/>天氣預(yù)報(后天)1月21日晴-7°C/4°C北風(fēng)4-5級 <asp:ImageID="Image19"runat="server"ImageUrl="~/Ex2/Images/weather/0.gif"/></div></form></body></html>2.利用JavaScript實現(xiàn)以下功能:①將當(dāng)前頁面添加收藏夾<script>functionclick(){if(event.button==2){alert("鼠標(biāo)右鍵不可用")}}document.onmousedown=click;</script>②禁止使用鼠標(biāo)右鍵<html><head><title>屏蔽頁面右鍵,但不屏蔽某HTML元素的右鍵響應(yīng)</title><scriptlanguage="javascript">functionhidemenu(){document.oncontextmenu=function(){returnfalse;}}functionshowmenu(){document.oncontextmenu=function(){returntrue;}}</script></head><bodyonload="hidemenu();">不響應(yīng)右鍵</body></html>修改時鐘程序,要求只顯示時間信息<headrunat="server"><metahttp-equiv="Content-Type"content="textml;charset=utf-8"/><title></title><scriptsrc="../Scripts/jquery-2.1.3.min.js"></script><script>functionrefresh(){//設(shè)置ID屬性值為date的元素呈現(xiàn)內(nèi)容為客戶端的系統(tǒng)時間$("#date").text((newDate()).getHours().toString()+":"+(newDate()).getMinutes().toString()+":"+(newDate()).getSeconds().toString());setTimeout("refresh()",1000);}</script></head><bodyonload="refresh()"><formid="form1"runat="server"><divid="date"></div></form></body>在頁面中呈現(xiàn)一塊廣告區(qū)域,當(dāng)單擊該廣告區(qū)域時,該區(qū)域?qū)⒆詣酉?。要求利用jQuery實現(xiàn)<scriptsrc="../Scripts/jquery-2.1.3.min.js"></script><title></title><script>$(function(){$("#ad").click(function(){$(this).hide();});});</script><body><formid="form1"runat="server"><divstyle="position:fixed;width:100px;height:100px;border:1pxsolid;"id="ad"></div></form></body>實驗三部分?jǐn)U充成績轉(zhuǎn)換程序。要求增加對輸入成績的合法性判斷。floatfGrade=float.Parse(txtInput.Text);intdivision=(int)(fGrade/10);if(division<1||division>10)//判斷成績是否在合理范圍內(nèi){lblDisplay.Text="輸入有誤";}else{switch(division){case10:lblDisplay.Text="優(yōu)秀";break;case9:lblDisplay.Text="優(yōu)秀";break;case8:lblDisplay.Text="良好";break;case7:lblDisplay.Text="良好";break;case6lblDisplay.Text="及格";break;default:lblDisplay.Text="不及格";break;}}}將九九乘法表改成如圖3-13所示的瀏覽效果觀察原程序發(fā)現(xiàn)顯示輸出的排列與FOR循環(huán)有關(guān),更改相應(yīng)的程序后完成本步驟protectedvoidPage_Load(objectsender,EventArgse){for(inti=1;i<=9;i++){for(intj=i;j<=9;j++){Response.Write(i.ToString()+"*"+j.ToString()+"="+(i*j).ToString());Response.Write(" ");}Response.Write("<br/>");}}修改計算商的程序,要求如下:①將用于獲取“除數(shù)”和“被除數(shù)”的變量的數(shù)據(jù)類型改為int,再瀏覽Web窗體進(jìn)行測試,分析顯示的結(jié)果。②增加系統(tǒng)異常信息的輸出。protectedvoidbtnSubmit_Click(objectsender,EventArgse){try{intdivsor=int.Parse(txtDivsor.Text);//第①步的修改intdividend=int.Parse(txtDividend.Text);Response.Write("商為:"+divsor/dividend);if(divsor%dividend!=0)//異常輸出判斷Response.Write("不能被整除");}catch(Exceptionee){Response.Write("請輸入正確的數(shù)字!我不會算小數(shù)");}}改寫UserInfo類,要求如下:①增加一個事件ValidateBirthday②改寫DecideAge()寫法,當(dāng)輸入的生日值大于當(dāng)前日期或小于1900-1-1時觸發(fā)事件ValidateBirthday。③設(shè)計頁面并應(yīng)用修改后的UserInfo類調(diào)試實驗內(nèi)容3的程序,寫出aInput數(shù)組的變化過程。①②③(三)實驗心得遇到的問題和解決方法:(1)在實驗2中的完成MySetShop的布局中,
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 成人先天性心臟病相關(guān)肺動脈高壓診斷與治療指南(2026年)解讀課件
- 會議議程安排與時間控制制度
- 2026年智能警號項目公司成立分析報告
- 2026年智能報警主機項目營銷方案
- 2026年智能葉片溫度傳感器項目公司成立分析報告
- 2026年能源互聯(lián)網(wǎng)項目可行性研究報告
- 企業(yè)員工勞動合同管理制度
- 2026年智能門窗Wi-Fi模塊項目可行性研究報告
- 關(guān)于醫(yī)療器械備件進(jìn)口公司的運營商務(wù)、通關(guān)崗位的畢業(yè)實習(xí)報告
- 2026年智能網(wǎng)絡(luò)設(shè)備項目可行性研究報告
- 2026屆北京東城55中高一數(shù)學(xué)第一學(xué)期期末質(zhì)量檢測試題含解析
- 2026年遼寧醫(yī)藥職業(yè)學(xué)院單招職業(yè)技能考試參考題庫附答案詳解
- 2026年湖南大眾傳媒職業(yè)技術(shù)學(xué)院單招綜合素質(zhì)考試備考試題附答案詳解
- 金瓶梅課件教學(xué)
- 寺廟信息服務(wù)管理制度
- 交通運輸信息化標(biāo)準(zhǔn)體系
- 財務(wù)合規(guī)審查實施方案計劃
- 移動通信基站設(shè)備安裝培訓(xùn)教材
- 2024-2025學(xué)年云南省昆明市盤龍區(qū)高二(上)期末數(shù)學(xué)試卷(含答案)
- 臨床成人失禁相關(guān)性皮炎的預(yù)防與護(hù)理團(tuán)體標(biāo)準(zhǔn)解讀
- 三年級科學(xué)上冊蘇教版教學(xué)工作總結(jié)共3篇(蘇教版三年級科學(xué)上冊知識點整理)
評論
0/150
提交評論