3可爱娃物品收集作.doc

網頁文字與影像編輯製作 作品主題【可愛娃物品收集作】 製作功能按鈕-關閉按鈕 2. 設定固定時間更改背景圖 3. 行為功能-調換影像 *學習評量 1.製作功能按鈕-關閉按鈕 開啓【Default.htm】”window.close();”】。 Step1.開啟Adobe Dreamweaver CS4，點選【檔案】面板→【開啟舊檔】→選擇【娃 娃】資料夾→雙擊『Default.html』or選擇『Default.html』按【開啟】檔案。 Step2.在第４段落，在工具列【插入】面版→【表單】→【按鈕】or在工具列【表單】→【按鈕】，樣式『無標籤標記』，按【確定】後，出現「新增表單標籤？」對話方塊，按【否】。 Step3. 在工具列【修改】面版→【編緝標籤】，開啓【標籤編輯器】視窗做設定： 【一般】分類中設定【類型】為【按鈕】、【值】設定為【關閉視窗】。 【事件】分類中點選【onClick】，並在右側欄位中輸入【window.close();】文字，設定完成後按【確定】按鈕。 2.設定固定時間更改背景圖 設定每7秒隨機更換一次背景圖。 Step1.點選工具列【插入】面版→【HTML】→【檔頭標籤】→【重新整理】，開啓【重新整理】視窗，並在【延遲】設定為【7秒】，【動作】點選【重新整理這個文件】後，按【確定】按鈕。 Step2.雙擊【檔案】面版中「JavaScript.txt」檔案，全選全部文字後，按滑鼠【右鍵】→【複製】，切換到『Default.html』檔案，在工具列中點選程式碼鈕，切換頁面置檢視模式，在第7行按【編輯】面版→【貼上】。 設定網頁一載入時，id為ta的表格會執行「出現/淡出」效果。 Step1.點選編輯頁面狀態列body標籤，開啓【行為】面版，按【+】鈕，點選【效 果】→【出現/淡出】，開啓【出現/淡出】編輯視窗。 設定 【目標元素】選擇為「table ”ta”」。 【作用期間】設定為「3000」毫秒。 【效果】選擇「出現」。 勾取消「切換效果」項目後，按【確定】按鈕返回。 Step2.在【行為】面板中「出現/淡出」行為的事件設定為「onLoad」，或者按　　鈕 點選「onLoad」。 　 3.行為功能-調換影像 下方表格右側儲存格中，插入圖片，並利用「調換影像」功能設定。 Step1.游漂置於下方表格的右方儲存格中，執行工具列【插入】→【影像】，選取影像 原始檔為「images」資料夾中「P1.jpg」圖檔。 Step2.框選文字「可愛的羊咩咩」，開啓【行為】面板，按【+】鈕，點選【調換影像】，開啓【調換影像】視窗設定：【設定原始檔為】選為「images」資料夾中「P2.jpg」圖檔。 Step3.確認【行為】面板中「調換影像」行為的事件設定為「onMouseOver」，或者按 下 鈕點選「onMouseOver」。 Step4.重複Step2~3步驟，依序框選文字「穿日本服的熊」、「米奇娃名片包」、「小粉紅抱枕」、「烏龜手機套」、「卡哇伊娃娃區」分別進行設定，在【行為】面板中按【+】鈕，開啓【調換影像】視窗，分別設定原始檔為「images」資料夾中「P3.jpg」、「P4.jpg」、「P5.jpg」、「P6.jpg」、「P1.jpg」圖檔。 Step5　完成新增「調換影像」行為後，確認所有「調換影像」行為的事件設定為「onMouseOver」，或者按下　　鈕點選「onMouseOver」。 將編輯過的網頁檔案儲存。 Step1　執行工具列【檔案】→【儲存】，儲存已完成編輯的網頁檔案。