第一篇：web實驗報告

實驗報告要求

1、報告用紙 采用統(tǒng)一的河南科技大學實驗報告用紙。

2、實驗報告內(nèi)容

具體內(nèi)容包含以下幾項：（1）實驗題目（2）實驗學時（3）實驗?zāi)康模?）實驗環(huán)境（5）實驗內(nèi)容

（6）出現(xiàn)的問題及解決方法

實驗環(huán)境

實驗的硬件平臺為方正臺式機，主頻2.4Ghz，內(nèi)存4Gb。軟件平臺為VS 2010、Dreamveaver

8、Access 2010、Sqlserver 2008。1

實驗一 Web開發(fā)環(huán)境的建立

一、實驗學時 2學時

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

1、掌握IIS Web服務(wù)器的配置；

2、熟悉Visual Studio 2010開發(fā)環(huán)境。

三、實驗環(huán)境 Windows7

四、實驗內(nèi)容 萬維網(wǎng)發(fā)布服務(wù)

通過將客戶端 HTTP 請求連接到在 IIS 中運行的網(wǎng)站上，萬維網(wǎng)發(fā)布服務(wù)（004km.cn“>清華大學

部分重要代碼如下： 定義文本屬性標記語法格式: 計算機 定義段落屬性標記語法格式: 插入多媒體標記

插入滾動標記

left/center/right/top/middle/buttom

”

behavior=“slide/alternate/scroll”

height=”y或y%” width=”x或x%” direction=”left/right” bgcolor=”顏色值” hspace=”m” vspace=”n” scrollamount=”數(shù)值” scrolldelay=”數(shù)值” loop=”i/-1/infinite”

ONMOUSEOUT=this.start();ONMOUSEOVER=this.stop();>滾動字幕

align：字幕的對齊方式（left/center/right/top/middle/buttom）behavior：設(shè)定瀏覽器處理字幕的方法 height：

設(shè)

定

字

幕的高

度

width：設(shè)定字幕的寬度

direction：設(shè)定字幕滾動的方向（left/right/）bgcolorhspace：：設(shè)

設(shè)定

定字

字幕

左幕

右的的背空

景白

顏空

色

間

vspace：設(shè)定字幕上下的空白空間

scrollamount：設(shè)定每個連續(xù)滾動字幕后面的間隔 scrolldelayloop：：設(shè)

設(shè)定：

鼠定

兩字標

移次

滾幕出

該動的區(qū)之

間滾域

時的間動繼

續(xù)隔次滾

動時

間 數(shù) ； ONMOUSEOUT=this.start()ONMOUSEOVER=this.stop()：鼠標移入該區(qū)域時停止?jié)L動。

六、出現(xiàn)的問題及解決方法

實驗三 XML+CSS布局

一、實驗學時 4學時

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

1、掌握XML描述文檔結(jié)構(gòu)的方法；

2、掌握CSS控制HTML和XML文檔的方法。

三、實驗環(huán)境

四、實驗內(nèi)容

五、實驗步驟

六、出現(xiàn)的問題及解決方法 實驗四 Web數(shù)據(jù)庫訪問技術(shù)

一、實驗學時 2學時

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

掌握.NET 4.0的服務(wù)器端數(shù)據(jù)訪問控件技術(shù)。

三、實驗環(huán)境

四、實驗內(nèi)容

五、實驗步驟

六、出現(xiàn)的問題及解決方法 實驗五 Web站點規(guī)劃設(shè)計

一、實驗學時 4學時

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

以個人信息網(wǎng)站為例，掌握Web站點規(guī)劃設(shè)計方法。

三、實驗環(huán)境

四、實驗內(nèi)容

五、實驗步驟

六、出現(xiàn)的問題及解決方法

第二篇：Web網(wǎng)頁實驗報告

網(wǎng)頁設(shè)計實驗報告

學院：計算機

專業(yè)：網(wǎng)絡(luò)工程

班級：0430801

學號：08490121

姓名：姚樹秘

2011年5月10日Web

實驗一

實驗題目：編程環(huán)境的熟悉 實驗?zāi)康模?/p>

1、學會使用Macromedia Dreamweaver 軟件，了解并掌握該軟件的各種功能，為以后的網(wǎng)頁設(shè)計打下基礎(chǔ)。

2、重點學習使用“頁面創(chuàng)建”和“設(shè)置服務(wù)器信息”功能

實驗環(huán)境：

操作系統(tǒng)為Windows2000或者Windows XP，應(yīng)用軟件為Macromedia Dreamweaver。

實驗步驟：

1、啟動

單擊“開始”，依次指向“程序”、“Macromedia ”，然后單擊“Macromedia Dreamweaver MX”。

2、熟悉和了解Macromedia Dreamweaver MX界面

實驗過程截圖：

心得體會：

通過這次試驗，基本熟悉和掌握了Dreamweaver軟件的功能和用法，能夠用該軟件設(shè)計簡單的網(wǎng)頁。

實驗二

實驗題目：熟悉ASP技術(shù)及它的內(nèi)置對象 試驗?zāi)康模?/p>

1． 了解并掌握ASP初步知識 2． 熟悉ASP內(nèi)置對象

試驗步驟：

1、打開軟件設(shè)計頁面

2、輸入下列代碼

3、建立一個自動監(jiān)測瀏覽時間并根據(jù)不同時段動態(tài)顯示不同頁面內(nèi)容的 ASP 程序，請將以下代碼輸入到Macromedia Dreamweaver的代碼編輯區(qū) , 命名為test1.asp

4、運行結(jié)果

實驗過程截圖：

5、建立一個學生情況調(diào)查表，并將學生填寫的內(nèi)容寫入數(shù)據(jù)文件student.txt中。

6、設(shè)計編譯結(jié)果

心得體會：

通過本次試驗我學會了很多，軟件的掌握和使用也更加熟練，能夠成功的打開ASP文件，更加熟悉了ASP的運用和使用技巧，以及學會怎么打開IIS服務(wù)器，設(shè)置站點信息。

實驗三

試驗題目：

實現(xiàn)與后臺數(shù)據(jù)庫的連接

試驗?zāi)康模?/p>

學會在ASP頁面訪問數(shù)據(jù)庫的方法，包括對后臺數(shù)據(jù)庫進行各項操作； 試驗環(huán)境：

Windows2000/Windows XP（已安裝有IIS系統(tǒng)）,Microsoft Access數(shù)據(jù)庫 實驗步驟：

1、利用 ASP 的 Database Access 組件通過 ADO 連接并操作 WEB 數(shù)據(jù)庫

2、單擊“開始”，選設(shè)置控制面板。

3、雙擊圖標“32 位 ODBC” , 將彈出一個對話框，選標簽“System DSN”

4、單擊“Add”添加一個 DSN 入口 , 選擇如“Microsoft Access Drive”并確認。

5、在“Data Source Name”欄里輸入你希望指定的 DSN, 然后單擊“Select”選擇數(shù)據(jù)庫存放位置，你可以按“Browse”來選取。

6、以上步驟完成后在 ASP 程序中指定 DSN

7、現(xiàn)有兩個數(shù)據(jù)庫表：students表記錄學生的一般數(shù)據(jù)，其中字段studID為學號，studName記錄學生姓名，score表記錄學生成績，其中computer字段和english字段分別記錄studID所表示的學生的計算機和英語課程成績。實驗相關(guān)代碼：

<% @ language=javascript %>