制作實驗報告格式

1、網頁制作實驗報告格式實驗一：站點設置一、實驗目的及要求本實例是通過“站點定義為”對話框中的“高級”選項卡創(chuàng)建一個新站點。二、儀器用具1、生均一臺多媒體電腦，組建內部局域網，并且接入國際互聯網。2、安裝windows xp操作系統(tǒng);建立iis服務器環(huán)境，支持asp。3、安裝網頁三劍客(dreamweaver mx;flash mx;fireworks mx)等網頁設計軟件;三、實驗原理通過“站點定義為”對話框中的“高級”選項卡創(chuàng)建一個新站點。四、實驗方法與步驟1)執(zhí)行“站點管理站點”命令，在彈出的“管理站點”對話框中單擊“新建”按鈕，在彈出的快捷菜單中選擇“站點”命令。2)在彈出的“站點定義為”

2、對話框中單擊“高級”選項卡。3)在“站點名稱”文本框中輸入站點名稱，在“默認文件夾”文本框中選擇所創(chuàng)建的站點文件夾。在“默認圖象文件夾”文本框中選擇存放圖象的文件夾，完成后單擊“確定”按鈕，返回“管理站點”對話框。4)在“管理站點”對話框中單擊“完成”按鈕，站點創(chuàng)建完畢。五、實驗結果六、討論與結論實驗開始之前要先建立一個根文件夾，在實驗的過程中把站點存在自己建的文件夾里，這樣才能使實驗條理化，不至于在實驗后找不到自己的站點。在實驗過程中會出現一些選項，計算機一般會有默認的選擇，最后不要去更改，如果要更改要先充分了解清楚該選項的含義，以及它會造成的效果，否則會使實驗的結果失真。實驗前先熟悉好操作

3、軟件是做好該實驗的關鍵。實驗二：頁面圖像設置一、實驗目的及要求：本實例的目的是設置頁面的背景圖像,并創(chuàng)建鼠標經過圖像。二、儀器用具1、生均一臺多媒體電腦，組建內部局域網，并且接入國際互聯網。2、安裝windows xp操作系統(tǒng);建立iis服務器環(huán)境，支持asp。3、安裝網頁三劍客(dreamweaver mx;flash mx;fireworks mx)等網頁設計軟件;4、安裝acdsee、photoshop等圖形處理與制作軟件;5、其他一些動畫與圖形處理或制作軟件。三、實驗原理設置頁面的背景圖像,并創(chuàng)建鼠標經過圖像。四、實驗方法與步驟1) 在“頁面屬性”對話框中設置頁面的背景圖像。2) 在頁

4、面文檔中單擊“”插入鼠標經過圖像。五、實驗結果六、討論與結論實驗結束后我們可以看到頁面的背景變成了我們插入的圖像，并且要鼠標經過的時候會變成另一個圖像，這就是鼠標經過圖像的效果。當然這種實驗效果很難在實驗結果的截圖里表現出來。這個實驗的關鍵在于背景圖像的選擇，如果背景圖像太大不僅會影響網頁的打開速度，甚至圖像在插入會也會有失真的感覺，因此在插入前對圖像進行必要的處理能使實驗的效果更好。實驗三：表格制作一、實驗目的及要求：本實例是要創(chuàng)建邊框為1像素的表格。二、儀器用具1、生均一臺多媒體電腦，組建內部局域網，并且接入國際互聯網。2、安裝windows xp操作系統(tǒng);建立iis服務器環(huán)境，支持asp

