小恐龍資訊教與學網站
[回首頁]、[本篇目錄]、[上一頁]、[下一頁]
第四章、網頁編輯1：使用Mozilla Composer
新竹市青草湖、風城、香山社區大學
更新日期︰2005/02/15
一、活動概念簡介
Mozilla下載與安裝 / 建立資料夾/文字編輯、標題運用，插入水平線、圖片 / 改變圖片位置、圖片超連結、電子郵件起連結
為 2004 年的新世代量身打造的瀏覽工具、 進階的電子郵件與 Newsgroup 管理程式、 IRC 線上聊天、簡易 HTML 編輯 -- 所有你對 Internet 的需求，全在一個應用程式中得到滿足。
二、本課程實作步驟講解
第一部份、自由軟體Mozilla下載與安裝
自由軟體Mozilla下載步驟︰
請按此處下載自由軟體Mozilla於學員所建立的學習資料夾中存放
自由軟體Mozilla安裝步驟︰
於學員資料夾中找到如下的圖示，按滑鼠左鍵二下進行安裝步驟
出現歡迎使用Mozilla→按下【下一步】
出現軟體授權同意書→按下【接受】按鈕
安裝方式，請選擇【一般安裝】→按下【下一步】按鈕
使用「快速啟動」功能以快速叫出瀏覽器→按下【下一步】
開始安裝→按下【安裝】
請把mozilla設定成預設的瀏覽器。
第二部份、建立資料夾
請學員在自己的學習資料夾中建立一個【www】資料夾，在【www】資料夾中請再建立一個名稱為【composer】的資料夾，待會作成的第一張網頁（index.html）請存放於此。
檔案總管中→在學員自己的資料夾中空白處→按下滑鼠右鍵→新增→資料夾→輸入資料夾名稱
第三部份、網頁編輯概念、資料收集與內容文字編輯
★網頁編輯概念︰網頁編輯內容的三大結構要素：文字檔、聲音檔、圖檔（影像）所構成的，只要抓住重點就能編輯美好的網頁，顯示學習後的功力。
★文字報導︰蒐集活動產生的各式文件，訴諸為文字
內容：
誰（Who）控制分析。
說什麼（Says What）內容分析。
透過什麼媒介（Ih What Effects）媒介分析。
給誰（To Whom）閱聽人分析。
產生什麼效果（With What Effects）效果分析。認知、態度、行為、資訊傳播成效。
模式：
網頁編輯委員（網站意見領袖）
網站計畫呈現什麼（人、事、地、物、時、景）
透過網頁（何種型式，多久更新一次）
閱讀者是誰（上網者民眾，他們關心和需要什麼？編輯委員要給什麼？）
傳播效果（預期產生什麼效果？或希望達到什麼效果）
內容編輯型式
1. 正金字塔式：開端…最高潮例如：藝文愛情小說、電視電影愛情連續據的據本。這是一般寫作的老方式，目的是吸引讀者把全文讀完，才能了解全部情況，開始平淡，漸入高潮。
2. 倒金字塔式：重點導言、描逑、結尾例如：報紙內容「林肯總統今晚在戲院遭槍擊，傷勢嚴重」。在南北戰爭電報常受阻，通訊社和報社不得不在開頭幾行書寫重要的事實和要點，重點在前面，結尾有時會被切斷。
3. 折衷式：重點導言、第一、二、三、事實順序描逑（以時間或邏輯性先後為順序）這是將倒金字塔和正金字塔式二者合而為一的寫作方法。例如：雜誌、街頭遊行有不同現場的報導。
4. 平舖直敘式：新聞中有各類事實，價值不相上下，或新聞中的事實沒有所講的高潮，就以平舖直敘方式呈現。這種文字組織方式前後一致，像一個長方形。例如：一般想打廣告的商品，想不出（抓不住）特殊價值或賣點，卻又要上工商廣告。
★資料的收集︰製作網頁的過程須要周詳的規劃，網內資料的來源是很重要，隨時收集一些重要資訊以便日後編輯使用。平時要常上別人網站看看，人家網站的特色、特點、美工、圖檔、文字編排、製作重點在那裡呢？自己網站呈現出什麼內容給讀者看，是否網友較喜歡的。
★網頁的更新︰網頁內容要有系統化、多元化、結構分明讓人一看知道主題是什麼？內容要豊富，網頁要多做一些頁數，隨時找尋資料更新網頁，這樣才會有更多人上我們的網站。
★編輯能力的提昇︰網頁版面設計的成功是網站生命延伸的力量，在編排時除了基本的要素外也要強化一些技術性的能力。要設計出色的網頁，除了發揮您的創意外，就是多看看設計不錯的網頁，吸收別人的經驗，成為自己的實力。所以在編輯方面要努力些！課程教材要常常上網練習，使自己對編輯課程更瞭解更熟悉也較能熟能生巧，對自己的網頁更有信心。
★程式使用的學習︰工欲善其事，必先利其器，製作網頁首先要懂網頁編輯程式，知道HTML標籤、屬性、指令的功能。還有聲音檔處理程式的應用，另圖檔下載、掃瞄、處理應用程式的使用也是非常重要的，既然己學習本課程就要時時練習，當到要用時方知對這些程式不熟悉、不熟練，那就對不起自己了。
第四部份、開啟mozilla composer網頁設計師軟體、標題運用
開啟mozilla composer網頁設計師軟體︰
【視窗】功能表→設計師
標題運用︰在瀏覽器的最上方為標題列，是顯現此網頁內容的主要標題，如何設定及更改網頁標題列？
在設計師中選擇【格式】功能表→頁面標題與屬性
在【標題】處輸入︰青風香社大風動電腦研習社參訪台南市社區大學之旅
在【作者】處輸入︰您的姓名→確定
第五部份、插入水平線、圖片 / 改變圖片位置、圖片超連結、電子郵件超連結
在網頁的設計上必須要有段落，而水平線是可以用來區分大段落的技巧。
【插入】功能表→水平線
在水平線下方輸入網頁標題【青風香社大風動電腦研習社參訪台南市社區大學之旅】→文字反白後→在工具列上請選擇【置中對齊】、【段落標題一】，使得標題文字明顯呈現。
【插入】功能表→圖片→位址頁標籤→選取檔案→填寫【替代文字】→確定
圖片超連結，選擇【鏈結】頁標籤→輸入要【鏈結的路徑】→【確定】
在輸入網址處請輸入台南市社區大學網址︰http://www.tncomu.tn.edu.tw/
電子郵件超連結，【插入】功能表→【鏈結】
第六部份、儲存檔案
網頁製作完成，最重要的就是儲存的動作了，如果忘了這個步驟，剛剛辛苦的過程不就白費了呢！
如何存檔？【檔案】功能表→【儲存】→選擇要【儲存的位置】→填入【檔名】→選擇【存檔類型】→最後按下 【儲存】按鈕
第七部份、告知全世界各地的朋友！上傳網頁
使用瀏覽器上傳，在瀏覽器網址列的地方輸入您網頁所要上傳的FTP伺服器名稱，例如︰風城社大FTP伺服器請在網址列輸入ftp://fcu.org.tw會出現以下的對話方塊→請再輸入【使用者名稱】和【密碼】→【登入】。
★青草湖社區大學伺服器→ftp://www.bamboo.hc.edu.tw
★風城社區大學伺服器→ftp://fcu.org.tw
★香山社區大學伺服器→ftp://www.hscu.hc.edu.tw
把剛剛建立的【composer】資料夾和所製作的index.html檔案上傳至遠端FTP伺服器【www】資料夾中
三、本週課程實作成果發表
請學員把今日在課堂上所製作的網頁寄到[e-cu]網路公共論壇上讓大家分享。
【檔案】功能表→郵寄此頁面（Mozilla）
【檔案】功能表→傳送→以電子郵件傳送畫面（IE）
E-mail程式設定的基本概念︰
E-mail收發與管理程式有很多套，如Outlook Express、Becky!、Eudora等等。Mozilla(恐龍)除了「網頁瀏覽器」、「網頁設計Composer」的功能外，也提供「E-mail收發與管理」功能，稱為「Mozilla郵件」。「Mozilla郵件」是個功能強大、好用的E-mail程式，更重要的是，Mozilla是一套屬於公共版權的「自由軟體」，可免費下載與使用。
所有E-mail程式看起來不同，但是基本的「使用者環境設定」都是大同小異。若要開始使用一個剛安裝好的E-mail程式，都要設定下面的基本項目：
使用者個人基本資訊
姓名(或網路暱稱)：鄭錚樺
服務單位(或組織)：新竹市風城社區大學
個人E-mail地址：okwawa@fcu.org.tw
回覆地址：okwawa@fcu.org.tw
伺服器設定
內送伺服器(POP)：fcu.org.tw
外寄伺服器(SMTP)：msa.hinet.net
四、參考資料及延伸閱讀書目
1、自由軟體Mozilla的使用鄭錚樺
2、青草湖社區大學E化工作坊 青草湖社區大學
3、小麻雀資訊教與學網站：社區教育培訓課程、辦公室Office系列課程、影音處理進階課程、電腦基礎與網際網路課程、網頁製作網站管理課程、E-mail電子郵件使用課程、輸入法與翻譯程式使用課程 鄭錦德 (青草湖社大電腦與網路課程教師)
4、烘焙姬網路文化雜誌編輯群，《電腦生活與網際網路介紹》，2000。
５、小恐龍資訊教與學網站鄭錚樺 (青草湖社大電腦與網路課程教師)
