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

1、本文格式為Word版，下載可任意編輯 網(wǎng)頁設(shè)計實驗報告 （網(wǎng)頁設(shè)計）是一種建立在新型媒體之上的新型設(shè)計。它具有很強的視覺效果、互動性、互操作性、受眾面廣等其它媒體所不具有的特點。以下是關(guān)于網(wǎng)頁設(shè)計的試驗報告內(nèi)容，歡迎閱讀! 試驗一：站點設(shè)置 一、試驗?zāi)康募耙?本實例是通過站點定義為對話框中的高級選項卡創(chuàng)立一個新站點。 二、儀器用具 1、生均一臺多媒體電腦，組建內(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è)計軟件; 三、試驗原理

2、 通過站點定義為對話框中的高級選項卡創(chuàng)立一個新站點。 四、試驗方法與步驟 1)執(zhí)行站點管理站點命令，在彈出的管理站點對話框中單擊新建按鈕，在彈出的快捷菜單中選擇站點命令。 2)在彈出的站點定義為對話框中單擊高級選項卡。 3)在站點名稱文本框中輸入站點名稱，在默認文件夾文本框中選擇所創(chuàng)立的站點文件夾。在默認圖象文件夾文本框中選擇存放圖象的文件夾，完成后單擊確定按鈕，返回管理站點對話框。 4)在管理站點對話框中單擊完成按鈕，站點創(chuàng)立完畢。 五、試驗結(jié)果 六、探討與結(jié)論 試驗開始之前要先建立一個根文件夾，在試驗的過程中把站點存在自己建的文件夾里，這樣才能使試驗條理化，不至于在試驗后找不到自己的站點。

3、在試驗過程中會出現(xiàn)一些選項，計算機一般會有默認的選擇，最終不要去更改，假如要更改要先充分了解明了該選項的含義，以及它會造成的效果，否則會使試驗的結(jié)果失真。試驗前先熟悉好操作軟件是做好該試驗的關(guān)鍵。 試驗二：頁面圖像設(shè)置 一、試驗?zāi)康募耙螅?本實例的目的是設(shè)置頁面的背景圖像,并創(chuàng)立鼠標經(jīng)過圖像。 二、儀器用具 1、生均一臺多媒體電腦，組建內(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è)計軟件; 4、安裝acdsee、（photosho

4、p）等圖形處理與制作軟件; 5、其他一些動畫與圖形處理或制作軟件。 三、試驗原理 設(shè)置頁面的背景圖像,并創(chuàng)立鼠標經(jīng)過圖像。 四、試驗方法與步驟 1) 在頁面屬性對話框中設(shè)置頁面的背景圖像。 2) 在頁面文檔中單擊插入鼠標經(jīng)過圖像。 五、試驗結(jié)果 六、探討與結(jié)論 試驗終止后我們可以看到頁面的背景變成了我們插入的圖像，并且要鼠標經(jīng)過的時候會變成另一個圖像，這就是鼠標經(jīng)過圖像的效果。當(dāng)然這種試驗效果很難在試驗結(jié)果的截圖里表現(xiàn)出來。這個試驗的關(guān)鍵在于背景圖像的選擇，假如背景圖像太大不僅會影響網(wǎng)頁的開啟速度，甚至圖像在插入會也會有失真的感覺，因此在插入前對圖像進行必要的處理能使試驗的效果更好。 試驗三：

5、表格制作 一、試驗?zāi)康募耙螅?本實例是要創(chuàng)立邊框為1像素的表格。 二、儀器用具 1、生均一臺多媒體電腦，組建內(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è)計軟件; 4、安裝acdsee、photoshop等圖形處理與制作軟件; 5、其他一些動畫與圖形處理或制作軟件。 三、試驗原理 創(chuàng)立邊框為1像素的表格。 四、試驗方法與步驟 1) 在文檔中，單擊表格按鈕，在對話框中將單元格間距設(shè)置為1。 2) 選中插入的表格，將背景顏色設(shè)置為黑色

6、(#0000000)。 3) 在表格中選中所有的單元格，在屬性面版中將背景顏色設(shè)置為白色(#ffffff)。 4) 設(shè)置完畢，保存頁面，按下f12鍵預(yù)覽。 五、試驗結(jié)果 六、探討與結(jié)論 本試驗主要通過整個表格和單元格顏色的差異來襯托出試驗效果，間距的作用主要在于表現(xiàn)這種顏色差異。表格的背景顏色和單元格的背景顏色簡單混淆，在試驗中要認真判斷，一旦操作錯誤則得不到試驗的效果。表格寬度文本框右側(cè)的表格的寬度單位，包括像素和百分比兩種，簡單混淆，要充分地理解這兩種單位表示的意義才能正確地進行選擇，否則就不能達到自己想要的效果，設(shè)置錯誤就會嚴重影響試驗效果。 試驗四：創(chuàng)立錨點鏈接 一、試驗?zāi)康募耙螅?

7、本實例的目的是創(chuàng)立錨點鏈接。 二、儀器用具 1、生均一臺多媒體電腦，組建內(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è)計軟件; 4、安裝acdsee、photoshop等圖形處理與制作軟件; 5、其他一些動畫與圖形處理或制作軟件。 三、試驗原理 創(chuàng)立錨點鏈接。 四、試驗方法與步驟 1) 在頁面中插入1行4列的表格，并在各單元格中輸入導(dǎo)航文字。 2) 分別選中各單元格的文字，單擊按鈕，在彈出的超級鏈接對話框上的鏈接文本框分別輸入#01

8、#02#03#04。 3) 在文檔中輸入文字并設(shè)置錨記名稱01，按下 enter鍵換行，輸入一篇文章。 4) 在文章的結(jié)尾處換行，輸入文字并設(shè)置錨記名稱02，按下 enter鍵換行，輸入一篇文章。 5) 同樣的方法在頁面下文分別輸入文字和命名錨記為03和04，并輸入文章。 6) 保存頁面，按下f12鍵預(yù)覽。 五、試驗結(jié)果 六、探討與結(jié)論 添加瞄記的作用是可以幫讀者快速找到自己想要的文章，同時也可以使頁面更加精簡。本試驗的關(guān)鍵難點在于鏈接文本框輸入的名稱和瞄記的名稱要相一致才能達到試驗的效果，同時要記得是在上一篇文章的結(jié)尾處輸入文字并設(shè)置瞄記名稱，并記得輸入對應(yīng)的文章，否則瞄記可能不能用。熟練程

9、度低在試驗中不能很好地使用各種工具，無法一次確切地尋覓到適當(dāng)?shù)奈恢?。試驗中忘掉選擇不可見元素，幾次試驗都失敗，最終才得出正確的結(jié)論。因此在試驗前要先做好預(yù)習(xí)，否則試驗過程會對比吃力。 試驗五：設(shè)置css樣式 一、試驗?zāi)康募耙螅?本實例的目的是通過設(shè)置css樣式創(chuàng)立表格的虛線邊框。 二、儀器用具 1、生均一臺多媒體電腦，組建內(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è)計軟件; 4、安裝acdsee、photoshop等圖形處理與制作軟件; 5、其他一些動畫與圖形處理或制作軟件。 三、試驗原理 通過設(shè)置css樣式創(chuàng)立表格的虛線邊框。 四、試驗方法與步驟 1) 在網(wǎng)頁中創(chuàng)立一個表格。 2) 在css樣式面板中單擊按鈕，在彈出的對話框中進行設(shè)置，完成后單擊確定按鈕。 3) 在彈出的對話框中進行設(shè)置，完成后單擊確定按鈕。 五、試驗結(jié)果 六、探討與