Web程序設計實驗報告

Web程序設計實驗報告

一、實驗目的

學會使用VisualStudio軟件二、實驗內容1、做一個表格2、做一個表單3、做一個框架

實驗時間：201*.10.17

實驗一：做一個下例表格附圖：

【代碼】

無標題頁代碼

系別

專業(yè)及人數經管系會計專業(yè)

201*201*201*201*200人td>280人400人420人國貿專業(yè)

201*201*201*201*80人88人78人74人

實驗二：做一個表單附圖：

【代碼】

無標題頁

//

姓:名:性別

男女興趣

逛街散步看電視喜歡的水果蘋果香蕉梨子

實驗三：做一個框架附圖：

主文件：

框架

Frame1文件：

BC

ol.htm文件：

無標題頁

這是超鏈接

<a>

img.htm文件：

functionSelect1_onclick(){}//]]>

姓:名:性別

男女興趣

逛街散步看電視喜歡的水果蘋果香蕉梨子

table.htm文件：

無標題頁

系別

專業(yè)及人數經管系

會計專業(yè)

201*201*201*201*200人td>280人400人420人國貿專業(yè)

201*201*201*201*80人88人78人74人

擴展閱讀：《Web程序設計》第一次實驗報告

Web程序設計

實驗報告

專業(yè)

：軟件工程班級：10級（2班）

學號：

姓名：成績：

蘇州大學計算機科學與技術學院

二O一一年三月

-1-

上機實驗3

實驗一

3.1用JavaScript腳本語言設計程序。

一．實驗目的：

（1）掌握將JavaScript腳本嵌入HTML文件的方法。（2）掌握使用JavaScript腳本語言設計應用程序的過程。（3）掌握基本的JavaScript語法。二．實驗內容：

用JavaScript腳本語言設計一個程序：根據當天是星期幾，在頁面中顯示不同的圖片。程序的運行結果如圖3-11所示。要求在圖片的上方顯示今天是星期幾，再顯示圖片。

三．實驗步驟：

（1）準備7個gif圖片文件，分別命名為g0.gif~g6.gif。

-2-

（2）打開記事本程序。（3）輸入能夠生成如圖3-11所示頁面的JavaScript程序的源代碼，保存為.html文件，文件名為ex3-1。

（4）雙擊ex3-1.html文件，在瀏覽器中觀察結果。

編寫源程序：

JavaScript星期表

雙擊ex3-1.html文件，在瀏覽器中觀察結果如圖所示：

-3-

四．實驗小結：

通過本次試驗，我掌握如何將JavaScript腳本嵌入HTML文件的方法，以及如何使用

JavaScript腳本語言設計應用程序和JavaScript一些基本的語法。學會了好多，但對于深入

JavaScript腳本語言設計應用程序還要努力。

-4-

實驗二3.2用VBScript腳本語言設計程序。

一．實驗目的:

(1)掌握將VBScript腳本嵌入HTML文件的方法。(2)掌握使用VBScript腳本語言設計應用程序的過程。(3)掌握基本的VBScript語法。

二．實驗內容：

用VBScript腳本語言設計一個簡單的驗證程序：要求在文本框中輸入一個1~100之間的整數，單擊“提交”按鈕。若輸入正確，則彈出對話框，顯示“你輸入對了，謝謝！”，如圖3-12所示；若輸入不正確，則彈出對話框，顯示“請輸入一個1到100之間的數字�！�，如圖3-13所示。

三．實驗步驟:

（1）打開記事本程序。

（2）輸入能夠生成如圖3-12所示頁面的VBScript程序的源代碼，保存為.html文件，

文件名為ex3-2。

（3）雙擊ex3-2.html文件，在瀏覽器中觀察結果。

編寫源程序：

簡單驗證.Form{

margin-top:18px;

}

-5-

簡單驗證

請輸入一個1到100之間的數字：

雙擊ex3-1.html文件，在瀏覽器中觀察結果如圖所示：

-6-

四．實驗小結：

通過這次試驗，我掌握如何將VBScript腳本嵌入HTML文件的方法，學會使用VBScript腳本語言設計應用程序。掌握了VBScript基本的語法。雖然寫VBScript腳本語言設計應用程序是個挑戰(zhàn)但還是堅持了。感悟最大是以后要多練習。要不寫這很難！

-7-

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

來源：網絡整理 免責聲明：本文僅限學習分享，如產生版權問題，請聯系我們及時刪除。

《Web程序設計實驗報告》由互聯網用戶整理提供,轉載分享請保留原作者信息,謝謝!
鏈接地址：http://www.hmlawpc.com/gongwen/673106.html

• 上一篇：網頁實訓報告_
• 下一篇：靜態(tài)網頁設計與制作 實訓報告