歡迎光臨管理范文網(wǎng)
當(dāng)前位置:報(bào)告大全 > 工作報(bào)告 > 報(bào)告范文

網(wǎng)頁實(shí)驗(yàn)報(bào)告5篇

發(fā)布時(shí)間:2023-11-04 14:20:01 查看人數(shù):41

網(wǎng)頁實(shí)驗(yàn)報(bào)告

篇一 六個(gè)網(wǎng)頁制作實(shí)驗(yàn)報(bào)告

六個(gè)網(wǎng)頁制作實(shí)驗(yàn)報(bào)告

實(shí)驗(yàn)一:站點(diǎn)設(shè)置

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

本實(shí)例是通過“站點(diǎn)定義為”對(duì)話框中的“高級(jí)”選項(xiàng)卡創(chuàng)建一個(gè)新站點(diǎn)。

二、儀器用具

1、生均一臺(tái)多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。

2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境,支持asp。

3、安裝網(wǎng)頁三劍客(dreamweavermx;flashmx;fireworksmx)等網(wǎng)頁設(shè)計(jì)軟件;

三、實(shí)驗(yàn)原理

通過“站點(diǎn)定義為”對(duì)話框中的“高級(jí)”選項(xiàng)卡創(chuàng)建一個(gè)新站點(diǎn)。

四、實(shí)驗(yàn)方法與步驟

1)執(zhí)行“站點(diǎn)\管理站點(diǎn)”命令,在彈出的“管理站點(diǎn)”對(duì)話框中單擊“新建”按鈕,在彈出的快捷菜單中選擇“站點(diǎn)”命令。

2)在彈出的“站點(diǎn)定義為”對(duì)話框中單擊“高級(jí)”選項(xiàng)卡。

3)在“站點(diǎn)名稱”文本框中輸入站點(diǎn)名稱,在“默認(rèn)文件夾”文本框中選擇所創(chuàng)建的站點(diǎn)文件夾。在“默認(rèn)圖象文件夾”文本框中選擇存放圖象的文件夾,完成后單擊“確定”按鈕,返回“管理站點(diǎn)”對(duì)話框。

4)在“管理站點(diǎn)”對(duì)話框中單擊“完成”按鈕,站點(diǎn)創(chuàng)建完畢。

五、實(shí)驗(yàn)結(jié)果

六、討論與結(jié)論

實(shí)驗(yàn)開始之前要先建立一個(gè)根文件夾,在實(shí)驗(yàn)的過程中把站點(diǎn)存在自己建的文件夾里,這樣才能使實(shí)驗(yàn)條理化,不至于在實(shí)驗(yàn)后找不到自己的站點(diǎn)。在實(shí)驗(yàn)過程中會(huì)出現(xiàn)一些選項(xiàng),計(jì)算機(jī)一般會(huì)有默認(rèn)的選擇,最后不要去更改,如果要更改要先充分了解清楚該選項(xiàng)的含義,以及它會(huì)造成的效果,否則會(huì)使實(shí)驗(yàn)的結(jié)果失真。實(shí)驗(yàn)前先熟悉好操作軟件是做好該實(shí)驗(yàn)的關(guān)鍵。

實(shí)驗(yàn)二:頁面圖像設(shè)置

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

本實(shí)例的目的是設(shè)置頁面的背景圖像,并創(chuàng)建鼠標(biāo)經(jīng)過圖像。

二、儀器用具

1、生均一臺(tái)多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。

2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境,支持asp。

3、安裝網(wǎng)頁三劍客(dreamweavermx;flashmx;fireworksmx)等網(wǎng)頁設(shè)計(jì)軟件;

4、安裝acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動(dòng)畫與圖形處理或制作軟件。

三、實(shí)驗(yàn)原理

設(shè)置頁面的背景圖像,并創(chuàng)建鼠標(biāo)經(jīng)過圖像。

四、實(shí)驗(yàn)方法與步驟

1)在“頁面屬性”對(duì)話框中設(shè)置頁面的背景圖像。

2)在頁面文檔中單擊“”插入鼠標(biāo)經(jīng)過圖像。

五、實(shí)驗(yàn)結(jié)果

六、討論與結(jié)論

