大學實驗二網頁設計實驗

1、高分求網頁製作實驗報告!!!

http://www.4oa.com/bggw/sort02902/sort02954/184825.html
網頁製作實驗報告

實驗一：站點設置

一、實驗目的及要求

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

二、儀器用具

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

五、實驗結果

六、討論與結論

本實驗主要通過整個表格和單元格顏色的差異來襯托出實驗效果，間距的作用主要在於表現這種顏色差異。表格的背景顏色和單元格的背景顏色容易混淆，在實驗中要認真判斷，一旦操作錯誤則得不到實驗的效果。「表格寬度」文本框右側的表格的寬度單位，包括「像素」和「百分比」兩種，容易混淆，要充分地理解這兩種單位表示的意義才能正確地進行選擇，否則就不能達到自己想要的效果，設置錯誤就會嚴重影響實驗效果。

實驗四：創建錨點鏈接

一、實驗目的及要求：

本實例的目的是創建錨點鏈接。

二、儀器用具

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

2、安裝Windows XP操作系統；建立IIS伺服器環境，支持ASP。

3、安裝網頁三劍客（Dreamweaver MX；Flash MX；Fireworks MX）等網頁設計軟體；

4、安裝Acdsee、Photoshop等圖形處理與製作軟體；

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

三、實驗原理

創建錨點鏈接。

四、實驗方法與步驟

1) 在頁面中插入1行4列的表格，並在各單元格中輸入導航文字。

2) 分別選中各單元格的文字，單擊「」按鈕，在彈出的「超級鏈接」對話框上的「鏈接」文本框分別輸入「#01」「#02」「#03」「#04」。

3) 在文檔中輸入文字並設置錨記名稱「01」，按下「 Enter」鍵換行，輸入一篇文章。

4) 在文章的結尾處換行，輸入文字並設置錨記名稱「02」，按下「 Enter」鍵換行，輸入一篇文章。

5) 同樣的方法在頁面下文分別輸入文字和命名錨記為「03」和「04」，並輸入文章。

6) 保存頁面，按下「F12」鍵預覽。

五、實驗結果

六、討論與結論

添加瞄記的作用是可以幫讀者快速找到自己想要的文章，同時也可以使頁面更加精簡。本實驗的關鍵難點在於鏈接文本框輸入的名稱和瞄記的名稱要相一致才能達到實驗的效果，同時要記得是在上一篇文章的結尾處輸入文字並設置瞄記名稱，並記得輸入對應的文章，否則瞄記可能不能用。熟練程度低在實驗中不能很好地使用各種工具，無法一次准確地尋找到適當的位置。實驗中忘記選擇「不可見元素」，幾次實驗都失敗，最後才得出正確的結論。因此在實驗前要先做好預習，否則實驗過程會比較吃力。

實驗五：設置CSS樣式

一、實驗目的及要求：

本實例的目的是通過設置CSS樣式創建表格的虛線邊框。

二、儀器用具

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

2、安裝Windows XP操作系統；建立IIS伺服器環境，支持ASP。

3、安裝網頁三劍客（Dreamweaver MX；Flash MX；Fireworks MX）等網頁設計軟體；

4、安裝Acdsee、Photoshop等圖形處理與製作軟體；

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

三、實驗原理

通過設置CSS樣式創建表格的虛線邊框。

四、實驗方法與步驟

1) 在網頁中創建一個表格。

2) 在「CSS樣式」面板中單擊「」按鈕，在彈出的對話框中進行設置，完成後單擊「確定」按鈕。

3) 在彈出的對話框中進行設置，完成後單擊「確定」
後面的看我發的那個網站！

2、實驗二： 網頁表格和表單的製作 1、實驗目的： 掌握網頁中表格和表單的製作方法 2、實驗內容： （1） 建立

<form id="form1" name="form1" method="post" action="">

<table width="530" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="88" colspan="3" align="center" valign="middle" bgcolor="#000000" class="STYLE1">如果您還沒有注冊，請注冊</td>
</tr>
<tr>
<td width="140" height="40" align="right" bgcolor="#666666">賬號：</td>
<td width="25" align="left" bgcolor="#000000"><label></label></td>
<td width="366" align="left" bgcolor="#000000"><input name="zczh" type="text" id="zczh" size="19" maxlength="14" /></td>
</tr>
<tr>
<td height="40" align="right" bgcolor="#333333">密碼：</td>
<td align="left" bgcolor="#000000"><label></label></td>
<td align="left" bgcolor="#000000"><input name="mm1" type="password" id="mm1" size="20" maxlength="10" /></td>
</tr>
<tr>
<td height="40" align="right" bgcolor="#666666">確認密碼：</td>
<td align="left" bgcolor="#000000"><label></label></td>
<td align="left" bgcolor="#000000"><input name="mm2" type="password" id="mm2" size="20" maxlength="10" /></td>
</tr>
<tr>
<td height="40" align="right" bgcolor="#333333">性別：</td>
<td align="left" bgcolor="#000000"><label></label></td>
<td align="left" bgcolor="#000000"><input name="xb" type="radio" id="xb" value="靚女" checked="checked" />
靚女
<input type="radio" name="xb" id="xb2" value="帥哥" />
帥哥</td>
</tr>
<tr>
<td height="40" align="right" bgcolor="#666666">自我介紹：</td>
<td align="left" bgcolor="#000000"><label></label></td>
<td align="left" bgcolor="#000000"><input type="text" name="self" id="self" /></td>
</tr>
<tr>
<td align="right" bgcolor="#333333">我推薦的游戲：</td>
<td align="left" bgcolor="#000000"><label></label></td>
<td align="left" bgcolor="#000000"><textarea name="my" id="my" cols="45" rows="10"></textarea></td>
</tr>
<tr>
<td height="40" align="right" bgcolor="#666666"><label>注冊的優勢：</label></td>
<td bgcolor="#000000"><label></label></td>
<td align="left" bgcolor="#000000">您將有權發布新的圖片和文章！</td>
</tr>
<tr>
<td height="40" align="right" bgcolor="#000000"> </td>
<td bgcolor="#000000"> </td>
<td bgcolor="#000000"> </td>
</tr>
<tr>
<td height="40" align="right" bgcolor="#000000"><img src="../pic/111.gif" width="40" height="40" /></td>
<td bgcolor="#000000"> </td>
<td height="50" align="left" bgcolor="#000000"><input type="submit" name="tj" id="tj" value="提交" />
<input type="reset" name="tj2" id="tj2" value="重置" /></td>
</tr>
</table>
</form>

3、網頁設計實驗報告

這個要求還是不難的，不過製作報告還是只有自己來寫的。可以自己提供素材，才能百分百原創。支持在線預覽效果。

4、高分求網頁設計實驗報告，不要網頁。

http://www.wustwzx.com,這里有。

5、求一個簡單的大學生網頁製作作業

我有一個商城首頁的網頁項目，源碼也有，我自己寫的，幾百行代碼，適合你，我當初練習的時候做的。

下面是效果截圖，還有我的其他一些學習資料也可以給你們。

還有自己總結的一些資料