5、。3、安裝網頁三劍客(dreamweaver mx;flash mx;fireworks mx)等網頁設計軟件;4、安裝acdsee、photoshop等圖形處理與制作軟件;5、其他一些動畫與圖形處理或制作軟件。三、實驗原理創(chuàng)建邊框為1像素的表格。四、實驗方法與步驟1) 在文檔中，單擊表格“”按鈕，在對話框中將“單元格間距”設置為“1”。2) 選中插入的表格，將“背景顏色”設置為“黑色”(#0000000)。3) 在表格中選中所有的單元格，在“屬性”面版中將“背景顏色”設置為“白色”(#ffffff)。4) 設置完畢，保存頁面，按下“f12”鍵預覽。五、實驗結果六、討論與結論本實驗主要通過整個

6、表格和單元格顏色的差異來襯托出實驗效果，間距的作用主要在于表現這種顏色差異。表格的背景顏色和單元格的背景顏色容易混淆，在實驗中要認真判斷，一旦操作錯誤則得不到實驗的效果?！氨砀駥挾取蔽谋究蛴覀鹊谋砀竦膶挾葐挝?，包括“像素”和“百分比”兩種，容易混淆，要充分地理解這兩種單位表示的意義才能正確地進行選擇，否則就不能達到自己想要的效果，設置錯誤就會嚴重影響實驗效果。實驗四：創(chuàng)建錨點鏈接一、實驗目的及要求：本實例的目的是創(chuàng)建錨點鏈接。二、儀器用具1、生均一臺多媒體電腦，組建內部局域網，并且接入國際互聯網。2、安裝windows xp操作系統(tǒng);建立iis服務器環(huán)境，支持asp。3、安裝網頁三劍客(dre

7、amweaver mx;flash mx;fireworks mx)等網頁設計軟件;4、安裝acdsee、photoshop等圖形處理與制作軟件;5、其他一些動畫與圖形處理或制作軟件。三、實驗原理創(chuàng)建錨點鏈接。四、實驗方法與步驟1) 在頁面中插入1行4列的表格，并在各單元格中輸入導航文字。2) 分別選中各單元格的文字，單擊“”按鈕，在彈出的“超級鏈接”對話框上的“鏈接”文本框分別輸入“#01”“#02”“#03”“#04”。3) 在文檔中輸入文字并設置錨記名稱“01”，按下“ enter”鍵換行，輸入一篇文章。4) 在文章的結尾處換行，輸入文字并設置錨記名稱“02”，按下“ enter”鍵換行

8、，輸入一篇文章。5) 同樣的方法在頁面下文分別輸入文字和命名錨記為“03”和“04”，并輸入文章。6) 保存頁面，按下“f12”鍵預覽。五、實驗結果六、討論與結論添加瞄記的作用是可以幫讀者快速找到自己想要的文章，同時也可以使頁面更加精簡。本實驗的關鍵難點在于鏈接文本框輸入的名稱和瞄記的名稱要相一致才能達到實驗的效果，同時要記得是在上一篇文章的結尾處輸入文字并設置瞄記名稱，并記得輸入對應的文章，否則瞄記可能不能用。熟練程度低在實驗中不能很好地使用各種工具，無法一次準確地尋找到適當的位置。實驗中忘記選擇“不可見元素”，幾次實驗都失敗，最后才得出正確的結論。因此在實驗前要先做好預習，否則實驗過程會比

9、較吃力。實驗五：設置css樣式一、實驗目的及要求：本實例的目的是通過設置css樣式創(chuàng)建表格的虛線邊框。二、儀器用具1、生均一臺多媒體電腦，組建內部局域網，并且接入國際互聯網。2、安裝windows xp操作系統(tǒng);建立iis服務器環(huán)境，支持asp。3、安裝網頁三劍客(dreamweaver mx;flash mx;fireworks mx)等網頁設計軟件;4、安裝acdsee、photoshop等圖形處理與制作軟件;5、其他一些動畫與圖形處理或制作軟件。三、實驗原理通過設置css樣式創(chuàng)建表格的虛線邊框。四、實驗方法與步驟1) 在網頁中創(chuàng)建一個表格。2) 在“css樣式”面板中單擊“”按鈕，在彈出

10、的對話框中進行設置，完成后單擊“確定”按鈕。3) 在彈出的對話框中進行設置，完成后單擊“確定”按鈕。五、實驗結果六、討論與結論對話框中各項指標和屬性的設置存在一定的難度，如果沒熟練掌握就容易出錯使實驗失敗。對“ccs”樣式所要使用的各種按扭不夠熟悉在使用的時候覺得很生硬。這個實驗成功的關鍵在于對軟件的掌握程度以及對各種屬性的認識程度，只要充分地掌握了軟件的各種操作，對各屬性所代表的含義有充分的認識就能很好地完成這個實驗。實驗六：創(chuàng)建表單一、實驗目的及要求：本實例的目的是創(chuàng)建一個募捐表單。二、儀器用具1、生均一臺多媒體電腦，組建內部局域網，并且接入國際互聯網。2、安裝Windows XP操作系統(tǒng)

