網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)報(bào)告

1、本文格式為Word版，下載可任意編輯 網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)報(bào)告 （網(wǎng)頁(yè)設(shè)計(jì)）是一種建立在新型媒體之上的新型設(shè)計(jì)。它具有很強(qiáng)的視覺(jué)效果、互動(dòng)性、互操作性、受眾面廣等其它媒體所不具有的特點(diǎn)。以下是關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的試驗(yàn)報(bào)告內(nèi)容，歡迎閱讀! 試驗(yàn)一：站點(diǎn)設(shè)置 一、試驗(yàn)?zāi)康募耙?本實(shí)例是通過(guò)站點(diǎn)定義為對(duì)話框中的高級(jí)選項(xiàng)卡創(chuàng)立一個(gè)新站點(diǎn)。 二、儀器用具 1、生均一臺(tái)多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國(guó)際互聯(lián)網(wǎng)。 2、安裝windows xp（操作系統(tǒng)）;建立iis服務(wù)器環(huán)境，支持asp。 3、安裝網(wǎng)頁(yè)三劍客(dreamweaver mx;flash mx;fireworks mx)等網(wǎng)頁(yè)設(shè)計(jì)軟件; 三、試驗(yàn)原理

2、 通過(guò)站點(diǎn)定義為對(duì)話框中的高級(jí)選項(xiàng)卡創(chuàng)立一個(gè)新站點(diǎn)。 四、試驗(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)立完畢。 五、試驗(yàn)結(jié)果 六、探討與結(jié)論 試驗(yàn)開(kāi)始之前要先建立一個(gè)根文件夾，在試驗(yàn)的過(guò)程中把站點(diǎn)存在自己建的文件夾里，這樣才能使試驗(yàn)條理化，不至于在試驗(yàn)后找不到自己的站點(diǎn)。

3、在試驗(yàn)過(guò)程中會(huì)出現(xiàn)一些選項(xiàng)，計(jì)算機(jī)一般會(huì)有默認(rèn)的選擇，最終不要去更改，假如要更改要先充分了解明了該選項(xiàng)的含義，以及它會(huì)造成的效果，否則會(huì)使試驗(yàn)的結(jié)果失真。試驗(yàn)前先熟悉好操作軟件是做好該試驗(yàn)的關(guān)鍵。 試驗(yàn)二：頁(yè)面圖像設(shè)置 一、試驗(yàn)?zāi)康募耙螅?本實(shí)例的目的是設(shè)置頁(yè)面的背景圖像,并創(chuàng)立鼠標(biāo)經(jīng)過(guò)圖像。 二、儀器用具 1、生均一臺(tái)多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國(guó)際互聯(lián)網(wǎng)。 2、安裝windows xp操作系統(tǒng);建立iis服務(wù)器環(huán)境，支持asp。 3、安裝網(wǎng)頁(yè)三劍客(dreamweaver mx;flash mx;fireworks mx)等網(wǎng)頁(yè)設(shè)計(jì)軟件; 4、安裝acdsee、（photosho

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

5、表格制作 一、試驗(yàn)?zāi)康募耙螅?本實(shí)例是要?jiǎng)?chuàng)立邊框?yàn)?像素的表格。 二、儀器用具 1、生均一臺(tái)多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國(guó)際互聯(lián)網(wǎng)。 2、安裝windows xp操作系統(tǒng);建立iis服務(wù)器環(huán)境，支持asp。 3、安裝網(wǎng)頁(yè)三劍客(dreamweaver mx;flash mx;fireworks mx)等網(wǎng)頁(yè)設(shè)計(jì)軟件; 4、安裝acdsee、photoshop等圖形處理與制作軟件; 5、其他一些動(dòng)畫(huà)與圖形處理或制作軟件。 三、試驗(yàn)原理 創(chuàng)立邊框?yàn)?像素的表格。 四、試驗(yàn)方法與步驟 1) 在文檔中，單擊表格按鈕，在對(duì)話框中將單元格間距設(shè)置為1。 2) 選中插入的表格，將背景顏色設(shè)置為黑色

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

7、本實(shí)例的目的是創(chuàng)立錨點(diǎn)鏈接。 二、儀器用具 1、生均一臺(tái)多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國(guó)際互聯(lián)網(wǎng)。 2、安裝windows xp操作系統(tǒng);建立iis服務(wù)器環(huán)境，支持asp。 3、安裝網(wǎng)頁(yè)三劍客(dreamweaver mx;flash mx;fireworks mx)等網(wǎng)頁(yè)設(shè)計(jì)軟件; 4、安裝acdsee、photoshop等圖形處理與制作軟件; 5、其他一些動(dòng)畫(huà)與圖形處理或制作軟件。 三、試驗(yàn)原理 創(chuàng)立錨點(diǎn)鏈接。 四、試驗(yàn)方法與步驟 1) 在頁(yè)面中插入1行4列的表格，并在各單元格中輸入導(dǎo)航文字。 2) 分別選中各單元格的文字，單擊按鈕，在彈出的超級(jí)鏈接對(duì)話框上的鏈接文本框分別輸入#01

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

9、度低在試驗(yàn)中不能很好地使用各種工具，無(wú)法一次確切地尋覓到適當(dāng)?shù)奈恢?。試?yàn)中忘掉選擇不可見(jiàn)元素，幾次試驗(yàn)都失敗，最終才得出正確的結(jié)論。因此在試驗(yàn)前要先做好預(yù)習(xí)，否則試驗(yàn)過(guò)程會(huì)對(duì)比吃力。 試驗(yàn)五：設(shè)置css樣式 一、試驗(yàn)?zāi)康募耙螅?本實(shí)例的目的是通過(guò)設(shè)置css樣式創(chuàng)立表格的虛線邊框。 二、儀器用具 1、生均一臺(tái)多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國(guó)際互聯(lián)網(wǎng)。 2、安裝windows xp操作系統(tǒng);建立iis服務(wù)器環(huán)境，支持asp。 3、安裝網(wǎng)頁(yè)三劍客(dreamweaver mx;flash mx;fireworks mx)等網(wǎng)頁(yè)設(shè)計(jì)軟件; 4、安裝acdsee、photoshop等圖形處理與制作軟件; 5、其他一些動(dòng)畫(huà)與圖形處理或制作軟件。 三、試驗(yàn)原理 通過(guò)設(shè)置css樣式創(chuàng)立表格的虛線邊框。 四、試驗(yàn)方法與步驟 1) 在網(wǎng)頁(yè)中創(chuàng)立一個(gè)表格。 2) 在css樣式面板中單擊按鈕，在彈出的對(duì)話框中進(jìn)行設(shè)置，完成后單擊確定按鈕。 3) 在彈出的對(duì)話框中進(jìn)行設(shè)置，完成后單擊確定按鈕。 五、試驗(yàn)結(jié)果 六、探討與