第一章认识网站编辑软体-STeP.ppt

第一章 ???認識網站編輯軟體 授課老師：黃祥倫 1-1 軟體說明 Kompozer 是一套同樣以 Mozilla 為核心的網頁編輯器 (就像市面上常見的 FrontPage　　或是 Dreamweaver 　等等網頁編輯程式) 。 承襲了 Mozilla 的特色，Kompozer 是一套開放源碼(Open Source)、 跨平台(Cross Platform)、免費的程式， 任何人都可以自由下載使用。 1-2 軟體特色 編輯網頁就如使用Word一般的簡單。 可以透過FTP整合並管理檔案，直接修改網站。 可靠的HTML語法，編碼支援多種瀏覽器。 多頁式編輯方式，可同時處理多網頁。 易於使用，可跨多種平台執行，如Microsoft Windows, Linux, Mac OS。 1-3 軟體下載 打開瀏覽器並輸入/ 1-3 軟體下載 1-3 軟體下載 1-3 軟體下載 1-3 軟體下載 檔案下載中 1-3 軟體下載 檔案下載完成，按開啟 1-3 軟體下載 按解壓縮到 1-3 軟體下載 點桌面後，按確定即完成解壓縮動作 1-3 軟體下載 回到桌面，按兩下KompoZer 0.7.10資料夾，開啟資料夾後找到kompozer並按兩下，即開啟KompoZer 1-4 軟體畫面 1-5 軟體中文化 回到KompoZer首頁點選Localizations 1-5 軟體中文化 在中文繁按右鍵，並另存目標 1-5 軟體中文化 1-5 軟體中文化 開啟KompoZer，按Tools→Extensions 1-5 軟體中文化 選擇kpz-langpack-zhTW後，按開啟 1-5 軟體中文化 按Install Now 1-5 軟體中文化 重新啟動KompoZer即完成中文化。 1-6 KompoZer的工作環境 1-6 KompoZer的工作環境 KompoZer的工具列預設是全部開啟的，如果有工具列沒有出現，可以依下列的步驟操作：1.點選檢視功能表2.點選顯示/隱藏功能項目目前所有的工具列都是勾選的，如果同學想要關閉哪一個工具列只要點選一下就可以將工具列關閉掉了。 1-6 KompoZer的工作環境 點選下方 編輯模式的原始碼就可以看到網頁的原始碼，這些原始碼有個專有名詞叫做HTML語法。 1-6 KompoZer的工作環境 一般：就是我們主要邊輯網頁的地方 HTML標籤：在編輯網頁的過程也讓你可以看到 　　HTML標籤的名稱 原始碼：就是網頁的HTML語法 預覽：可以由這個模式來觀看目前做好的效果。 1-7 個人偏好設定 工具→偏好設定 1-7 個人偏好設定 字型→對應此種語言→正體中文… 1-7 個人偏好設定 新頁設定→字元編碼方式→選擇字元編碼方式 1-7 個人偏好設定 選擇萬國碼(UTF-8)→確定 資料來源： 教育部校園自由軟體應用諮詢中心- KompoZer .tw/modules/tinyd1/index.php?id=109 KompoZer自由學網頁/maylike/teach/kompozer/index.htm 自由學習網 - 線上書籍系統/modules/tadbook2/open_book.php?book_sn=13 * * 點此進入下載 點此進入下載 點此開始下載 按儲存 按儲存 按儲存 1.標題列：顯示目前KompoZer正在編輯的網站名稱。 2.功能表列：執行KompoZer的各項功能。 3.設計工具列：主要放KompoZer常用的功能按鈕，像是復原、插入圖片、插入表格等常用功能。 4.格式工具列：文字美化功能。 6.網站管理員：可以管理網站內的資料。 7.編輯模式：切換KompoZer到不同的模式來進行網頁編輯。 5.編輯區：編輯網頁的地方。 在此建議使用UTF-8，因為文字較Big5來得多，而且可以同時顯示其他各國的文字，這是網路時代的最佳選擇。 似乎本身程式有Bug 建議字元編碼用Big5比較不會儲存後便亂碼