第一章    認識網站編輯軟體 授課老師：黃祥倫.

Presentation on theme: "第一章    認識網站編輯軟體 授課老師：黃祥倫."— Presentation transcript:

1 第一章    認識網站編輯軟體 授課老師：黃祥倫

2 1-1 軟體說明 Kompozer 是一套同樣以 Mozilla 為核心的網頁編輯器 (就像市面上常見的 FrontPage　　或是 Dreamweaver 　等等網頁編輯程式) 。 承襲了 Mozilla 的特色，Kompozer 是一套開放源碼(Open Source)、 跨平台(Cross Platform)、免費的程式， 任何人都可以自由下載使用。

3 1-2 軟體特色 編輯網頁就如使用Word一般的簡單。 可以透過FTP整合並管理檔案，直接修改網站。
可靠的HTML語法，編碼支援多種瀏覽器。 多頁式編輯方式，可同時處理多網頁。 易於使用，可跨多種平台執行，如Microsoft Windows, Linux, Mac OS。

4 1-3 軟體下載 打開瀏覽器並輸入 點此進入下載

5 1-3 軟體下載 點此進入下載 點此開始下載

6 1-3 軟體下載 按"儲存"

7 1-3 軟體下載 按"儲存"

8 1-3 軟體下載 檔案下載中

9 1-3 軟體下載 檔案下載完成，按"開啟"

10 1-3 軟體下載 按"解壓縮到"

11 1-3 軟體下載 點"桌面"後，按"確定"即完成解壓縮動作

12 1-3 軟體下載 回到桌面，按兩下"KompoZer "資料夾，開啟資料夾後找到kompozer並按兩下，即開啟KompoZer

13 1-4 軟體畫面

14 1-5 軟體中文化 回到KompoZer首頁點選"Localizations"

15 1-5 軟體中文化 在"中文繁"按右鍵，並"另存目標"

16 1-5 軟體中文化 按"儲存"

17 1-5 軟體中文化 開啟KompoZer，按"Tools"→"Extensions"

18 1-5 軟體中文化 選擇"kpz-langpack-zhTW"後，按"開啟"

19 1-5 軟體中文化 按"Install Now"

20 1-5 軟體中文化 重新啟動KompoZer即完成中文化。

21 1-6 KompoZer的工作環境 1.標題列：顯示目前KompoZer正在編輯的網站名稱。 2.功能表列：執行KompoZer的各項功能。
4.格式工具列：文字美化功能。 6.網站管理員：可以管理網站內的資料。 5.編輯區：編輯網頁的地方。 7.編輯模式：切換KompoZer到不同的模式來進行網頁編輯。

22 1-6 KompoZer的工作環境 KompoZer的工具列預設是全部開啟的，如果有工具列沒有出現，可以依下列的步驟操作： 1.點選"檢視"功能表 2.點選"顯示/隱藏"功能項目 目前所有的工具列都是勾選的，如果同學想要關閉哪一個工具列只要點選一下就可以將工具列關閉掉了。

23 1-6 KompoZer的工作環境 點選下方" 編輯模式"的"原始碼"就可以看到網頁的原始碼，這些原始碼有個專有名詞叫做"HTML"語法。

24 1-6 KompoZer的工作環境 一般：就是我們主要邊輯網頁的地方 HTML標籤：在編輯網頁的過程也讓你可以看到 "HTML"標籤的名稱
預覽：可以由這個模式來觀看目前做好的效果。

25 1-7 個人偏好設定 "工具"→"偏好設定"

26 1-7 個人偏好設定 "字型"→"對應此種語言"→"正體中文…"

27 1-7 個人偏好設定 "新頁設定"→"字元編碼方式"→"選擇字元編碼方式"

28 1-7 個人偏好設定 選擇"萬國碼(UTF-8)"→"確定" 似乎本身程式有Bug 建議字元編碼用Big5比較不會儲存後便亂碼
在此建議使用UTF-8，因為文字較Big5來得多，而且可以同時顯示其他各國的文字，這是網路時代的最佳選擇。

29 資料來源： 教育部校園自由軟體應用諮詢中心- KompoZer KompoZer自由學網頁 自由學習網 - 線上書籍系統