11、;建立IIS服務器環(huán)境，支持ASP。3、安裝網頁三劍客(Dreamweaver MX;Flash MX;Fireworks MX)等網頁設計軟件;4、安裝Acdsee、Photoshop等圖形處理與制作軟件;5、其他一些動畫與圖形處理或制作軟件。三、實驗原理創(chuàng)建一個募捐表單。四、實驗方法與步驟1) 在網頁中插入表格，設置為居中對齊，并插入一幅圖像。2) 在表格的第二行單元格中，單擊“”按鈕，插入表單。3) 在表單域中插入表單對象和文字。4) 按下“F12”鍵，預覽效果。五、實驗結果六、討論與結論這個圖像關鍵首先在于背景圖象的選擇，圖像如果過于花俏則會使表單過于雜亂，如果顏色過深則會掩蓋了表單上

12、的字，依次最好不要用黑色。圖像也不能過大，不然會使表單太繁雜。其次是各多選框和單選按扭的設置難度比較大，對于初次做這個實驗的人來說需要多次的試驗才能達到滿意的效果。表格拆分的難度大，要多次實驗才能達到自己想要的效果。實驗七：頁面中控制播放Flash動畫一、實驗目的及要求：本實例的目的是實現在頁面中控制播放Flash動畫。二、儀器用具1、生均一臺多媒體電腦，組建內部局域網，并且接入國際互聯網。2、安裝Windows XP操作系統(tǒng);建立IIS服務器環(huán)境，支持ASP。3、安裝網頁三劍客(Dreamweaver MX;Flash MX;Fireworks MX)等網頁設計軟件;4、安裝Acdsee、P

13、hotoshop等圖形處理與制作軟件;5、其他一些動畫與圖形處理或制作軟件。三、實驗原理實現在頁面中控制播放Flash動畫。四、實驗方法與步驟1) 在頁面中插入表格，并在表格中插入Flash動畫和兩個表單按鈕。2) 分別選擇兩個表單按鈕，在“行為”面板中單擊“”按鈕，在彈出的快捷菜單中選擇“控制Shockwave或Flash”命令，打開“控制Shockwave或Flash”對話框，分別設置。3) 保存頁面，按下“F12”鍵預覽。單擊“播放”按鈕時，開始播放Flash動畫;當單擊“停止”按鈕時，則停止播放Flash動畫。五、實驗結果六、討論與結論“控制Shockwave或Flash”對話框，設置

14、難度比較大，設置錯誤FLASH可能無法播放?？刂瓢粹o的創(chuàng)建也是關鍵所在，控制按鈕不能使用則等于整個實驗的失敗，因此要認真做好各個按鈕并確保質量。在這次實驗中我遇到的最大問題就是設置“控制Shockwave或Flash”對話框，因為我對其各項的屬性了解不夠清楚，在選擇時很難正確地做出判斷，因此掌握好這方面的知識是做好這個實驗的前提。實驗八：制作浮雕文字一、實驗目的及要求：本實例使用Flash的繪畫工具制作出的有浮雕感的文字。二、儀器用具1、生均一臺多媒體電腦，組建內部局域網，并且接入國際互聯網。2、安裝Windows XP操作系統(tǒng);建立IIS服務器環(huán)境，支持ASP。3、安裝網頁三劍客(Dream

15、weaver MX;Flash MX;Fireworks MX)等網頁設計軟件;4、安裝Acdsee、Photoshop等圖形處理與制作軟件;5、其他一些動畫與圖形處理或制作軟件。三、實驗原理使用Flash的繪畫工具制作出的有浮雕感的文字。四、實驗方法與步驟1) 在舞臺中輸入文本，并將文本移動到舞臺中央位置。2) 新建圖層2，并復制圖層1的第1幀到圖層2的第1幀，并改變字體顏色。3) 拖曳圖層2到圖層1的下方，分別按下鍵盤上的方向鍵的左移鍵和上移鍵各一次。4) 新建圖層3，復制圖層2的第1幀到圖層3的第1幀，并拖曳圖層3到圖層1的上方。5) 選擇圖層3的第1幀，執(zhí)行“修改分離”命令兩次，將文本