實(shí)驗(yàn)結(jié)束后我們可以看到頁面的背景變成了我們插入的圖像,并且要鼠標(biāo)經(jīng)過的時(shí)候會(huì)變成另一個(gè)圖像,這就是鼠標(biāo)經(jīng)過圖像的效果。當(dāng)然這種實(shí)驗(yàn)效果很難在實(shí)驗(yàn)結(jié)果的截圖里表現(xiàn)出來。這個(gè)實(shí)驗(yàn)的關(guān)鍵在于背景圖像的選擇,如果背景圖像太大不僅會(huì)影響網(wǎng)頁的打開速度,甚至圖像在插入會(huì)也會(huì)有失真的感覺,因此在插入前對(duì)圖像進(jìn)行必要的`處理能使實(shí)驗(yàn)的效果更好。

實(shí)驗(yàn)三:表格制作

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

本實(shí)例是要?jiǎng)?chuàng)建邊框?yàn)?像素的表格。

二、儀器用具

1、生均一臺(tái)多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。

2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境,支持asp。

3、安裝網(wǎng)頁三劍客(dreamweavermx;flashmx;fireworksmx)等網(wǎng)頁設(shè)計(jì)軟件;

4、安裝acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動(dòng)畫與圖形處理或制作軟件。

三、實(shí)驗(yàn)原理

創(chuàng)建邊框?yàn)?像素的表格。

四、實(shí)驗(yàn)方法與步驟

1)在文檔中,單擊表格“”按鈕,在對(duì)話框中將“單元格間距”設(shè)置為“1”。

2)選中插入的表格,將“背景顏色”設(shè)置為“黑色”(#0000000)。

3)在表格中選中所有的單元格,在“屬性”面版中將“背景顏色”設(shè)置為“白色”(#ffffff)。

4)設(shè)置完畢,保存頁面,按下“f12”鍵預(yù)覽。

五、實(shí)驗(yàn)結(jié)果

六、討論與結(jié)論

本實(shí)驗(yàn)主要通過整個(gè)表格和單元格顏色的差異來襯托出實(shí)驗(yàn)效果,間距的作用主要在于表現(xiàn)這種顏色差異。表格的背景顏色和單元格的背景顏色容易混淆,在實(shí)驗(yàn)中要認(rèn)真判斷,一旦操作錯(cuò)誤則得不到實(shí)驗(yàn)的效果。“表格寬度”文本框右側(cè)的表格的寬度單位,包括“像素”和“百分比”兩種,容易混淆,要充分地理解這兩種單位表示的意義才能正確地進(jìn)行選擇,否則就不能達(dá)到自己想要的效果,設(shè)置錯(cuò)誤就會(huì)嚴(yán)重影響實(shí)驗(yàn)效果。

實(shí)驗(yàn)四:創(chuàng)建錨點(diǎn)鏈接

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

本實(shí)例的目的是創(chuàng)建錨點(diǎn)鏈接。

二、儀器用具

1、生均一臺(tái)多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。

2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境,支持asp。

3、安裝網(wǎng)頁三劍客(dreamweavermx;flashmx;fireworksmx)等網(wǎng)頁設(shè)計(jì)軟件;

4、安裝acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動(dòng)畫與圖形處理或制作軟件。

三、實(shí)驗(yàn)原理

創(chuàng)建錨點(diǎn)鏈接。

四、實(shí)驗(yàn)方法與步驟

1)在頁面中插入1行4列的表格,并在各單元格中輸入導(dǎo)航文字。

2)分別選中各單元格的文字,單擊“”按鈕,在彈出的“超級(jí)鏈接”對(duì)話框上的“鏈接”文本框分別輸入“#01”“#02”“#03”“#04”。

3)在文檔中輸入文字并設(shè)置錨記名稱“01”,按下“enter”鍵換行,輸入文章。

4)在文章的結(jié)尾處換行,輸入文字并設(shè)置錨記名稱“02”,按下“enter”鍵換行,輸入文章。

5)同樣的方法在頁面下文分別輸入文字和命名錨記為“03”和“04”,并輸入文章。

6)保存頁面,按下“f12”鍵預(yù)覽。

五、實(shí)驗(yàn)結(jié)果

六、討論與結(jié)論

添加瞄記的作用是可以幫讀者快速找到自己想要的文章,同時(shí)也可以使頁面更加精簡(jiǎn)。本實(shí)驗(yàn)的關(guān)鍵難點(diǎn)在于鏈接文本框輸入的名稱和瞄記的名稱要相一致才能達(dá)到實(shí)驗(yàn)的效果,同時(shí)要記得是在上文章的結(jié)尾處輸入文字并設(shè)置瞄記名稱,并記得輸入對(duì)應(yīng)的文章,否則瞄記可能不能用。熟練程度低在實(shí)驗(yàn)中不能很好地使用各種工具,無法一次準(zhǔn)確地尋找到適當(dāng)?shù)奈恢?。?shí)驗(yàn)中忘記選擇“不可見元素”,幾次實(shí)驗(yàn)都失敗,最后才得出正確的結(jié)論。因此在實(shí)驗(yàn)前要先做好預(yù)習(xí),否則實(shí)驗(yàn)過程會(huì)比較吃力。

實(shí)驗(yàn)五:設(shè)置css樣式

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

本實(shí)例的目的是通過設(shè)置css樣式創(chuàng)建表格的虛線邊框。

二、儀器用具

1、生均一臺(tái)多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。

2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境,支持asp。

3、安裝網(wǎng)頁三劍客(dreamweavermx;flashmx;fireworksmx)等網(wǎng)頁設(shè)計(jì)軟件;

4、安裝acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動(dòng)畫與圖形處理或制作軟件。

三、實(shí)驗(yàn)原理

通過設(shè)置css樣式創(chuàng)建表格的虛線邊框。

四、實(shí)驗(yàn)方法與步驟

1)在網(wǎng)頁中創(chuàng)建一個(gè)表格。

2)在“css樣式”面板中單擊“”按鈕,在彈出的對(duì)話框中進(jìn)行設(shè)置,完成后單擊“確定”按鈕。

3)在彈出的對(duì)話框中進(jìn)行設(shè)置,完成后單擊“確定”按鈕。

五、實(shí)驗(yàn)結(jié)果

六、討論與結(jié)論

對(duì)話框中各項(xiàng)指標(biāo)和屬性的設(shè)置存在一定的難度,如果沒熟練掌握就容易出錯(cuò)使實(shí)驗(yàn)失敗。對(duì)“ccs”樣式所要使用的各種按扭不夠熟悉在使用的時(shí)候覺得很生硬。這個(gè)實(shí)驗(yàn)成功的關(guān)鍵在于對(duì)軟件的掌握程度以及對(duì)各種屬性的認(rèn)識(shí)程度,只要充分地掌握了軟件的各種操作,對(duì)各屬性所代表的含義有充分的認(rèn)識(shí)就能很好地完成這個(gè)實(shí)驗(yàn)。

實(shí)驗(yàn)六:創(chuàng)建表單

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

本實(shí)例的目的是創(chuàng)建一個(gè)募捐表單。

六個(gè)網(wǎng)頁制作實(shí)驗(yàn)報(bào)告

篇二 網(wǎng)頁制作的個(gè)人實(shí)驗(yàn)報(bào)告

網(wǎng)頁制作的個(gè)人實(shí)驗(yàn)報(bào)告

實(shí)驗(yàn)一:站點(diǎn)設(shè)置

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

本實(shí)例是通過“站點(diǎn)定義為”對(duì)話框中的“高級(jí)”選項(xiàng)卡創(chuàng)建一個(gè)新站點(diǎn)。

二、儀器用具

1、生均一臺(tái)多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。

2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境,支持asp。

3、安裝網(wǎng)頁三劍客(dreamweavermx;flashmx;fireworksmx)等網(wǎng)頁設(shè)計(jì)軟件;

三、實(shí)驗(yàn)原理

通過“站點(diǎn)定義為”對(duì)話框中的“高級(jí)”選項(xiàng)卡創(chuàng)建一個(gè)新站點(diǎn)。

四、實(shí)驗(yàn)方法與步驟

1)執(zhí)行“站點(diǎn)\管理站點(diǎn)”命令,在彈出的“管理站點(diǎn)”對(duì)話框中單擊“新建”按鈕,在彈出的快捷菜單中選擇“站點(diǎn)”命令。

2)在彈出的“站點(diǎn)定義為”對(duì)話框中單擊“高級(jí)”選項(xiàng)卡。

3)在“站點(diǎn)名稱”文本框中輸入站點(diǎn)名稱,在“默認(rèn)文件夾”文本框中選擇所創(chuàng)建的站點(diǎn)文件夾。在“默認(rèn)圖象文件夾”文本框中選擇存放圖象的文件夾,完成后單擊“確定”按鈕,返回“管理站點(diǎn)”對(duì)話框。

4)在“管理站點(diǎn)”對(duì)話框中單擊“完成”按鈕,站點(diǎn)創(chuàng)建完畢。

五、實(shí)驗(yàn)結(jié)果

六、討論與結(jié)論

實(shí)驗(yàn)開始之前要先建立一個(gè)根文件夾,在實(shí)驗(yàn)的過程中把站點(diǎn)存在自己建的文件夾里,這樣才能使實(shí)驗(yàn)條理化,不至于在實(shí)驗(yàn)后找不到自己的站點(diǎn)。在實(shí)驗(yàn)過程中會(huì)出現(xiàn)一些選項(xiàng),計(jì)算機(jī)一般會(huì)有默認(rèn)的選擇,最后不要去更改,如果要更改要先充分了解清楚該選項(xiàng)的含義,以及它會(huì)造成的效果,否則會(huì)使實(shí)驗(yàn)的結(jié)果失真。實(shí)驗(yàn)前先熟悉好操作軟件是做好該實(shí)驗(yàn)的關(guān)鍵。

實(shí)驗(yàn)二:頁面圖像設(shè)置

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

本實(shí)例的目的是設(shè)置頁面的背景圖像,并創(chuàng)建鼠標(biāo)經(jīng)過圖像。

二、儀器用具

1、生均一臺(tái)多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。

2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境,支持asp。

3、安裝網(wǎng)頁三劍客(dreamweavermx;flashmx;fireworksmx)等網(wǎng)頁設(shè)計(jì)軟件;

4、安裝acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動(dòng)畫與圖形處理或制作軟件。

三、實(shí)驗(yàn)原理

設(shè)置頁面的背景圖像,并創(chuàng)建鼠標(biāo)經(jīng)過圖像。

四、實(shí)驗(yàn)方法與步驟

1)在“頁面屬性”對(duì)話框中設(shè)置頁面的背景圖像。

2)在頁面文檔中單擊“”插入鼠標(biāo)經(jīng)過圖像。

五、實(shí)驗(yàn)結(jié)果

六、討論與結(jié)論

實(shí)驗(yàn)結(jié)束后我們可以看到頁面的背景變成了我們插入的圖像,并且要鼠標(biāo)經(jīng)過的時(shí)候會(huì)變成另一個(gè)圖像,這就是鼠標(biāo)經(jīng)過圖像的效果。當(dāng)然這種實(shí)驗(yàn)效果很難在實(shí)驗(yàn)結(jié)果的截圖里表現(xiàn)出來。這個(gè)實(shí)驗(yàn)的關(guān)鍵在于背景圖像的選擇,如果背景圖像太大不僅會(huì)影響網(wǎng)頁的打開速度,甚至圖像在插入會(huì)也會(huì)有失真的感覺,因此在插入前對(duì)圖像進(jìn)行必要的處理能使實(shí)驗(yàn)的效果更好。

實(shí)驗(yàn)三:表格制作

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

本實(shí)例是要?jiǎng)?chuàng)建邊框?yàn)?像素的表格。

二、儀器用具

1、生均一臺(tái)多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。

2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境,支持asp。

3、安裝網(wǎng)頁三劍客(dreamweavermx;flashmx;fireworksmx)等網(wǎng)頁設(shè)計(jì)軟件;

4、安裝acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動(dòng)畫與圖形處理或制作軟件。

三、實(shí)驗(yàn)原理

創(chuàng)建邊框?yàn)?像素的表格。

四、實(shí)驗(yàn)方法與步驟

1)在文檔中,單擊表格“”按鈕,在對(duì)話框中將“單元格間距”設(shè)置為“1”。

2)選中插入的`表格,將“背景顏色”設(shè)置為“黑色”(#0000000)。

3)在表格中選中所有的單元格,在“屬性”面版中將“背景顏色”設(shè)置為“白色”(#ffffff)。

4)設(shè)置完畢,保存頁面,按下“f12”鍵預(yù)覽。

