簡單網頁設計實驗總結

引導語：寫總結，必須實事求是，事實要準確，不能報喜不報優，不要誇大其詞。下面是小編為大家精心整理的關於簡單網頁設計實驗總結範文，歡迎閱讀！

　　簡單網頁設計實驗總結一：站點設定

　　一、實驗目的及要求

本例項是通過“站點定義為”對話方塊中的“高階”選項卡建立一個新站點。

　二、儀器用具

1、生均一臺多媒體電腦，組建內部區域網，並且接入國際網際網路。

2、安裝windows xp作業系統;建立iis伺服器環境，支援asp。

3、安裝網頁三劍客(dreamweaver mx;flash mx;fireworks mx)等網頁設計軟體;

　三、實驗原理

通過“站點定義為”對話方塊中的“高階”選項卡建立一個新站點。

　　四、實驗方法與步驟

1)執行“站點管理站點”命令，在彈出的“管理站點”對話方塊中單擊“新建”按鈕，在彈出的快捷選單中選擇“站點”命令。

2)在彈出的“站點定義為”對話方塊中單擊“高階”選項卡。

3)在“站點名稱”文字框中輸入站點名稱，在“預設資料夾”文字框中選擇所建立的站點資料夾。

在“預設圖象資料夾”文字框中選擇存放圖象的資料夾，完成後單擊“確定”按鈕，返回“管理站點”對話方塊。

4)在“管理站點”對話方塊中單擊“完成”按鈕，站點建立完畢。

　　五、實驗結果

　　六、討論與結論

實驗開始之前要先建立一個根資料夾，在實驗的過程中把站點存在自己建的資料夾裡，這樣才能使實驗條理化，不至於在實驗後找不到自己的站點。

在實驗過程中會出現一些選項，計算機一般會有預設的選擇，最後不要去更改，如果要更改要先充分了解清楚該選項的含義，以及它會造成的效果，否則會使實驗的結果失真。

實驗前先熟悉好操作軟體是做好該實驗的關鍵。

　　簡單網頁設計實驗總結二：頁面影象設定

　一、實驗目的及要求：

　　本例項的目的是設定頁面的背景影象,並建立滑鼠經過影象。

　　二、儀器用具

1、生均一臺多媒體電腦，組建內部區域網，並且接入國際網際網路。

2、安裝windows xp作業系統;建立iis伺服器環境，支援asp。

3、安裝網頁三劍客(dreamweaver mx;flash mx;fireworks mx)等網頁設計軟體;

4、安裝acdsee、photoshop等圖形處理與製作軟體;

5、其他一些動畫與圖形處理或製作軟體。

　　三、實驗原理

設定頁面的背景影象,並建立滑鼠經過影象。

　四、實驗方法與步驟

1) 在“頁面屬性”對話方塊中設定頁面的背景影象。

2) 在頁面文件中單擊“”插入滑鼠經過影象。

　　五、實驗結果

　　六、討論與結論

實驗結束後我們可以看到頁面的背景變成了我們插入的影象，並且要滑鼠經過的時候會變成另一個影象，這就是滑鼠經過影象的效果。

當然這種實驗效果很難在實驗結果的`截圖裡表現出來。

這個實驗的關鍵在於背景影象的選擇，如果背景影象太大不僅會影響網頁的開啟速度，甚至影象在插入會也會有失真的感覺，因此在插入前對影象進行必要的處理能使實驗的效果更好。

　　簡單網頁設計實驗總結三：表格製作

　　一、實驗目的及要求：

本例項是要建立邊框為1畫素的表格。

　　二、儀器用具

1、生均一臺多媒體電腦，組建內部區域網，並且接入國際網際網路。

2、安裝windows xp作業系統;建立iis伺服器環境，支援asp。

3、安裝網頁三劍客(dreamweaver mx;flash mx;fireworks mx)等網頁設計軟體;

4、安裝acdsee、photoshop等圖形處理與製作軟體;

5、其他一些動畫與圖形處理或製作軟體。

　　三、實驗原理

建立邊框為1畫素的表格。

　　四、實驗方法與步驟

1) 在文件中，單擊表格“”按鈕，在對話方塊中將“單元格間距”設定為“1”。

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

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

4) 設定完畢，儲存頁面，按下“f12”鍵預覽。

　　五、實驗結果

　　六、討論與結論

本實驗主要通過整個表格和單元格顏色的差異來襯托出實驗效果，間距的作用主要在於表現這種顏色差異。

表格的背景顏色和單元格的背景顏色容易混淆，在實驗中要認真判斷，一旦操作錯誤則得不到實驗的效果。

“表格寬度”文字框右側的表格的寬度單位，包括“畫素”和“百分比”兩種，容易混淆，要充分地理解這兩種單位表示的意義才能正確地進行選擇，否則就不能達到自己想要的效果，設定錯誤就會嚴重影響實驗效果。