WEB程序設(shè)計(jì)實(shí)驗(yàn)二

武漢工程大學(xué)

計(jì)算機(jī)科學(xué)與工程學(xué)院

《Web系統(tǒng)與技術(shù)》實(shí)驗(yàn)報(bào)告

專業(yè)班級(jí)學(xué)生學(xué)號(hào)學(xué)生姓名實(shí)驗(yàn)項(xiàng)目實(shí)驗(yàn)類別設(shè)計(jì)性實(shí)驗(yàn)時(shí)間實(shí)驗(yàn)地點(diǎn)指導(dǎo)教師實(shí)驗(yàn)二ASP.NET服務(wù)器控件實(shí)驗(yàn)學(xué)時(shí)4實(shí)驗(yàn)?zāi)康模菏煜��?biāo)準(zhǔn)控件、HTML控件、有效性驗(yàn)證控件的使用，學(xué)習(xí)用C#編寫CodeBehind代碼，以實(shí)現(xiàn)相應(yīng)的功能。實(shí)驗(yàn)內(nèi)容和要求：1．參考實(shí)驗(yàn)指導(dǎo)書的實(shí)驗(yàn)步驟，完成實(shí)驗(yàn)4、實(shí)驗(yàn)5。2．在1的基礎(chǔ)上完成以下3項(xiàng)設(shè)計(jì)，并將實(shí)驗(yàn)主要代碼、運(yùn)行結(jié)果、收獲和總結(jié)寫入實(shí)驗(yàn)報(bào)告：1）計(jì)算器（改進(jìn)功能）2）簡(jiǎn)單的考試（5題，自動(dòng)評(píng)分，題目和答案存放在數(shù)組中）3）用戶注冊(cè)（仿照常見網(wǎng)站的注冊(cè)頁(yè)面）報(bào)告應(yīng)在2周內(nèi)完成，并以學(xué)號(hào)+姓名+實(shí)驗(yàn)二為名交電子文檔。實(shí)驗(yàn)?zāi)康募耙�求類別上機(jī)表現(xiàn)報(bào)告質(zhì)量說(shuō)明：成績(jī)?cè)u(píng)定表評(píng)分標(biāo)準(zhǔn)按時(shí)出勤、遵守紀(jì)律認(rèn)真完成各項(xiàng)實(shí)驗(yàn)內(nèi)容填寫內(nèi)容完整、體現(xiàn)設(shè)計(jì)過(guò)程和結(jié)果，實(shí)驗(yàn)總結(jié)能體現(xiàn)問(wèn)題和收獲分值30分得分70分合計(jì)評(píng)閱教師：陳艷日期：年月日實(shí)驗(yàn)內(nèi)容

1．設(shè)計(jì)并實(shí)現(xiàn)一個(gè)簡(jiǎn)易的計(jì)算器，代碼和WEB運(yùn)行結(jié)果如下圖所示：代碼：WEB運(yùn)行結(jié)果：《Web系統(tǒng)與技術(shù)》實(shí)驗(yàn)報(bào)告

2．簡(jiǎn)單的考試（5題，自動(dòng)評(píng)分，題目和答案存放在數(shù)組中），代碼和WEB運(yùn)行結(jié)果如下圖所示：代碼：《Web系統(tǒng)與技術(shù)》實(shí)驗(yàn)報(bào)告

WEB運(yùn)行結(jié)果：《Web系統(tǒng)與技術(shù)》實(shí)驗(yàn)報(bào)告

3.設(shè)計(jì)并實(shí)現(xiàn)一個(gè)帶驗(yàn)證控件的用戶注冊(cè)頁(yè)面，代碼和WEB運(yùn)行結(jié)果如下圖所示：代碼：《Web系統(tǒng)與技術(shù)》實(shí)驗(yàn)報(bào)告

WEB運(yùn)行結(jié)果：實(shí)驗(yàn)總結(jié)通過(guò)本次實(shí)驗(yàn)，讓我學(xué)會(huì)了如何去做一個(gè)簡(jiǎn)單地計(jì)算器、如何去實(shí)現(xiàn)一個(gè)單選題的測(cè)試頁(yè)面和如何去設(shè)計(jì)一個(gè)用戶注冊(cè)頁(yè)面，讓我熟悉了標(biāo)準(zhǔn)控件、HTML控件、有效性驗(yàn)證控件的使用。在實(shí)驗(yàn)中遇到不少問(wèn)題，有些代碼不會(huì)寫，也不知道如何去寫，通過(guò)和同學(xué)們一起討論，最后終于將代碼運(yùn)行成功了，在WEB界面實(shí)現(xiàn)了各種頁(yè)面效果，與此同時(shí)，我學(xué)會(huì)如何去很好的使用C#編寫CodeBehind代碼，以實(shí)現(xiàn)相應(yīng)的功能。

《Web系統(tǒng)與技術(shù)》實(shí)驗(yàn)報(bào)告

擴(kuò)展閱讀：WEB程序設(shè)計(jì)實(shí)驗(yàn)(二學(xué)位)

WEB

程序設(shè)計(jì)基礎(chǔ)

實(shí)驗(yàn)指導(dǎo)書

太原理工大學(xué)