五、實(shí)驗(yàn)結(jié)果

六、討論與結(jié)論

本實(shí)驗(yàn)主要通過整個(gè)表格和單元格顏色的差異來襯托出實(shí)驗(yàn)效果,間距的作用主要在于表現(xiàn)這種顏色差異。表格的背景顏色和單元格的背景顏色容易混淆,在實(shí)驗(yàn)中要認(rèn)真判斷,一旦操作錯(cuò)誤則得不到實(shí)驗(yàn)的效果?!氨砀駥挾取蔽谋究蛴覀?cè)的表格的寬度單位,包括“像素”和“百分比”兩種,容易混淆,要充分地理解這兩種單位表示的意義才能正確地進(jìn)行選擇,否則就不能達(dá)到自己想要的效果,設(shè)置錯(cuò)誤就會(huì)嚴(yán)重影響實(shí)驗(yàn)效果。

實(shí)驗(yàn)四:創(chuàng)建錨點(diǎn)鏈接

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

本實(shí)例的目的是創(chuàng)建錨點(diǎn)鏈接。

二、儀器用具

1、生均一臺(tái)多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。

2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境,支持asp。

3、安裝網(wǎng)頁三劍客(dreamweavermx;flashmx;fireworksmx)等網(wǎng)頁設(shè)計(jì)軟件;

