網頁製作實驗報告

三、實驗原理 

創建錨點連結。 

四、實驗方法與步驟 

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) 在彈出的對話框中進行設定,完成後單擊“確定”按鈕。 

五、實驗結果 

六、討論與結論 

對話框中各項指標和屬性的設定存在一定的難度,如果沒熟練掌握就容易出錯使實驗失敗。對“ccs”樣式所要使用的各種按扭不夠熟悉在使用的時候覺得很生硬。這個實驗成功的關鍵在於對軟體的掌握程度以及對各種屬性的認識程度,只要充分地掌握了軟體的各種操作,對各屬性所代表的含義有充分的認識就能很好地完成這個實驗。 

實驗六:創建表單 

一、實驗目的及要求: 

本實例的目的是創建一個募捐表單。