實(shí)驗(yàn)一HTML語(yǔ)言

一、實(shí)驗(yàn)?zāi)康?/p>

1．掌握常用的HTML語(yǔ)言標(biāo)記；

2．利用文本編輯器建立HTML文檔，制作簡(jiǎn)單網(wǎng)頁(yè)。

二、實(shí)驗(yàn)要求

1．獨(dú)立完成實(shí)驗(yàn)。2．書寫實(shí)驗(yàn)報(bào)告書。

三、實(shí)驗(yàn)內(nèi)容

1．在文本編輯器“記事本”中輸入如下的HTML代碼程序，以文件名sy1.html保存，并在瀏覽器中運(yùn)行。（請(qǐng)仔細(xì)閱讀下列程序語(yǔ)句，理解每條語(yǔ)句的作用）源程序清單如下：

Example

welcometoyou

AsimpleHTMLdocument

WelcometotheworldofHTML

ThisisasimpleHTMLdocument.ItistogiveyouanoutlineofhowtowriteHTMLfileandhowthemarkuptagsworkintheHTMLfileFollowingisthreechapters

Thisisthechapterone

Thisisthechaptertwo

Thisisthechapterthree

Followingisitemsofthechaptertwo

itemcontent

item1font

item2table

item3form1234567

Endoftheexampledocument

2．編寫一個(gè)能輸出如圖所示界面的HTML文件。

實(shí)驗(yàn)二網(wǎng)頁(yè)程序設(shè)計(jì)-JavaScript

一、實(shí)驗(yàn)?zāi)康?/p>

1．掌握J(rèn)avaScript技術(shù),基本掌握J(rèn)avaScript的開發(fā)技巧；2．利用文本編輯器建立JavaScript腳本語(yǔ)言進(jìn)行簡(jiǎn)單編程。

二、實(shí)驗(yàn)要求:

1．根據(jù)以下實(shí)驗(yàn)內(nèi)容書寫實(shí)驗(yàn)準(zhǔn)備報(bào)告。2．獨(dú)立完成實(shí)驗(yàn)。

三、實(shí)驗(yàn)內(nèi)容

1．顯示一個(gè)動(dòng)態(tài)的時(shí)鐘

在文本編輯器“記事本”中輸入如下代碼程序，請(qǐng)仔細(xì)閱讀下列程序語(yǔ)句，理解每條語(yǔ)句的作用。源程序清單如下：

vartimer=nullfunctionstop(){clearTimeout(timer)}functionstart(){vartime=newDate()varhours=time.getHours()varminutes=time.getMinutes()minutes=((minutes

varclock=hours+":"+minutes+":"+secondsdocument.forms[0].display.value=clocktimer=setTimeout("start()",1000)}現(xiàn)在是北京時(shí)間：

分析上述代碼的作用,然后用瀏覽器運(yùn)行文件,驗(yàn)證自己的判斷是否正確.2．事件驅(qū)動(dòng)和事件處理

在文本編輯器“記事本”中輸入如下代碼程序，請(qǐng)仔細(xì)閱讀下列程序語(yǔ)句，理解每條語(yǔ)句的作用。源程序清單如下：

functionmyfunction(){alert("HELLO")}Bypressingthebutton,afunctionwillbecalled.Thefunctionwillalertamessage.

分析上述代碼的作用,然后用瀏覽器運(yùn)行文件,驗(yàn)證自己的判斷是否正確。

3．JavaScript表單校驗(yàn)

編寫程序register.htm，做一個(gè)如下圖所示的用戶注冊(cè)界面，要求對(duì)用戶填寫的部分進(jìn)行合法性檢驗(yàn)。

附錄：實(shí)驗(yàn)報(bào)告樣式

實(shí)驗(yàn)報(bào)學(xué)院：系：專業(yè)：班級(jí)：學(xué)號(hào)：姓名：指導(dǎo)教師：

時(shí)間：年月

6告

日

學(xué)院名稱學(xué)生姓名課程名稱專業(yè)班級(jí)學(xué)號(hào)實(shí)驗(yàn)成績(jī)實(shí)驗(yàn)日期同組人姓名實(shí)驗(yàn)題目一．實(shí)驗(yàn)?zāi)康亩�．�?shí)驗(yàn)內(nèi)容。三．實(shí)驗(yàn)過(guò)程中遇到的問(wèn)題及解決方法四．實(shí)驗(yàn)結(jié)論和感想五．實(shí)驗(yàn)程序（另附）

友情提示：本文中關(guān)于《WEB程序設(shè)計(jì)實(shí)驗(yàn)二》給出的范例僅供您參考拓展思維使用，WEB程序設(shè)計(jì)實(shí)驗(yàn)二：該篇文章建議您自主創(chuàng)作。

來(lái)源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問(wèn)題，請(qǐng)聯(lián)系我們及時(shí)刪除。

《WEB程序設(shè)計(jì)實(shí)驗(yàn)二》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請(qǐng)保留原作者信息,謝謝!
鏈接地址：http://www.hmlawpc.com/gongwen/673125.html

• 上一篇：WEB應(yīng)用程序設(shè)計(jì)與開發(fā)實(shí)訓(xùn)
• 下一篇：高級(jí)web程序復(fù)習(xí)