4、安裝acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動(dòng)畫與圖形處理或制作軟件。共2頁,當(dāng)前第1頁12網(wǎng)頁制作實(shí)驗(yàn)報(bào)告

三、實(shí)驗(yàn)原理

創(chuàng)建錨點(diǎn)鏈接。

四、實(shí)驗(yàn)方法與步驟

1)在頁面中插入1行4列的表格,并在各單元格中輸入導(dǎo)航文字。

2)分別選中各單元格的文字,單擊“”按鈕,在彈出的“超級(jí)鏈接”對(duì)話框上的“鏈接”文本框分別輸入“#01”“#02”“#03”“#04”。

3)在文檔中輸入文字并設(shè)置錨記名稱“01”,按下“enter”鍵換行,輸入文章。

4)在文章的結(jié)尾處換行,輸入文字并設(shè)置錨記名稱“02”,按下“enter”鍵換行,輸入文章。

5)同樣的方法在頁面下文分別輸入文字和命名錨記為“03”和“04”,并輸入文章。

6)保存頁面,按下“f12”鍵預(yù)覽。

五、實(shí)驗(yàn)結(jié)果

六、討論與結(jié)論

添加瞄記的作用是可以幫讀者快速找到自己想要的文章,同時(shí)也可以使頁面更加精簡(jiǎn)。本實(shí)驗(yàn)的關(guān)鍵難點(diǎn)在于鏈接文本框輸入的名稱和瞄記的名稱要相一致才能達(dá)到實(shí)驗(yàn)的效果,同時(shí)要記得是在上文章的結(jié)尾處輸入文字并設(shè)置瞄記名稱,并記得輸入對(duì)應(yīng)的文章,否則瞄記可能不能用。熟練程度低在實(shí)驗(yàn)中不能很好地使用各種工具,無法一次準(zhǔn)確地尋找到適當(dāng)?shù)奈恢?。?shí)驗(yàn)中忘記選擇“不可見元素”,幾次實(shí)驗(yàn)都失敗,最后才得出正確的結(jié)論。因此在實(shí)驗(yàn)前要先做好預(yù)習(xí),否則實(shí)驗(yàn)過程會(huì)比較吃力。

