2" />
Web程序設(shè)計實驗報告
Web程序設(shè)計實驗報告
一、實驗?zāi)康?/p>
學(xué)會使用VisualStudio軟件二、實驗內(nèi)容1、做一個表格2、做一個表單3、做一個框架
實驗時間:201*.10.17
實驗一:做一個下例表格附圖:
【代碼】
無標題頁代碼
系別
專業(yè)及人數(shù)經(jīng)管系會計專業(yè)
201*201*201*201*200人td>280人400人420人國貿(mào)專業(yè)
201*201*201*201*80人88人78人74人
實驗二:做一個表單附圖:
【代碼】
無標題頁
//姓:名:性別
男女興趣
逛街散步看電視喜歡的水果蘋果香蕉梨子
實驗三:做一個框架附圖:
主文件:
框架
Frame1文件:
BC
ol.htm文件:
無標題頁
這是超鏈接
<a>
img.htm文件:
functionSelect1_onclick(){}//]]>
姓:名:性別
男女興趣
逛街散步看電視喜歡的水果蘋果香蕉梨子
table.htm文件:
無標題頁
系別
專業(yè)及人數(shù)經(jīng)管系
會計專業(yè)
201*201*201*201*200人td>280人400人420人國貿(mào)專業(yè)
201*201*201*201*80人88人78人74人
擴展閱讀:《Web程序設(shè)計》第一次實驗報告
Web程序設(shè)計
實驗報告
專業(yè)
:軟件工程班級:10級(2班)
學(xué)號:
姓名:成績:
蘇州大學(xué)計算機科學(xué)與技術(shù)學(xué)院
二O一一年三月
-1-
上機實驗3
實驗一
3.1用JavaScript腳本語言設(shè)計程序。
一.實驗?zāi)康模?/p>
(1)掌握將JavaScript腳本嵌入HTML文件的方法。(2)掌握使用JavaScript腳本語言設(shè)計應(yīng)用程序的過程。(3)掌握基本的JavaScript語法。二.實驗內(nèi)容:
用JavaScript腳本語言設(shè)計一個程序:根據(jù)當天是星期幾,在頁面中顯示不同的圖片。程序的運行結(jié)果如圖3-11所示。要求在圖片的上方顯示今天是星期幾,再顯示圖片。
三.實驗步驟:
(1)準備7個gif圖片文件,分別命名為g0.gif~g6.gif。
-2-
(2)打開記事本程序。(3)輸入能夠生成如圖3-11所示頁面的JavaScript程序的源代碼,保存為.html文件,文件名為ex3-1。
(4)雙擊ex3-1.html文件,在瀏覽器中觀察結(jié)果。
編寫源程序:
JavaScript星期表
雙擊ex3-1.html文件,在瀏覽器中觀察結(jié)果如圖所示:
-3-
四.實驗小結(jié):
通過本次試驗,我掌握如何將JavaScript腳本嵌入HTML文件的方法,以及如何使用
JavaScript腳本語言設(shè)計應(yīng)用程序和JavaScript一些基本的語法。學(xué)會了好多,但對于深入
JavaScript腳本語言設(shè)計應(yīng)用程序還要努力。
-4-
實驗二3.2用VBScript腳本語言設(shè)計程序。
一.實驗?zāi)康?
(1)掌握將VBScript腳本嵌入HTML文件的方法。(2)掌握使用VBScript腳本語言設(shè)計應(yīng)用程序的過程。(3)掌握基本的VBScript語法。
二.實驗內(nèi)容:
用VBScript腳本語言設(shè)計一個簡單的驗證程序:要求在文本框中輸入一個1~100之間的整數(shù),單擊“提交”按鈕。若輸入正確,則彈出對話框,顯示“你輸入對了,謝謝!”,如圖3-12所示;若輸入不正確,則彈出對話框,顯示“請輸入一個1到100之間的數(shù)字!,如圖3-13所示。
三.實驗步驟:
(1)打開記事本程序。
(2)輸入能夠生成如圖3-12所示頁面的VBScript程序的源代碼,保存為.html文件,
文件名為ex3-2。
(3)雙擊ex3-2.html文件,在瀏覽器中觀察結(jié)果。
編寫源程序:
簡單驗證.Form{
margin-top:18px;
}-5-
簡單驗證
請輸入一個1到100之間的數(shù)字:
雙擊ex3-1.html文件,在瀏覽器中觀察結(jié)果如圖所示:
-6-
四.實驗小結(jié):
通過這次試驗,我掌握如何將VBScript腳本嵌入HTML文件的方法,學(xué)會使用VBScript腳本語言設(shè)計應(yīng)用程序。掌握了VBScript基本的語法。雖然寫VBScript腳本語言設(shè)計應(yīng)用程序是個挑戰(zhàn)但還是堅持了。感悟最大是以后要多練習(xí)。要不寫這很難!
-7-
友情提示:本文中關(guān)于《Web程序設(shè)計實驗報告》給出的范例僅供您參考拓展思維使用,Web程序設(shè)計實驗報告:該篇文章建議您自主創(chuàng)作。
來源:網(wǎng)絡(luò)整理 免責(zé)聲明:本文僅限學(xué)習(xí)分享,如產(chǎn)生版權(quán)問題,請聯(lián)系我們及時刪除。