網(wǎng)頁(yè)制作實(shí)驗報告格式
隨著(zhù)個(gè)人的文明素養不斷提升，報告與我們愈發(fā)關(guān)系密切，要注意報告在寫(xiě)作時(shí)具有一定的格式。那么什么樣的報告才是有效的呢？下面是小編為大家收集的網(wǎng)頁(yè)制作實(shí)驗報告格式，歡迎閱讀，希望大家能夠喜歡。
實(shí)驗一：站點(diǎn)設置
一、實(shí)驗目的及要求
本實(shí)例是通過(guò)“站點(diǎn)定義為”對話(huà)框中的“高級”選項卡創(chuàng )建一個(gè)新站點(diǎn)。
二、儀器用具
1、生均一臺多媒體電腦，組建內部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。
2、安裝windowsxp操作系統;建立iis服務(wù)器環(huán)境，支持asp。
3、安裝網(wǎng)頁(yè)三劍客(dreamweavermx;flashmx;fireworksmx)等網(wǎng)頁(yè)設計軟件;
三、實(shí)驗原理
通過(guò)“站點(diǎn)定義為”對話(huà)框中的“高級”選項卡創(chuàng )建一個(gè)新站點(diǎn)。
四、實(shí)驗方法與步驟
1)執行“站點(diǎn)管理站點(diǎn)”命令，在彈出的“管理站點(diǎn)”對話(huà)框中單擊“新建”按鈕，在彈出的快捷菜單中選擇“站點(diǎn)”命令。
2)在彈出的“站點(diǎn)定義為”對話(huà)框中單擊“高級”選項卡。
3)在“站點(diǎn)名稱(chēng)”文本框中輸入站點(diǎn)名稱(chēng)，在“默認文件夾”文本框中選擇所創(chuàng )建的站點(diǎn)文件夾。在“默認圖象文件夾”文本框中選擇存放圖象的文件夾，完成后單擊“確定”按鈕，返回“管理站點(diǎn)”對話(huà)框。
4)在“管理站點(diǎn)”對話(huà)框中單擊“完成”按鈕，站點(diǎn)創(chuàng )建完畢。
五、實(shí)驗結果
六、討論與結論
實(shí)驗開(kāi)始之前要先建立一個(gè)根文件夾，在實(shí)驗的過(guò)程中把站點(diǎn)存在自己建的文件夾里，這樣才能使實(shí)驗條理化，不至于在實(shí)驗后找不到自己的站點(diǎn)。在實(shí)驗過(guò)程中會(huì )出現一些選項，計算機一般會(huì )有默認的選擇，最后不要去更改，如果要更改要先充分了解清楚該選項的含義，以及它會(huì )造成的效果，否則會(huì )使實(shí)驗的結果失真。實(shí)驗前先熟悉好操作軟件是做好該實(shí)驗的關(guān)鍵。
實(shí)驗二：頁(yè)面圖像設置
一、實(shí)驗目的及要求：
本實(shí)例的目的是設置頁(yè)面的背景圖像,并創(chuàng )建鼠標經(jīng)過(guò)圖像。
二、儀器用具
1、生均一臺多媒體電腦，組建內部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。
2、安裝windowsxp操作系統;建立iis服務(wù)器環(huán)境，支持asp。
3、安裝網(wǎng)頁(yè)三劍客(dreamweavermx;flashmx;fireworksmx)等網(wǎng)頁(yè)設計軟件;
4、安裝acdsee、photoshop等圖形處理與制作軟件;
5、其他一些動(dòng)畫(huà)與圖形處理或制作軟件。
三、實(shí)驗原理
設置頁(yè)面的背景圖像,并創(chuàng )建鼠標經(jīng)過(guò)圖像。
四、實(shí)驗方法與步驟
1)在“頁(yè)面屬性”對話(huà)框中設置頁(yè)面的背景圖像。
2)在頁(yè)面文檔中單擊“”插入鼠標經(jīng)過(guò)圖像。
五、實(shí)驗結果
六、討論與結論
實(shí)驗結束后我們可以看到頁(yè)面的背景變成了我們插入的圖像，并且要鼠標經(jīng)過(guò)的時(shí)候會(huì )變成另一個(gè)圖像，這就是鼠標經(jīng)過(guò)圖像的效果。當然這種實(shí)驗效果很難在實(shí)驗結果的截圖里表現出來(lái)。這個(gè)實(shí)驗的關(guān)鍵在于背景圖像的選擇，如果背景圖像太大不僅會(huì )影響網(wǎng)頁(yè)的打開(kāi)速度，甚至圖像在插入會(huì )也會(huì )有失真的感覺(jué)，因此在插入前對圖像進(jìn)行必要的處理能使實(shí)驗的'效果更好。
實(shí)驗三：表格制作
一、實(shí)驗目的及要求：
本實(shí)例是要創(chuàng )建邊框為1像素的表格。
二、儀器用具
1、生均一臺多媒體電腦，組建內部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。
2、安裝windowsxp操作系統;建立iis服務(wù)器環(huán)境，支持asp。
3、安裝網(wǎng)頁(yè)三劍客(dreamweavermx;flashmx;fireworksmx)等網(wǎng)頁(yè)設計軟件;
4、安裝acdsee、photoshop等圖形處理與制作軟件;
5、其他一些動(dòng)畫(huà)與圖形處理或制作軟件。
三、實(shí)驗原理
創(chuàng )建邊框為1像素的表格。
四、實(shí)驗方法與步驟
1)在文檔中，單擊表格“”按鈕，在對話(huà)框中將“單元格間距”設置為“1”。
2)選中插入的表格，將“背景顏色”設置為“黑色”(#0000000)。
3)在表格中選中所有的單元格，在“屬性”面版中將“背景顏色”設置為“白色”(#ffffff)。
4)設置完畢，保存頁(yè)面，按下“f12”鍵預覽。
五、實(shí)驗結果
六、討論與結論
本實(shí)驗主要通過(guò)整個(gè)表格和單元格顏色的差異來(lái)襯托出實(shí)驗效果，間距的作用主要在于表現這種顏色差異。表格的背景顏色和單元格的背景顏色容易混淆，在實(shí)驗中要認真判斷，一旦操作錯誤則得不到實(shí)驗的效果�！氨砀駥挾取蔽谋究蛴覀鹊谋砀竦膶挾葐挝�，包括“像素”和“百分比”兩種，容易混淆，要充分地理解這兩種單位表示的意義才能正確地進(jìn)行選擇，否則就不能達到自己想要的效果，設置錯誤就會(huì )嚴重影響實(shí)驗效果。
實(shí)驗四：創(chuàng )建錨點(diǎn)鏈接
一、實(shí)驗目的及要求：
本實(shí)例的目的是創(chuàng )建錨點(diǎn)鏈接。
二、儀器用具
1、生均一臺多媒體電腦，組建內部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。
2、安裝windowsxp操作系統;建立iis服務(wù)器環(huán)境，支持asp。
3、安裝網(wǎng)頁(yè)三劍客(dreamweavermx;flashmx;fireworksmx)等網(wǎng)頁(yè)設計軟件;
4、安裝acdsee、photoshop等圖形處理與制作軟件;
5、其他一些動(dòng)畫(huà)與圖形處理或制作軟件。
三、實(shí)驗原理
創(chuàng )建錨點(diǎn)鏈接。
四、實(shí)驗方法與步驟
1)在頁(yè)面中插入1行4列的表格，并在各單元格中輸入導航文字。
2)分別選中各單元格的文字，單擊“”按鈕，在彈出的“超級鏈接”對話(huà)框上的“鏈接”文本框分別輸入“#01”“#02”“#03”“#04”。
3)在文檔中輸入文字并設置錨記名稱(chēng)“01”，按下“enter”鍵換行，輸入一篇文章。
4)在文章的結尾處換行，輸入文字并設置錨記名稱(chēng)“02”，按下“enter”鍵換行，輸入一篇文章。
5)同樣的方法在頁(yè)面下文分別輸入文字和命名錨記為“03”和“04”，并輸入文章。
6)保存頁(yè)面，按下“f12”鍵預覽。
五、實(shí)驗結果
六、討論與結論
添加瞄記的作用是可以幫讀者快速找到自己想要的文章，同時(shí)也可以使頁(yè)面更加精簡(jiǎn)。本實(shí)驗的關(guān)鍵難點(diǎn)在于鏈接文本框輸入的名稱(chēng)和瞄記的名稱(chēng)要相一致才能達到實(shí)驗的效果，同時(shí)要記得是在上一篇文章的結尾處輸入文字并設置瞄記名稱(chēng)，并記得輸入對應的文章，否則瞄記可能不能用。熟練程度低在實(shí)驗中不能很好地使用各種工具，無(wú)法一次準確地尋找到適當的位置。實(shí)驗中忘記選擇“不可見(jiàn)元素”，幾次實(shí)驗都失敗，最后才得出正確的結論。因此在實(shí)驗前要先做好預習，否則實(shí)驗過(guò)程會(huì )比較吃力。
實(shí)驗五：設置css樣式
一、實(shí)驗目的及要求：
本實(shí)例的目的是通過(guò)設置css樣式創(chuàng )建表格的虛線(xiàn)邊框。
二、儀器用具
1、生均一臺多媒體電腦，組建內部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。
2、安裝windowsxp操作系統;建立iis服務(wù)器環(huán)境，支持asp。
3、安裝網(wǎng)頁(yè)三劍客(dreamweavermx;flashmx;fireworksmx)等網(wǎng)頁(yè)設計軟件;
4、安裝acdsee、photoshop等圖形處理與制作軟件;
5、其他一些動(dòng)畫(huà)與圖形處理或制作軟件。
三、實(shí)驗原理
通過(guò)設置css樣式創(chuàng )建表格的虛線(xiàn)邊框。
四、實(shí)驗方法與步驟
1)在網(wǎng)頁(yè)中創(chuàng )建一個(gè)表格。
2)在“css樣式”面板中單擊“”按鈕，在彈出的對話(huà)框中進(jìn)行設置，完成后單擊“確定”按鈕。
3)在彈出的對話(huà)框中進(jìn)行設置，完成后單擊“確定”按鈕。
五、實(shí)驗結果
六、討論與結論
對話(huà)框中各項指標和屬性的設置存在一定的難度，如果沒(méi)熟練掌握就容易出錯使實(shí)驗失敗。對“ccs”樣式所要使用的各種按扭不夠熟悉在使用的時(shí)候覺(jué)得很生硬。這個(gè)實(shí)驗成功的關(guān)鍵在于對軟件的掌握程度以及對各種屬性的認識程度，只要充分地掌握了軟件的各種操作，對各屬性所代表的含義有充分的認識就能很好地完成這個(gè)實(shí)驗。
實(shí)驗六：創(chuàng )建表單
一、實(shí)驗目的及要求：
本實(shí)例的目的是創(chuàng )建一個(gè)募捐表單。
二、儀器用具
1、生均一臺多媒體電腦，組建內部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。
2、安裝WindowsXP操作系統;建立IIS服務(wù)器環(huán)境，支持ASP。
3、安裝網(wǎng)頁(yè)三劍客(DreamweaverMX;FlashMX;FireworksMX)等網(wǎng)頁(yè)設計軟件;
4、安裝Acdsee、Photoshop等圖形處理與制作軟件;
5、其他一些動(dòng)畫(huà)與圖形處理或制作軟件。
三、實(shí)驗原理
創(chuàng )建一個(gè)募捐表單。
四、實(shí)驗方法與步驟
1)在網(wǎng)頁(yè)中插入表格，設置為居中對齊，并插入一幅圖像。
2)在表格的第二行單元格中，單擊“”按鈕，插入表單。
3)在表單域中插入表單對象和文字。
4)按下“F12”鍵，預覽效果。
五、實(shí)驗結果
六、討論與結論
這個(gè)圖像關(guān)鍵首先在于背景圖象的選擇，圖像如果過(guò)于花俏則會(huì )使表單過(guò)于雜亂，如果顏色過(guò)深則會(huì )掩蓋了表單上的字，依次最好不要用黑色。圖像也不能過(guò)大，不然會(huì )使表單太繁雜。其次是各多選框和單選按扭的設置難度比較大，對于初次做這個(gè)實(shí)驗的人來(lái)說(shuō)需要多次的試驗才能達到滿(mǎn)意的效果。表格拆分的難度大，要多次實(shí)驗才能達到自己想要的效果。
實(shí)驗七：頁(yè)面中控制播放Flash動(dòng)畫(huà)
一、實(shí)驗目的及要求：
本實(shí)例的目的是實(shí)現在頁(yè)面中控制播放Flash動(dòng)畫(huà)。
二、儀器用具
1、生均一臺多媒體電腦，組建內部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。
2、安裝WindowsXP操作系統;建立IIS服務(wù)器環(huán)境，支持ASP。
3、安裝網(wǎng)頁(yè)三劍客(DreamweaverMX;FlashMX;FireworksMX)等網(wǎng)頁(yè)設計軟件;
4、安裝Acdsee、Photoshop等圖形處理與制作軟件;
5、其他一些動(dòng)畫(huà)與圖形處理或制作軟件。
三、實(shí)驗原理
實(shí)現在頁(yè)面中控制播放Flash動(dòng)畫(huà)。
四、實(shí)驗方法與步驟
1)在頁(yè)面中插入表格，并在表格中插入Flash動(dòng)畫(huà)和兩個(gè)表單按鈕。
2)分別選擇兩個(gè)表單按鈕，在“行為”面板中單擊“”按鈕，在彈出的快捷菜單中選擇“控制Shockwave或Flash”命令，打開(kāi)“控制Shockwave或Flash”對話(huà)框，分別設置。
3)保存頁(yè)面，按下“F12”鍵預覽。單擊“播放”按鈕時(shí)，開(kāi)始播放Flash動(dòng)畫(huà);當單擊“停止”按鈕時(shí)，則停止播放Flash動(dòng)畫(huà)。
五、實(shí)驗結果
六、討論與結論
“控制Shockwave或Flash”對話(huà)框，設置難度比較大，設置錯誤FLASH可能無(wú)法播放�？刂瓢粹o的創(chuàng )建也是關(guān)鍵所在，控制按鈕不能使用則等于整個(gè)實(shí)驗的失敗，因此要認真做好各個(gè)按鈕并確保質(zhì)量。在這次實(shí)驗中我遇到的最大問(wèn)題就是設置“控制Shockwave或Flash”對話(huà)框，因為我對其各項的屬性了解不夠清楚，在選擇時(shí)很難正確地做出判斷，因此掌握好這方面的知識是做好這個(gè)實(shí)驗的前提。
實(shí)驗八：制作浮雕文字
一、實(shí)驗目的及要求：
本實(shí)例使用Flash的繪畫(huà)工具制作出的有浮雕感的文字。
二、儀器用具
1、生均一臺多媒體電腦，組建內部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。
2、安裝WindowsXP操作系統;建立IIS服務(wù)器環(huán)境，支持ASP。
3、安裝網(wǎng)頁(yè)三劍客(DreamweaverMX;FlashMX;FireworksMX)等網(wǎng)頁(yè)設計軟件;
4、安裝Acdsee、Photoshop等圖形處理與制作軟件;
5、其他一些動(dòng)畫(huà)與圖形處理或制作軟件。
三、實(shí)驗原理
使用Flash的繪畫(huà)工具制作出的有浮雕感的文字。
四、實(shí)驗方法與步驟
1)在舞臺中輸入文本，并將文本移動(dòng)到舞臺中央位置。
2)新建圖層2，并復制圖層1的第1幀到圖層2的第1幀，并改變字體顏色。
3)拖曳圖層2到圖層1的下方，分別按下鍵盤(pán)上的方向鍵的左移鍵和上移鍵各一次。
4)新建圖層3，復制圖層2的第1幀到圖層3的第1幀，并拖曳圖層3到圖層1的上方。
5)選擇圖層3的第1幀，執行“修改分離”命令兩次，將文本打散，并填充為由白色(#FFFFFF)漸變到黃色(#FFFFF00)。
6)分別按下兩次鍵盤(pán)上的方向鍵中的左移鍵和下稱(chēng)鍵，拖曳圖層3到圖層1的下方，該實(shí)例制作完成。
五、實(shí)驗結果
六、討論與結論
掌握好層和楨的知識是做好這個(gè)實(shí)驗的關(guān)鍵，因為這個(gè)實(shí)驗主要涉及到楨和層的創(chuàng )建和移動(dòng)，對層和楨不熟悉，在選擇和移動(dòng)時(shí)沒(méi)法準確地把握，否則就打不到預期的實(shí)驗效果。此次實(shí)驗需要多次地移動(dòng)層和楨，只有合理地移動(dòng)才能達到實(shí)驗效果，因此在實(shí)驗中要保持清醒的頭腦，也需要耐心和細心，過(guò)于急噪就會(huì )影響實(shí)驗的效果和效率。
實(shí)驗九：字母位置顏色的變化效果
一、實(shí)驗目的及要求：
本實(shí)例主要表現在有字母的位置才能看到顏色的變化效果。
二、儀器用具
1、生均一臺多媒體電腦，組建內部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。
2、安裝WindowsXP操作系統;建立IIS服務(wù)器環(huán)境，支持ASP。
3、安裝網(wǎng)頁(yè)三劍客(DreamweaverMX;FlashMX;FireworksMX)等網(wǎng)頁(yè)設計軟件;
4、安裝Acdsee、Photoshop等圖形處理與制作軟件;
5、其他一些動(dòng)畫(huà)與圖形處理或制作軟件。
三、實(shí)驗原理
表現在有字母的位置才能看到顏色的變化效果。
四、實(shí)驗方法與步驟
1)執行“文件導入\導入到庫”命令，導入一個(gè)圖像文件到“庫”面板中。
2)將圖像文件拖曳到舞臺并轉換為圖形元件，然后創(chuàng )建移動(dòng)補間動(dòng)畫(huà)。
3)新建圖層2，輸入文本并設置其屬性。
4)將圖層2設置為遮罩層，完成本實(shí)例的制作。
五、實(shí)驗結果
六、討論與結論
這個(gè)實(shí)驗的前提是要學(xué)會(huì )做移動(dòng)補間動(dòng)畫(huà)，因為移動(dòng)補間動(dòng)畫(huà)是表現實(shí)驗效果的關(guān)鍵，其次要懂得遮罩層的設置，這兩項都是實(shí)驗的關(guān)鍵。背景圖像的選擇也很關(guān)鍵，如果背景圖像的顏色過(guò)于單一，則不能很好地表現實(shí)驗的效果，字體顏色的變化也會(huì )比較不明顯。因此這個(gè)實(shí)驗的技術(shù)含量比較大，因此難度也比較大，要有耐心去認真研究。
實(shí)驗十：動(dòng)作補間動(dòng)畫(huà)及聲音效果
一、實(shí)驗目的及要求：
本實(shí)例首先創(chuàng )建一個(gè)動(dòng)作補間動(dòng)畫(huà)，然后在對其添加聲音效果。
二、儀器用具
1、生均一臺多媒體電腦，組建內部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。
2、安裝WindowsXP操作系統;建立IIS服務(wù)器環(huán)境，支持ASP。
3、安裝網(wǎng)頁(yè)三劍客(DreamweaverMX;FlashMX;FireworksMX)等網(wǎng)頁(yè)設計軟件;
4、安裝Acdsee、Photoshop等圖形處理與制作軟件;
5、其他一些動(dòng)畫(huà)與圖形處理或制作軟件。
三、實(shí)驗原理
創(chuàng )建一個(gè)動(dòng)作補間動(dòng)畫(huà)，然后在對其添加聲音效果。
四、實(shí)驗方法與步驟
1)創(chuàng )建圖形元件在舞臺中繪制一個(gè)卡通人物。
2)創(chuàng )建卡通人物越飛越遠的動(dòng)作補間動(dòng)畫(huà)。
3)新建一個(gè)圖層，導入一幅背景圖片，并置位于最下層。
4)執行“文件導入\導入到庫命令”，導入一個(gè)聲音文件。新建一個(gè)圖層，并選擇第1幀，在幀“屬性”面板中，在“聲音”下拉列表中選擇導入的聲音文件名稱(chēng)，在“同步”下拉列表中選擇“數據流”選項，其他選項為默認值。
5)保存文件，按下“Ctrl+Enter”組合鍵輸出影片即可。
五、實(shí)驗結果
六、討論與結論
這個(gè)實(shí)驗首先要創(chuàng )建圖形元件，因此要求對畫(huà)圖工具有比較清楚的了解，在實(shí)驗中我遇到最大的難題就是沒(méi)法準確地使用鋼筆工具，常常畫(huà)不成自己想要的形狀，最后通過(guò)查閱相關(guān)的書(shū)籍才徹底明白它的使用方法。這個(gè)實(shí)驗涉及到動(dòng)作補間動(dòng)畫(huà)的制作，和以前做的移動(dòng)補間動(dòng)畫(huà)有一定的區別，在實(shí)驗中要認真區分。導聲音文件也是這個(gè)實(shí)驗新涉及的內容，在各項屬性的設置方面要認真把握和學(xué)習。
實(shí)驗十一：ActionScript腳本程序制作
一、實(shí)驗目的及要求：
本實(shí)例模擬播放器中音頻高低顯示的效果。
二、儀器用具
1、生均一臺多媒體電腦，組建內部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。
2、安裝WindowsXP操作系統;建立IIS服務(wù)器環(huán)境，支持ASP。
3、安裝網(wǎng)頁(yè)三劍客(DreamweaverMX;FlashMX;FireworksMX)等網(wǎng)頁(yè)設計軟件;
4、安裝Acdsee、Photoshop等圖形處理與制作軟件;
5、其他一些動(dòng)畫(huà)與圖形處理或制作軟件。
三、實(shí)驗原理
本實(shí)例模擬播放器中音頻高低顯示的效果。本例是一個(gè)完全由ActionScript腳本程序制作的圖形動(dòng)畫(huà)。
四、實(shí)驗方法與步驟
1)開(kāi)啟FlashMX20xx，新建一個(gè)空白文檔，執行“修改文檔”命令，開(kāi)啟“文檔屬性”對話(huà)框，修改屬性參數為：寬：600px;高：300px;背景顏色#000000。
2)執行“窗口開(kāi)發(fā)面板\動(dòng)作”命令，為圖層1添加如下動(dòng)作腳本。
【網(wǎng)頁(yè)制作實(shí)驗報告格式】相關(guān)文章：
網(wǎng)頁(yè)設計與制作實(shí)驗報告10-09
網(wǎng)頁(yè)制作實(shí)驗報告4篇09-26
實(shí)驗報告格式12-04
酸奶制作實(shí)驗報告10-09
果酒制作的實(shí)驗報告10-09