實(shí)驗(yàn)五:設(shè)置css樣式

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

本實(shí)例的目的是通過設(shè)置css樣式創(chuàng)建表格的虛線邊框。

二、儀器用具

1、生均一臺(tái)多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。

2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境,支持asp。

3、安裝網(wǎng)頁三劍客(dreamweavermx;flashmx;fireworksmx)等網(wǎng)頁設(shè)計(jì)軟件;

4、安裝acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動(dòng)畫與圖形處理或制作軟件。

三、實(shí)驗(yàn)原理

通過設(shè)置css樣式創(chuàng)建表格的虛線邊框。

四、實(shí)驗(yàn)方法與步驟

1)在網(wǎng)頁中創(chuàng)建一個(gè)表格。

2)在“css樣式”面板中單擊“”按鈕,在彈出的對(duì)話框中進(jìn)行設(shè)置,完成后單擊“確定”按鈕。

3)在彈出的對(duì)話框中進(jìn)行設(shè)置,完成后單擊“確定”按鈕。

五、實(shí)驗(yàn)結(jié)果

六、討論與結(jié)論

對(duì)話框中各項(xiàng)指標(biāo)和屬性的設(shè)置存在一定的難度,如果沒熟練掌握就容易出錯(cuò)使實(shí)驗(yàn)失敗。對(duì)“ccs”樣式所要使用的各種按扭不夠熟悉在使用的時(shí)候覺得很生硬。這個(gè)實(shí)驗(yàn)成功的關(guān)鍵在于對(duì)軟件的掌握程度以及對(duì)各種屬性的認(rèn)識(shí)程度,只要充分地掌握了軟件的各種操作,對(duì)各屬性所代表的含義有充分的認(rèn)識(shí)就能很好地完成這個(gè)實(shí)驗(yàn)。