16、打散，并填充為由白色(#FFFFFF)漸變到黃色(#FFFFF00)。6) 分別按下兩次鍵盤上的方向鍵中的左移鍵和下稱鍵，拖曳圖層3到圖層1的下方，該實例制作完成。五、實驗結果六、討論與結論掌握好層和楨的知識是做好這個實驗的關鍵，因為這個實驗主要涉及到楨和層的創(chuàng)建和移動，對層和楨不熟悉，在選擇和移動時沒法準確地把握，否則就打不到預期的實驗效果。此次實驗需要多次地移動層和楨，只有合理地移動才能達到實驗效果，因此在實驗中要保持清醒的頭腦，也需要耐心和細心，過于急噪就會影響實驗的效果和效率。實驗九：字母位置顏色的變化效果一、實驗目的及要求：本實例主要表現在有字母的位置才能看到顏色的變化效果。二、儀器

17、用具1、生均一臺多媒體電腦，組建內部局域網，并且接入國際互聯網。2、安裝Windows XP操作系統(tǒng);建立IIS服務器環(huán)境，支持ASP。3、安裝網頁三劍客(Dreamweaver MX;Flash MX;Fireworks MX)等網頁設計軟件;4、安裝Acdsee、Photoshop等圖形處理與制作軟件;5、其他一些動畫與圖形處理或制作軟件。三、實驗原理表現在有字母的位置才能看到顏色的變化效果。四、實驗方法與步驟1) 執(zhí)行“文件導入導入到庫”命令，導入一個圖像文件到“庫”面板中。2) 將圖像文件拖曳到舞臺并轉換為圖形元件，然后創(chuàng)建移動補間動畫。3) 新建圖層2，輸入文本并設置其屬性。4) 將

18、圖層2設置為遮罩層，完成本實例的制作。五、實驗結果六、討論與結論這個實驗的前提是要學會做移動補間動畫，因為移動補間動畫是表現實驗效果的關鍵，其次要懂得遮罩層的設置，這兩項都是實驗的關鍵。背景圖像的選擇也很關鍵，如果背景圖像的顏色過于單一，則不能很好地表現實驗的效果，字體顏色的變化也會比較不明顯。因此這個實驗的技術含量比較大，因此難度也比較大，要有耐心去認真研究。實驗十：動作補間動畫及聲音效果一、實驗目的及要求：本實例首先創(chuàng)建一個動作補間動畫，然后在對其添加聲音效果。二、儀器用具1、生均一臺多媒體電腦，組建內部局域網，并且接入國際互聯網。2、安裝Windows XP操作系統(tǒng);建立IIS服務器環(huán)境

19、，支持ASP。3、安裝網頁三劍客(Dreamweaver MX;Flash MX;Fireworks MX)等網頁設計軟件;4、安裝Acdsee、Photoshop等圖形處理與制作軟件;5、其他一些動畫與圖形處理或制作軟件。三、實驗原理創(chuàng)建一個動作補間動畫，然后在對其添加聲音效果。四、實驗方法與步驟1) 創(chuàng)建圖形元件在舞臺中繪制一個卡通人物。2) 創(chuàng)建卡通人物越飛越遠的動作補間動畫。3) 新建一個圖層，導入一幅背景圖片，并置位于最下層。4) 執(zhí)行“文件導入導入到庫命令”，導入一個聲音文件。新建一個圖層，并選擇第1幀，在幀“屬性”面板中，在“聲音”下拉列表中選擇導入的聲音文件名稱，在“同步”下拉

