網頁製作實驗報告大綱
網頁製作實驗報告
實驗一:站點設定
一、實驗目的及要求
本例項是通過“站點定義為”對話方塊中的“高階”選項卡建立一個新站點。
二、儀器用具
1、生均一臺多媒體電腦,組建內部區域網,並且接入國際網際網路。
2、安裝windowsxp操作系統;建立iis伺服器環境,支援asp。
3、安裝網頁三劍客(dreamweavermx;flashmx;fireworksmx)等網頁設計軟體;
三、實驗原理
通過“站點定義為”對話方塊中的“高階”選項卡建立一個新站點。
四、實驗方法與步驟
1)執行“站點\管理站點”命令,在彈出的“管理站點”對話方塊中單擊“新建”按鈕,在彈出的快捷選單中選擇“站點”命令。
2)在彈出的“站點定義為”對話方塊中單擊“高階”選項卡。
3)在“站點名稱”文字框中輸入站點名稱,在“預設檔案夾”文字框中選擇所建立的站點資料夾。在“預設圖象資料夾”文字框中選擇存放圖象的資料夾,完成後單擊“確定”按鈕,返回“管理站點”對話方塊。
4)在“管理站點”對話方塊中單擊“完成”按鈕,站點建立完畢。
五、實驗結果
六、討論與結論
實驗開始之前要先建立一個根資料夾,在實驗的過程中把站點存在自己建的資料夾裡,這樣才能使實驗條理化,不至於在實驗後找不到自己的站點。在實驗過程中會出現一些選項,計算機一般會有預設的選擇,最後不要去更改,如果要更改要先充分了解清楚該選項的含義,以及它會造成的效果,否則會使實驗的結果失真。實驗前先熟悉好操作軟體是做好該實驗的關鍵。
實驗二:頁面影象設定
一、實驗目的及要求:
本例項的目的是設定頁面的背景影象,並建立滑鼠經過影象。
二、儀器用具
1、生均一臺多媒體電腦,組建內部區域網,並且接入國際網際網路。
2、安裝windowsxp作業系統;建立iis伺服器環境,支援asp。
3、安裝網頁三劍客(dreamweavermx;flashmx;fireworksmx)等網頁設計軟體;
4、安裝acdsee、photoshop等圖形處理與製作軟體;
5、其他一些動畫與圖形處理或製作軟體。
三、實驗原理
設定頁面的背景影象,並建立滑鼠經過影象。
四、實驗方法與步驟
1)在“頁面屬性”對話方塊中設定頁面的背景影象。
2)在頁面文件中單擊“”插入滑鼠經過影象。
五、實驗結果
六、討論與結論
實驗結束後我們可以看到頁面的背景變成了我們插入的影象,並且要滑鼠經過的時候會變成另一個影象,這就是滑鼠經過影象的效果。當然這種實驗效果很難在實驗結果的截圖裡表現出來。這個實驗的關鍵在於背景影象的選擇,如果背景影象太大不僅會影響網頁的開啟速度,甚至影象在插入會也會有失真的感覺,因此在插入前對影象進行必要的處理能使實驗的效果更好。
實驗三:表格製作
一、實驗目的及要求:
本例項是要建立邊框為1畫素的表格。
二、儀器用具
1、生均一臺多媒體電腦,組建內部區域網,並且接入國際網際網路。
2、安裝windowsxp作業系統;建立iis伺服器環境,支援asp。
3、安裝網頁三劍客(dreamweavermx;flashmx;fireworksmx)等網頁設計軟體;
4、安裝acdsee、photoshop等圖形處理與製作軟體;
5、其他一些動畫與圖形處理或製作軟體。
三、實驗原理
建立邊框為1畫素的表格。
四、實驗方法與步驟
1)在文件中,單擊表格“”按鈕,在對話方塊中將“單元格間距”設定為“1”。
2)選中插入的表格,將“背景顏色”設定為“黑色”(#0000000)。
3)在表格中選中所有的單元格,在“屬性”面版中將“背景顏色”設定為“白色”(#ffffff)。
4)設定完畢,儲存頁面,按下“f12”鍵預覽。
五、實驗結果
六、討論與結論
本實驗主要通過整個表格和單元格顏色的差異來襯托出實驗效果,間距的作用主要在於表現這種顏色差異。表格的背景顏色和單元格的背景顏色容易混淆,在實驗中要認真判斷,一旦操作錯誤則得不到實驗的效果。“表格寬度”文字框右側的表格的寬度單位,包括“畫素”和“百分比”兩種,容易混淆,要充分地理解這兩種單位表示的意義才能正確地進行選擇,否則就不能達到自己想要的效果,設定錯誤就會嚴重影響實驗效果。
實驗四:建立錨點連結
一、實驗目的及要求:
本例項的目的是建立錨點連結。
二、儀器用具
1、生均一臺多媒體電腦,組建內部區域網,並且接入國際網際網路。
2、安裝windowsxp作業系統;建立iis伺服器環境,支援asp。
3、安裝網頁三劍客(dreamweavermx;flashmx;fireworksmx)等網頁設計軟體;
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、安裝windowsxp作業系統;建立iis伺服器環境,支援asp。
3、安裝網頁三劍客(dreamweavermx;flashmx;fireworksmx)等網頁設計軟體;
4、安裝acdsee、photoshop等圖形處理與製作軟體;
5、其他一些動畫與圖形處理或製作軟體。
三、實驗原理
通過設定css樣式建立表格的虛線邊框。
四、實驗方法與步驟
1)在網頁中建立一個表格。
2)在“css樣式”面板中單擊“”按鈕,在彈出的對話方塊中進行設定,完成後單擊“確定”按鈕。
3)在彈出的對話方塊中進行設定,完成後單擊“確定”按鈕。
五、實驗結果
六、討論與結論
對話方塊中各項指標和屬性的設定存在一定的難度,如果沒熟練掌握就容易出錯使實驗失敗。對“ccs”樣式所要使用的各種按扭不夠熟悉在使用的時候覺得很生硬。這個實驗成功的關鍵在於對軟體的掌握程度以及對各種屬性的認識程度,只要充分地掌握了軟體的各種操作,對各屬性所代表的含義有充分的認識就能很好地完成這個實驗。
實驗六:建立表單
一、實驗目的及要求:
本例項的目的是建立一個募捐表單。
-
觀察凸透鏡成像物理實驗報告
探究課題;探究平面鏡成像的特點.1.提出問題;平面鏡成的是實像還是虛像?是放大的還是縮小的像?所成的像的位置是在什麼地方?2.猜想與假設;平面鏡成的是虛像.像的大小與物的大小相等.像與物分別是在平面鏡的兩側.3.制定計劃與設計方案;實驗原理是光的反射規律.所需器材;蠟燭(兩隻),...
-
關於國小生的實驗報告
星期天的早上我自己做荷包蛋吃,我把油熱好,再把雞蛋打了進去,我用洗好的鏟子去把荷包蛋給翻過來,但是鏟子上面的水滴進了熱油裡,裡面的立刻炸了開來,炸出來的油差點濺到我的臉上。做完了荷包蛋,我去問媽媽水遇到油為什麼會炸起來啊?媽媽說她也不清楚。我便開始翻閱書...
-
分治法實驗報告範文
一、實驗目的及要求利用分治方法設計大整數乘法的遞迴演算法,掌握分治法的基本思想和演算法設計的基本步驟。要求:設計十進位制的大整數乘法,必須利用分治的思想編寫演算法,利用c語言(或者c++語言)實現演算法,給出程式的正確執行結果。(必須完成)設計二進位制的大整數乘法,要求利用分...
-
普通車床結構剖析實驗報告範文
篇一:普通車床結構剖析實驗報告一、實驗目的普通車床具有較典型的機械傳動系統及操縱機構,應用了較多的機械傳動機構如帶傳動、齒輪傳動、鏈傳動、摩擦傳動、螺旋機構、凸輪機構、曲柄機構、槓桿機構等等和較多的機械零件如軸承、齒輪、鏈輪、帶輪、鍵、花鍵、聯...