網(wǎng)頁制作的個(gè)人實(shí)驗(yàn)報(bào)告

篇三 網(wǎng)頁制作實(shí)驗(yàn)報(bào)告

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

本實(shí)例是通過“站點(diǎn)定義為”對(duì)話框中的“高級(jí)”選項(xiàng)卡創(chuàng)建一個(gè)新站點(diǎn)。

二、儀器用具

1、生均一臺(tái)多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。

2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境,支持asp。

3、安裝網(wǎng)頁三劍客(dreamweavermx;flashmx;fireworksmx)等網(wǎng)頁設(shè)計(jì)軟件;

三、實(shí)驗(yàn)原理

通過“站點(diǎn)定義為”對(duì)話框中的“高級(jí)”選項(xiàng)卡創(chuàng)建一個(gè)新站點(diǎn)。

四、實(shí)驗(yàn)方法與步驟

1)執(zhí)行“站點(diǎn)\管理站點(diǎn)”命令,在彈出的“管理站點(diǎn)”對(duì)話框中單擊“新建”按鈕,在彈出的快捷菜單中選擇“站點(diǎn)”命令。

2)在彈出的“站點(diǎn)定義為”對(duì)話框中單擊“高級(jí)”選項(xiàng)卡。

3)在“站點(diǎn)名稱”文本框中輸入站點(diǎn)名稱,在“默認(rèn)文件夾”文本框中選擇所創(chuàng)建的站點(diǎn)文件夾。在“默認(rèn)圖象文件夾”文本框中選擇存放圖象的文件夾,完成后單擊“確定”按鈕,返回“管理站點(diǎn)”對(duì)話框。

4)在“管理站點(diǎn)”對(duì)話框中單擊“完成”按鈕,站點(diǎn)創(chuàng)建完畢。

五、實(shí)驗(yàn)結(jié)果

六、討論與結(jié)論

實(shí)驗(yàn)開始之前要先建立一個(gè)根文件夾,在實(shí)驗(yàn)的過程中把站點(diǎn)存在自己建的文件夾里,這樣才能使實(shí)驗(yàn)條理化,不至于在實(shí)驗(yàn)后找不到自己的站點(diǎn)。在實(shí)驗(yàn)過程中會(huì)出現(xiàn)一些選項(xiàng),計(jì)算機(jī)一般會(huì)有默認(rèn)的選擇,最后不要去更改,如果要更改要先充分了解清楚該選項(xiàng)的含義,以及它會(huì)造成的效果,否則會(huì)使實(shí)驗(yàn)的結(jié)果失真。實(shí)驗(yàn)前先熟悉好操作軟件是做好該實(shí)驗(yàn)的關(guān)鍵。

篇四 網(wǎng)頁制作實(shí)驗(yàn)報(bào)告范例

ffffff)。

4) 設(shè)置完畢,保存頁面,按下“f12”鍵預(yù)覽。

五、實(shí)驗(yàn)結(jié)果

六、討論與結(jié)論

本實(shí)驗(yàn)主要通過整個(gè)表格和單元格顏色的差異來襯托出實(shí)驗(yàn)效果,間距的作用主要在于表現(xiàn)這種顏色差異。表格的背景顏色和單元格的背景顏色容易混淆,在實(shí)驗(yàn)中要認(rèn)真判斷,一旦操作錯(cuò)誤則得不到實(shí)驗(yàn)的效果?!氨砀駥挾取蔽谋究蛴覀?cè)的表格的寬度單位,包括“像素”和“百分比”兩種,容易混淆,要充分地理解這兩種單位表示的意義才能正確地進(jìn)行選擇,否則就不能達(dá)到自己想要的效果,設(shè)置錯(cuò)誤就會(huì)嚴(yán)重影響實(shí)驗(yàn)效果。

