網站首頁 個人範例 行業範例 行政範例 職場範例 校園範例 書信範例 生活範例 節日文化範例
當前位置:文學範文吧 > 行業範例 > 設計

簡單網頁設計實驗總結

欄目: 設計 / 發佈於: / 人氣:6.12K

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

簡單網頁設計實驗總結

  簡單網頁設計實驗總結一:站點設置

  一、實驗目的及要求

本實例是通過“站點定義為”對話框中的“高級”選項卡創建一個新站點。

 二、儀器用具

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”鍵預覽。

  五、實驗結果

  六、討論與結論

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

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

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

Tags:網頁