小恐龍資訊教與學網站
[回首頁]、[本篇目錄]、[上一頁]、[下一頁]
第五章、網頁編輯2：使用Mozilla Composer
新竹市青草湖、風城、香山社區大學
更新日期︰2005/02/15
一、活動概念簡介
改變背景顏色 / 使用背景圖片、背景圖片製作 / 運用表格編輯網頁、表格格式設定 / 插入鏈結目標的運用
二、本課程實作步驟講解
第一部份、開啟mozilla composer網頁設計師軟體、標題運用
開啟mozilla composer網頁設計師軟體︰
【視窗】功能表→設計師
標題運用︰在瀏覽器的最上方為標題列，是顯現此網頁內容的主要標題，如何設定及更改網頁標題列？
在設計師中選擇【格式】功能表→頁面標題與屬性
標題設計為︰參訪台南社大
第二部份、改變背景顏色 / 使用背景圖片
輸入標題與插入圖片、文字後，網頁的製作大致已經完成，但是背景似乎比較單調了，沒關係我們現在就來設定背景顏色，讓我們這個網頁更絢麗多彩，吸引更多的瀏覽者進來一窺堂奧。
直接在工具列上的【選擇背景顏色】挑選
【格式】功能表→頁面文字顏色及背景顏色
在出現的【顏色與背景】對話方塊中選擇背景顏色，或是選擇【背景圖片檔】→選取檔案→確定
第三部份、運用表格編輯網頁、表格格式設定
利用表格來編緝網頁可以使得網頁內容更為整齊，要如何插入表格呢？
【表格】功能表→插入→表格
輸入表格的【列】、【欄】數→確定
第四部份、插入鏈結目標的運用
如果您的這張網頁的內容很多時，為了要找一個主題的內容可能要找很久，所以利用這個插入鏈結目標的功能可以讓您很方便的瀏覽此網頁。
首先反白文字→【插入】功能表→插入鏈結目標
設定鏈結目標名稱→確定
製作好要鏈結的目標後再來就是要插入鏈結，在要插入鏈結的文字上反白→【插入】功能表→鏈結
選取鏈結目標→確定
第五部份、儲存檔案
網頁製作完成，最重要的就是儲存的動作了，如果忘了這個步驟，剛剛辛苦的過程不就白費了呢！
如何存檔？【檔案】功能表→【儲存】→選擇要【儲存的位置】→填入【檔名】→選擇【存檔類型】→最後按下 【儲存】按鈕。作業（一）的網頁no1.html請儲存於【no1】資料夾中，作業（二）的網頁no2.html請儲存於【no2】資料夾中。
第六部份、告知全世界各地的朋友！上傳網頁
使用瀏覽器上傳，在瀏覽器網址列的地方輸入您網頁所要上傳的伺服器名稱，例如︰ftp://fcu.org.tw會出現以下的對話方塊→請再輸入【使用者名稱】和【密碼】→【登入】
把剛剛建立的【no1】及【no2】資料夾和所製作的檔案【no1.html】和【no2.html】上傳至伺服器上。
三、本週課程實作成果發表
1、請利用Mozilla程式中的E-mail程式，練習設定自己的E-mail使用環境，並將今日的作業寄送到[e-cu]網路公共論壇分享給其他朋友！
【檔案】功能表→郵寄此頁面（Mozilla）
【檔案】功能表→傳送→以電子郵件傳送畫面（IE）
2、E-mail程式設定的基本概念︰
E-mail收發與管理程式有很多套，如Outlook Express、Becky!、Eudora等等。Mozilla(恐龍)除了「網頁瀏覽器」、「網頁設計Composer」的功能外，也提供「E-mail收發與管理」功能，稱為「Mozilla郵件」。「Mozilla郵件」是個功能強大、好用的E-mail程式，更重要的是，Mozilla是一套屬於公共版權的「自由軟體」，可免費下載與使用。所有E-mail程式看起來不同，但是基本的「使用者環境設定」都是大同小異。若要開始使用一個剛安裝好的E-mail程式，都要設定下面的基本項目：
使用者個人基本資訊
姓名(或網路暱稱)：鄭錚樺
服務單位(或組織)：新竹市青草湖社區大學
個人E-mail地址：okwawa@mail.bamboo.hc.edu.tw
回覆地址：okwawa@mail.bamboo.hc.edu.tw
伺服器設定
內送伺服器(POP)：mail.bamboo.hc.edu.tw
外寄伺服器(SMTP)：msa.hinet.net
四、參考資料及延伸閱讀書目
青草湖社區大學E化工作坊 青草湖社區大學
小麻雀資訊教與學網站：社區教育培訓課程、辦公室Office系列課程、影音處理進階課程、電腦基礎與網際網路課程、網頁製作網站管理課程、E-mail電子郵件使用課程、輸入法與翻譯程式使用課程 鄭錦德 (青草湖社大電腦與網路課程教師)
烘焙姬網路文化雜誌編輯群，《電腦生活與網際網路介紹》，2000。
小恐龍資訊教與學網站鄭錚樺 (青草湖社大電腦與網路課程教師)