20、列表中選擇“數據流”選項，其他選項為默認值。5) 保存文件，按下“Ctrl+ Enter”組合鍵輸出影片即可。五、實驗結果六、討論與結論這個實驗首先要創(chuàng)建圖形元件，因此要求對畫圖工具有比較清楚的了解，在實驗中我遇到最大的難題就是沒法準確地使用鋼筆工具，常常畫不成自己想要的形狀，最后通過查閱相關的書籍才徹底明白它的使用方法。這個實驗涉及到動作補間動畫的制作，和以前做的移動補間動畫有一定的區(qū)別，在實驗中要認真區(qū)分。導聲音文件也是這個實驗新涉及的內容，在各項屬性的設置方面要認真把握和學習。實驗十一：Action Script腳本程序制作一、實驗目的及要求：本實例模擬播放器中音頻高低顯示的效果。二、儀

21、器用具1、生均一臺多媒體電腦，組建內部局域網，并且接入國際互聯網。2、安裝Windows XP操作系統(tǒng);建立IIS服務器環(huán)境，支持ASP。3、安裝網頁三劍客(Dreamweaver MX;Flash MX;Fireworks MX)等網頁設計軟件;4、安裝Acdsee、Photoshop等圖形處理與制作軟件;5、其他一些動畫與圖形處理或制作軟件。三、實驗原理本實例模擬播放器中音頻高低顯示的效果。本例是一個完全由Action Script腳本程序制作的圖形動畫。四、實驗方法與步驟1) 開啟Flash MX 2004，新建一個空白文檔，執(zhí)行“修改文檔”命令，開啟“文檔屬性”對話框，修改屬性參數為：

22、寬：600px;高：300px;背景顏色#000000。2) 執(zhí)行“窗口開發(fā)面板動作”命令，為圖層1添加如下動作腳本。- root. On Enter Frame= function ()create Empty Movie Clip (“ caidai ”, random (2)caidai. X= 150;caidai. Y=200;for (var i =012:i+)cai dai. begin FilL (Math. Random () *0xffffff,60)var gaodu= Math. Random () *50+10;var xzuobiao= i*30,i*30+20,

23、i*30+20, i*30var yzvobiao=- gaodu,- gaodu,0,0caidai, moveTo(i*30,o)for (var j=0;5; j+)caidai, Line To (xzuo biaoj,yzuobioj);3) 按下“Ctrl+ S”組合鍵保存文件，執(zhí)行“控制測試影片”命令，欣賞本例完成后的效果。五、實驗結果六、討論與結論這個實驗主要是操作Flash MX，雖然這個實驗整體的步驟很簡單，但是腳本程序的正確性決定著這個實驗的成敗，因此在實驗中要認真分析腳本并對其進行不斷的調試使其能正確地運行。而這方面對程序方面的知識有比較高的要求因此對于我們非計算機類的

24、學生來說難度比較大，如果要做好這個實驗我們必須加強學習程序方面的知識。實驗十二：創(chuàng)建一個特效字一、實驗目的及要求：本章上機實訓的目的是創(chuàng)建一個特效字。二、儀器用具1、生均一臺多媒體電腦，組建內部局域網，并且接入國際互聯網。2、安裝Windows XP操作系統(tǒng);建立IIS服務器環(huán)境，支持ASP。3、安裝網頁三劍客(Dreamweaver MX;Flash MX;Fireworks MX)等網頁設計軟件;4、安裝Acdsee、Photoshop等圖形處理與制作軟件;5、其他一些動畫與圖形處理或制作軟件。三、實驗原理創(chuàng)建一個特效字。四、實驗方法與步驟1) 新建一個Fireworks文檔，并輸入文字，

25、將字體加粗，字號設置為120。2) 將文字轉化為路徑，在“屬性”面板中單擊“”按鈕，在彈出的快捷菜單中選擇“陰影和光暈投影”命令，如圖15-42所示。3) 選中文本對象，執(zhí)行“編輯克隆”命令。選中克隆對象，執(zhí)行“修改改變路徑擴展筆觸”命令，在彈出的“展開筆觸”對話框中設置為如圖15-43所示。特效字制作完畢。五、實驗結果六、討論與結論Fireworks 軟件的打開速度比較慢，而且會影響計算機的反應速度，同時使用DREEMWAVER和FIREWORKS會使整個電腦很卡，因此這個實驗需要比較好的計算機系統(tǒng)的支持。對 “陰影和光暈投影”命令我還不能比較深刻地理解在實驗的時候有點迷糊，對“編輯克隆”命