實(shí)驗(yàn)四:創(chuàng)建錨點(diǎn)鏈接

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

本實(shí)例的目的是創(chuàng)建錨點(diǎn)鏈接。

二、儀器用具

1、生均一臺(tái)多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。

2、安裝windows xp操作系統(tǒng);建立iis服務(wù)器環(huán)境,支持asp。

3、安裝網(wǎng)頁三劍客(dreamweaver mx;flash mx;fireworks mx)等網(wǎng)頁設(shè)計(jì)軟件;

4、安裝acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動(dòng)畫與圖形處理或制作軟件。

三、實(shí)驗(yàn)原理

創(chuàng)建錨點(diǎn)鏈接。

四、實(shí)驗(yàn)方法與步驟

1) 在頁面中插入1行4列的表格,并在各單元格中輸入導(dǎo)航文字。

2) 分別選中各單元格的文字,單擊“”按鈕,在彈出的“超級(jí)鏈接”對(duì)話框上的“鏈接”文本框分別輸入“#01”“#02”“#03”“#04”。

3) 在文檔中輸入文字并設(shè)置錨記名稱“01”,按下“ enter”鍵換行,輸入文章。

4) 在文章的結(jié)尾處換行,輸入文字并設(shè)置錨記名稱“02”,按下“ enter”鍵換行,輸入文章。

5) 同樣的方法在頁面下文分別輸入文字和命名錨記為“03”和“04”,并輸入文章。

6) 保存頁面,按下“f12”鍵預(yù)覽。

五、實(shí)驗(yàn)結(jié)果

六、討論與結(jié)論

添加瞄記的作用是可以幫讀者快速找到自己想要的文章,同時(shí)也可以使頁面更加精簡(jiǎn)。本實(shí)驗(yàn)的關(guān)鍵難點(diǎn)在于鏈接文本框輸入的名稱和瞄記的名稱要相一致才能達(dá)到實(shí)驗(yàn)的效果,同時(shí)要記得是在上文章的結(jié)尾處輸入文字并設(shè)置瞄記名稱,并記得輸入對(duì)應(yīng)的文章,否則瞄記可能不能用。熟練程度低在實(shí)驗(yàn)中不能很好地使用各種工具,無法一次準(zhǔn)確地尋找到適當(dāng)?shù)奈恢谩?shí)驗(yàn)中忘記選擇“不可見元素”,幾次實(shí)驗(yàn)都失敗,最后才得出正確的結(jié)論。因此在實(shí)驗(yàn)前要先做好預(yù)習(xí),否則實(shí)驗(yàn)過程會(huì)比較吃力。

實(shí)驗(yàn)五:設(shè)置css樣式

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

本實(shí)例的目的是通過設(shè)置css樣式創(chuàng)建表格的虛線邊框。

二、儀器用具

1、生均一臺(tái)多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。

2、安裝windows xp操作系統(tǒng);建立iis服務(wù)器環(huán)境,支持asp。

3、安裝網(wǎng)頁三劍客(dreamweaver mx;flash mx;fireworks mx)等網(wǎng)頁設(shè)計(jì)軟件;

4、安裝acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動(dòng)畫與圖形處理或制作軟件。

三、實(shí)驗(yàn)原理

通過設(shè)置css樣式創(chuàng)建表格的虛線邊框。

四、實(shí)驗(yàn)方法與步驟

1) 在網(wǎng)頁中創(chuàng)建一個(gè)表格。

2) 在“css樣式”面板中單擊“”按鈕,在彈出的對(duì)話框中進(jìn)行設(shè)置,完成后單擊“確定”按鈕。

3) 在彈出的對(duì)話框中進(jìn)行設(shè)置,完成后單擊“確定”按鈕。

五、實(shí)驗(yàn)結(jié)果

六、討論與結(jié)論

對(duì)話框中各項(xiàng)指標(biāo)和屬性的設(shè)置存在一定的難度,如果沒熟練掌握就容易出錯(cuò)使實(shí)驗(yàn)失敗。對(duì)“ccs”樣式所要使用的各種按扭不夠熟悉在使用的時(shí)候覺得很生硬。這個(gè)實(shí)驗(yàn)成功的關(guān)鍵在于對(duì)軟件的掌握程度以及對(duì)各種屬性的認(rèn)識(shí)程度,只要充分地掌握了軟件的各種操作,對(duì)各屬性所代表的含義有充分的認(rèn)識(shí)就能很好地完成這個(gè)實(shí)驗(yàn)。

