網頁製作技巧︰ 網頁的聲光效果,製作我的家庭網頁
更新日期︰2004/10/27
一、學員簽到、本週課程簡介
利用網頁的聲光效果製作我的家庭網頁(no2.html)、更換背景顏色、背景圖片的加入、插入瀏覽網頁時的背景音樂、插入水平線、網頁超連結、郵件超連結、自動影像目錄標籤的設定
二、本週課程實作步驟講解
第一部份、更換背景顏色、背景圖片的加入、插入瀏覽網頁時的背景音樂、插入水平線
★請至網頁素材館下載美麗的背景圖片及水平線︰
在喜歡的圖片上按右鍵→另存圖片(儲存在no2資料夾中)
在no2.html網頁中,按下【格式】功能表→背景→利用瀏覽找出儲存在no2資料夾中的圖片
插入水平線,【插入】功能表→水平線
★下載背景音樂︰
首先開啟瀏覽器,在搜尋引擎中輸入【midi】文字進行搜尋,把喜歡的音樂下載至學員所建立的學習資料夾中
或者是按下此處連結下載,在您喜歡的midi檔上→按滑鼠右鍵→另存目標→儲存在學員建立的no2資料夾中
在no2.html網頁中,按下【格式】功能表→背景→
第二部份、網頁超連結、郵件超連結
網頁超連結︰如何製作超連結呢?
在文字處反白後按滑鼠右鍵→超連結
在URL處輸入要連結的網址→確定
製作到您電腦中的檔案超連結
製作傳送電子郵件的超連結
第三部份、自動影像目錄標籤的設定
自動影像目錄標籤︰
插入→圖片→從檔案
尋找儲存位置
設定圖片工具列,檢視→工具列→圖片
設定自動影像目錄標籤,工具→網頁選項
在自動影像目錄標籤中,設定寬度、框線組細、斜角等→確定
點選圖片→選擇圖片工具列的自動影像目錄標籤
![]()
三、本週課程實作成果發表
四、課程指定教材
青草湖社區大學E化工作坊 青草湖社區大學
小麻雀資訊教與學網站:社區教育培訓課程、辦公室Office系列課程、影音處理進階課程、電腦基礎與網際網路課程、網頁製作網站管理課程、E-mail電子郵件使用課程、輸入法與翻譯程式使用課程 鄭錦德 (青草湖社大電腦與網路課程教師)
烘焙姬網路文化雜誌編輯群,《電腦生活與網際網路介紹》,2000。
小恐龍資訊教與學網站鄭錚樺 (青草湖社大電腦與網路課程教師)
五、延伸閱讀書目
《2001全國社區大學教師研習會新竹第三場手冊:婦女/性別、電腦與網路、民間文化藝術》,社區大學全國促進會、新竹市青草湖社區大學,2001年12月。
Tim Berners-Lee(提姆•柏納李)著,張介英、徐子超譯,《一千零一網:WWW發明人的思想構圖》(Weaving the Web: The Original Design and Ulitmate Desitiny of the World Wide Web),Open 1叢書16,台灣商務,台北市,1999。
Pekka Himanen (佩卡•海莫能)著,劉瓊云譯,《駭客倫理與資訊時代精神》(The Hacker Ethic, and the Spirit of the Information Society),from叢書5,大塊文化,台北市,2002。
Bill Gates (比爾•蓋茲)著,樂為良譯,《數位神經系統:與思想等快的明日世界》(Business @ the Speed of Thought : Using a Digital Nervous System),數位管理系列叢書,商周出版,台北市,1999。