26、令和“修改改變路徑擴展筆觸”命令我也存在同樣的困惑，因此做好實驗前的準備是順利地完成實驗的關鍵。實驗十三：繪制一個效果圖一、實驗目的及要求：本上機實訓的目的是繪制一個效果圖。二、儀器用具1、生均一臺多媒體電腦，組建內部局域網，并且接入國際互聯網。2、安裝Windows XP操作系統(tǒng);建立IIS服務器環(huán)境，支持ASP。3、安裝網頁三劍客(Dreamweaver MX;Flash MX;Fireworks MX)等網頁設計軟件;4、安裝Acdsee、Photoshop等圖形處理與制作軟件;5、其他一些動畫與圖形處理或制作軟件。三、實驗原理繪制一個效果圖。四、實驗方法與步驟1) 用橢圓工具和鋼筆工具

27、分別繪制出企鵝的身體和翅膀。2) 執(zhí)行“修改組合路徑聯合”命令，聯合途徑，并填充為黑色。3) 用橢圓工具繪制眼睛，并用鋼筆工具構出腳丫、嘴、圍巾、和肚皮，并填充相應的顏色。4) 將所有的部分放到相應的位置，本例制作完畢。五、實驗結果六、討論與結論這個實驗很多要用到橢圓工具和鋼筆工具，因此要先熟悉地掌握他們的使用方法，多看課本并進行一些實驗操作能比較快地掌握它們的使用方法。實驗時要分別地繪制出企鵝各部分的圖形元件然后執(zhí)行“修改組合路徑聯合”命令，聯合途徑，因此在實驗切記不能把整個圖象作為繪制的對象，否則就不能達到實驗效果，操作的難度也會加大。同時對 “修改組合路徑聯合”命令要深入了解才能在適當的

28、時間和位置使用。實驗十四：創(chuàng)建管道圖像一、實驗目的及要求：本實例是創(chuàng)建一個如管道圖像，并通過“優(yōu)化”面板對圖像進行優(yōu)化導出。二、儀器用具1、生均一臺多媒體電腦，組建內部局域網，并且接入國際互聯網。2、安裝Windows XP操作系統(tǒng);建立IIS服務器環(huán)境，支持ASP。3、安裝網頁三劍客(Dreamweaver MX;Flash MX;Fireworks MX)等網頁設計軟件;4、安裝Acdsee、Photoshop等圖形處理與制作軟件;5、其他一些動畫與圖形處理或制作軟件。三、實驗原理創(chuàng)建一個如管道圖像，并通過“優(yōu)化”面板對圖像進行優(yōu)化導出。四、實驗方法與步驟1) 新建一個圖像文檔，繪制一個矩

29、形，并將其設置為線性填充。2) 用鋼筆工具繪制一個路徑，并將其設置為放射狀填充，作為管道的拐角。3) 復制所創(chuàng)建的拐角和線性矩形，并進行縮放和組合。4) 選擇“垂直線3”紋理“25%”設置為粗管道。5) 設置一幅背景圖像，用鋼筆工具勾畫出閃光的效果。執(zhí)行“窗口優(yōu)化”命令，將“優(yōu)化”面板進行設置。6) 設置完成后，執(zhí)行“文件導出”命令，在“導出”對話框中選擇導出的路徑，完成后單擊“保存”按鈕。五、實驗結果六、討論與結論橫向的管道繪制比較簡單，效果也比較明顯，豎向和拐角的管道繪制的難度很大，經常做了對多次還不能達到理想的效果，由也反應了我們對實驗工具的熟練程度不夠，在今后的學習中要加強這方面的學習。填充設置和“垂直線3”紋理“25%”設置是達到實驗效果關鍵，因此要認真地了解它代表的意義，然后認真地進行設置。正確地選擇背景圖像，也是達到實驗效果的關鍵。實驗十五：創(chuàng)建圖像熱點和切片一、實驗目的及要求：本實訓的主要目的是創(chuàng)建圖像熱點和切片。二、儀器用具1、生均一臺多媒體電腦，組建內部局域網，并且接入國際互聯網。2、安裝Windows XP操作系統(tǒng);建立IIS服務器環(huán)境，支持