實(shí)驗(yàn)六:創(chuàng)建表單

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

本實(shí)例的目的是創(chuàng)建一個(gè)募捐表單。

篇五 網(wǎng)頁制作實(shí)驗(yàn)報(bào)告格式

ffffff)。

4) 設(shè)置完畢,保存頁面,按下“f12”鍵預(yù)覽。

五、實(shí)驗(yàn)結(jié)果

六、討論與結(jié)論

本實(shí)驗(yàn)主要通過整個(gè)表格和單元格顏色的差異來襯托出實(shí)驗(yàn)效果,間距的作用主要在于表現(xiàn)這種顏色差異。表格的背景顏色和單元格的背景顏色容易混淆,在實(shí)驗(yàn)中要認(rèn)真判斷,一旦操作錯(cuò)誤則得不到實(shí)驗(yàn)的效果。“表格寬度”文本框右側(cè)的表格的寬度單位,包括“像素”和“百分比”兩種,容易混淆,要充分地理解這兩種單位表示的意義才能正確地進(jìn)行選擇,否則就不能達(dá)到自己想要的效果,設(shè)置錯(cuò)誤就會(huì)嚴(yán)重影響實(shí)驗(yàn)效果。

實(shí)驗(yàn)四:創(chuàng)建錨點(diǎn)鏈接

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

本實(shí)例的目的是創(chuàng)建錨點(diǎn)鏈接。

二、儀器用具

1、生均一臺(tái)多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。

2、安裝windows xp操作系統(tǒng);建立iis服務(wù)器環(huán)境,支持asp。

3、安裝網(wǎng)頁三劍客(dreamweaver mx;flash mx;fireworks mx)等網(wǎng)頁設(shè)計(jì)軟件;

4、安裝acdsee、photoshop等圖形處理與制作軟件;

網(wǎng)頁實(shí)驗(yàn)報(bào)告5篇

設(shè)置完畢,保存頁面,按下“f12”鍵預(yù)覽。五、實(shí)驗(yàn)結(jié)果六、討論與結(jié)論本實(shí)驗(yàn)主要通過整個(gè)表格和單元格顏色的差異來襯托出實(shí)驗(yàn)效果,間距的作用主要在于表現(xiàn)這種顏色…
推薦度:
點(diǎn)擊下載文檔文檔為doc格式

相關(guān)網(wǎng)頁信息

  • 網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告模板(十五篇)
  • 網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告模板(十五篇)95人關(guān)注

    實(shí)習(xí)目的:熟悉和掌握計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的基本技巧及網(wǎng)頁制作相關(guān)工具軟件等內(nèi)容。培養(yǎng)我們利用計(jì)算機(jī)進(jìn)行商務(wù)網(wǎng)頁設(shè)計(jì)的 基本思路和應(yīng)用開發(fā)能力,提高我們的計(jì)算機(jī)文 ...[更多]

  • 網(wǎng)頁制作實(shí)驗(yàn)報(bào)告5篇
  • 網(wǎng)頁制作實(shí)驗(yàn)報(bào)告5篇56人關(guān)注

    ffffff)。4)設(shè)置完畢,保存頁面,按下“f12”鍵預(yù)覽。五、實(shí)驗(yàn)結(jié)果六、討論與結(jié)論本實(shí)驗(yàn)主要通過整個(gè)表格和單元格顏色的差異來襯托出實(shí)驗(yàn)效果,間距的作用主要在于表現(xiàn) ...[更多]

  • 網(wǎng)頁實(shí)驗(yàn)報(bào)告5篇
  • 網(wǎng)頁實(shí)驗(yàn)報(bào)告5篇41人關(guān)注

    設(shè)置完畢,保存頁面,按下“f12”鍵預(yù)覽。五、實(shí)驗(yàn)結(jié)果六、討論與結(jié)論本實(shí)驗(yàn)主要通過整個(gè)表格和單元格顏色的差異來襯托出實(shí)驗(yàn)效果,間距的作用主要在于表現(xiàn)這種顏色… ...[更多]

報(bào)告范文熱門信息