Web程序設(shè)計實驗報告

Web程序設(shè)計實驗報告

一、實驗?zāi)康?/p>

學會使用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班）

學號：

姓名：成績：

蘇州大學計算機科學與技術(shù)學院

二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一些基本的語法。學會了好多，但對于深入

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文件的方法，學會使用VBScript腳本語言設(shè)計應(yīng)用程序。掌握了VBScript基本的語法。雖然寫VBScript腳本語言設(shè)計應(yīng)用程序是個挑戰(zhàn)但還是堅持了。感悟最大是以后要多練習。要不寫這很難！

-7-

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

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

《Web程序設(shè)計實驗報告》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請保留原作者信息,謝謝!
鏈接地址：http://m.seogis.com/gongwen/673106.html

• 上一篇：網(wǎng)頁實訓(xùn)報告_
• 下一篇：靜態(tài)網(wǎng)頁設(shè)計與制作 實訓(xùn)報告