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

Slides:



Advertisements
Similar presentations
Chapter 5 全球資訊網 5-1 World Wide Web 的誕生 5-2 使用Internet Explorer
Advertisements

< 標 誌 > 財務會報 財務簡報大綱.
自由軟體Firefox安裝 及youtube影片下載
第 1 章 使用 APP INVENTOR 2 開發 ANDROID APP
臺北市立大學 資訊科學系(含碩士班) 賴阿福
程式設計概論 1.1 程式設計概論 程式語言的演進 物件導向程式 程式開發流程 1.2 C++開發工具
連結資料庫 ACCESS MSSQL.
PDFCreator安裝教學.
Q101 在701 SDX Linux上的標準安裝與使用程序v2
第一篇 Unix/Linux 操作介面 第 1 章 Unix/Linux 系統概論 第 2 章 開始使用 Unix/Linux
JDK 安裝教學 (for Win7) Soochow University
第1章 認識Arduino.
手機作業系統介紹.
網頁製作入門 電算中心 – 蔡京甫.
第二章 Linux基本指令與工具操作 LINUX 按圖施工手冊.
Working with Databases (II) 靜宜大學資管系 楊子青
應用軟體 本節重點: 應用軟體簡介 Word Excel PowerPoint 資料庫Acess.
SSL-VPN 之登入及使用 資訊處 主講人.
R教學 安裝RStudio 羅琪老師.
安裝JDK 安裝Eclipse Eclipse 中文化
自由軟體介紹(一) 把flash通通帶回家 報告人:陳俊銘.
Word與PowerPoint的結合 建功國小 陳旻杰 健行國小 張慧如.
安裝公文製作系統 1.*到文書組下載公文製作系統* 或 2.輸入網址
Android App簡介及 App Inventor 2體驗 靜宜大學資管系 楊子青
檔案與磁碟的基本介紹.
第二章 SPSS的使用 2.1 啟動SPSS系統 2.2 結束SPSS系統 2.3 資料分析之相關檔案 2.4 如何使用SPSS軟體.
系統設定 IE8相容性檢視
私立南山高中 信息組 電腦研習 電腦資料的備份 中華民國 99年4月20日 星期二.
電腦攻擊與防禦 使用電腦教室VMware軟體說明.
PowerCam快速數位教材製作 黃雲龍 NCCU/ NTSU.
Java程式設計 Eclipse.
VS.NET 2003 IDE.
PLC-GPPW軟體使用教學 授課教師:張祖烈
App Inventor 2初體驗 靜宜大學資管系 楊子青
文 本 信 息 加 工.
Dreamweaver 8 潘雅真老師.
Linux作業系統 電腦教室Linux使用說明.
AOT_供應商安裝手冊.
第一個cordova project Cordova project建立與平台設定,均藉由cli(command line interface來完成 建立project請打開命令提示字元視窗應輸入下列命令 cordova create hello tw.edu.stust.mis.hello HelloWorld.
電子商務新版面問題排除.
第10章 Wink畫面擷取教材製作.
伸峰科技股份有限公司 李書帆 SanfongWeb 網頁編修 伸峰科技股份有限公司 李書帆
網頁程式概論 建國科技大學資管系 饒瑞佶 2015/9 V1 2016/4 V2 2016/9 V3.
資料來源 2 網路過濾軟體之安裝說明 資料來源 2.
安裝 / 操作 flashget SOP (以Win 7 作業系統為範例)
IIS Internet Information Services
如何利用範本來製作網頁.
Google協作平台+檔案分享(FileZilla+網路芳鄰)
期末考.
個人網路空間 資訊教育.
網際網路與電腦應用 林偉川 2001/10/18.
VS.NET 2003 IDE.
GridView操作 (II).
如何使用Gene Ontology 網址:
CVPlayer下載及安裝& IVS操作說明
104-1英文會考 E-Testing 練習路徑.
FTP使用教學 簡介: 軟體名稱:FileZilla 軟體性質:Freeware 版本: 繁體中文版
eol ─ 日本全上市公司資訊資料庫 財務資料下載之.csv檔於中文環境下的閱讀方法
Copyright © 2009 財團法人信望愛資訊文化藝術基金會 版權所有
授課老師:黃祥倫 第四章 認識超連結 授課老師:黃祥倫
編輯網頁可用那些應用程式? 記事本 Word FrontPage Dreamweaver.
基本指令.
Dreamweaver 進階網頁製作 B 許天彰.
1. 查詢個人電腦版本 1.進入控制台 2.點選“所有控制台項目” 3.點選“系統”.
國立屏東大學宿舍網路連線 設定說明 104/08/12.
ZigBee PRO教學系統 CC2530 實驗.
如何從政大圖書館館藏目錄匯出書目至EndNote
Brief Guide of FrontPage
國立台灣大學 關懷弱勢族群電腦課程 By 資訊工程 黃振修
Zotero_搞定中文、英文格式 中臺圖書館.
Presentation transcript:

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

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

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

1-3 軟體下載 打開瀏覽器並輸入http://www.kompozer.net/ 點此進入下載

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

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

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

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

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

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

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

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

資料來源: 教育部校園自由軟體應用諮詢中心- KompoZer http://ossacc.moe.edu.tw/modules/tinyd1/index.php?id=109 KompoZer自由學網頁 http://163.32.161.9/maylike/teach/kompozer/index.htm 自由學習網 - 線上書籍系統 http://www.sueleo.com/modules/tadbook2/open_book.php?book_sn=13