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

　　隨著個(gè)人的素質(zhì)不斷提高，報(bào)告的適用范圍越來(lái)越廣泛，我們?cè)趯?xiě)報(bào)告的時(shí)候要避免篇幅過(guò)長(zhǎng)。我敢肯定，大部分人都對(duì)寫(xiě)報(bào)告很是頭疼的，以下是小編為大家收集的網(wǎng)頁(yè)制作實(shí)驗(yàn)報(bào)告，歡迎大家分享。

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

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

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

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

　　二、儀器用具

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

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

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

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

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

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

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

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

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

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

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

　　六、討論與結(jié)論

　　實(shí)驗(yàn)開(kāi)始之前要先建立一個(gè)根文件夾，在實(shí)驗(yàn)的過(guò)程中把站點(diǎn)存在自己建的文件夾里，這樣才能使實(shí)驗(yàn)條理化，不至于在實(shí)驗(yàn)后找不到自己的站點(diǎn)。在實(shí)驗(yàn)過(guò)程中會(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)二：頁(yè)面圖像設(shè)置

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

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

　　二、儀器用具

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

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

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

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

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

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

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

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

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

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

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

　　六、討論與結(jié)論

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

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

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

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

　　二、儀器用具

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

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

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

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

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

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

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

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

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

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

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

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

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

　　六、討論與結(jié)論

　　本實(shí)驗(yàn)主要通過(guò)整個(gè)表格和單元格顏色的差異來(lái)襯托出實(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)康募耙�求�?/strong>

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

　　二、儀器用具

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

　　六、討論與結(jié)論

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

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

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

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

　　二、儀器用具

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

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

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

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

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

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

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

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

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

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

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

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

　　六、討論與結(jié)論

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

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