您已達到快取頁面:
http://w13.loxa.edu.tw/miguel/Kompozer.html
以下是該網頁上次在
2023/9/5
出現時的快照。這是該網頁用於您搜尋結果排名的版本。網頁可能在上次存入快取後已變更。如要了解可能有哪些內容變更 (無反白標示),
請前往目前網頁
。
對於本網頁的內容,Bing 不負任何責任。
KompoZer課程
屏東縣立內埔國中資訊應用線上暨自編教材
目前位置:KompoZer教材
[
首 頁
]
前言
Kompozer
課程說明
電腦教室常規
排隊等候進教室
依指定方式就座
不得攜帶課本、文具以外物品
不得利用電腦違法犯紀
不得利用電腦危害善良風俗
學期課程計畫
評量方式
口頭問答
作業繳交
紙筆測驗
內埔國中全球資訊網
好康報報
問卷調查
認識網站
分辨
網站
、
部落格
(網誌)、微網誌 (
推特 Twitter
、
噗浪 Plurk
、
微
博
Weibo
)
網站
由許多
網頁
集合而成
輸入網站網址後,所看到的第一個網頁,稱為
首頁
網站首頁的檔名一定為
index.html
網頁是由
HTML 程式語言
(是一種標記語言
< >
)撰寫而成
網頁透過
超連結
,達到彼此點閱的效果
網頁中的特殊造型文字需以圖片方式製作呈現
製作網站步驟
設定網站定位
替網站命名
製作網頁橫幅
影像處理軟體
製作網頁內容
影像處理軟體
動畫製作軟體
網頁編輯軟體
建立本機工作資料夾
在 F 槽新增工作資料夾(命名 3 碼年班)如:803
在 工作資料夾中建立
images
圖片夾
申請網頁空間
Dropbox 網路硬碟
Kissr 網站託管第三方應用程式
次網域名稱:npjh年度班級座號(npjh10580101)
網頁編輯軟體 KompoZer
網頁製作先備知識
網址
每一台連上網際網路的電腦都有一個獨一無二的
IP 位址
,如 163.24.58.8
為了方便記憶,我 們以
英文網址
代替 IP 位址
內埔國中網址:www . npjh . ptc . edu . tw
tw:國碼(
國碼省略,代表美國
)
edu:領域,如 edu 教育及學術研究單位、gov 政府單位、com 商業團體組織、idv 個人等
網站版權宣告
保留所有權利
© 版權所有,翻印必究
放棄所有權利
保留部分權利
創用CC
(Creative Commoms)
姓名標示
非商業性
禁止改作
相同方式分享
網頁版面可以
表格
分割完成,但表格框線需設定為
0
網頁中圖片的使用為
引入式
而非崁入式,所以
使用愈多的圖片,並不會使網頁的檔案大小快速膨脹, 只是網頁顯示的速度,將會因多張圖片的傳輸而變得較慢
網頁中若需使用特殊字型文字,唯一的方法是將文字製作成
圖片
網頁編輯軟體種類
Microsoft Frontpage (商業軟體)
Adobe DreamWeaver
(商業軟體)
Namo WebEditor
(商業軟體)
KompoZer (自由軟體)
KompoZer
官方網站
KompoZer環境設定與介紹
3種編輯模式
設計(
所見即所得模式
)
分離
原始碼
製作首頁
index.html(一)
首頁
的檔名必須取為 index
格式 / 頁面標題與屬性
標題:首頁
作者:自己的名字
國際化
語言 / 中文/台灣 [zh-tw]
書寫方向 / 由左至右
字元編碼方式 / Unicode (UTF-8)
儲存網頁
檔案 / 儲存
儲存目錄:
F 槽本機工作資料夾
檔名:
index
,存檔類 型:
HTML
製作首頁
index.html(二)
排製版面
版面介紹
左連結式
上連結式
以表格排製版面
表格除了整理資料外,也可以用來排列版面
表格用來整理資料時,框線可設為大於或等於 1 的任何整數,數字愈大框線愈粗
表格用來排列版面時,框線必須設為0,如此框線將被隱藏看不見
點選表格按鈕 或 表格 / 插入 / 表格
左連結式:
2x2,列x欄
選取
第一列兩儲存格
表格 / 加入選中的儲存格
上連結式:
3x1
,列x欄
表格 / 表格屬性
/ 表格
清空
寬度與高度
設定框線寬度為
0
設定表格對齊方式為
置中
表格 / 表格或儲存格背景色彩
製作首頁
index.html(三)
放置網頁橫幅
網頁中圖片的使用為引入式而非崁 入式,所以使用愈多的圖片,並不會使網頁的檔案大小快速膨脹, 只是網頁顯示的速度,將會因多張圖片的傳輸而變得較慢
插入/ 圖片
網址是相對於此網頁位址
不要使用替代文字
輸入超連結文字
左連結式
直立
排列
上連結式
橫向
排列
版權宣告文字
複製
創用 CC
版權文字
下載
創用 CC
版權圖片,插入/ 圖片
製作首頁
index.html(四)
文字的處理
貼上文字時,使用貼上(不含格式)
網頁中若需使用特殊字型文字,唯一的方法是將文字製作成
圖片
其他文字功能
版面的處理
左連結式
固定表格的寬度和網頁橫幅一樣寬,
表格 / 表格屬性
/ 表格
/ 寬度
設定適合超連結文字的儲存格寬度,
表格 / 表格屬性
/ 儲存格
/ 寬度
上連結式
固定表格的寬度和網頁橫幅一樣寬,
表格 / 表格屬性
/ 表格
/ 寬度
製作超連結效果
內部連結
連結按鈕
連結自己網站上其他網頁
外部連結
連結按鈕
連結網際網路上其他網站
連結要開啟於新視窗
改變表格、儲存格背景色彩
表格:
表格 / 表格屬性
/ 表格
/
背景色彩
儲存格:
表格 / 表格屬性
/ 儲存格
/
背景色彩
改變頁面背景
色彩背景
格式 / 頁面色彩及背景 / 使用自訂的色彩 / 背景
圖片背景
下載背景圖片,放在
F槽個人本機工作資料夾下
images
目錄內
格式 / 頁面色彩及背景 / 背景圖片檔
上傳網頁
登入內中電郵
點選網路硬碟
點選
public_html
網站資料夾
上傳網頁至
public_html
目錄
瀏覽網站
點選網 站網址
http://mail.npjh.ptc.edu.tw/~stu
將學號加到網址最後
按 Enter 鍵
製作其他網頁
以Kompozer開啟 index.html
檔案 /另存新檔 2次,存在工作資料夾
重新命名檔名為 xxxx.html (檔名自訂,參考檔名:第二個網頁叫2nd,第三個網頁叫3rd)
以Kompozer開啟三個網頁
重新命名頁面標題 (標題自訂)
修改網頁內容
儲存
插入 GIF 動畫
將 Flash 動畫匯出成為 GIF 動畫
檔案 /匯出影片 /存檔類型:GIF動畫
創建圖片資料夾
在
public_html
網站資料夾下建立
image
圖片資料夾
將 GIF 動畫複製上傳至
image
圖片資料夾中
在 F 槽本機工作資料夾下建立
image
圖片資料夾
將 GIF 動畫複製至
image
圖片資料夾中
插入動畫
插入 /圖片 /位址
圖片位置
網址是相對於此網頁位址
不要使用替代文字
語法補充
固定 div 區塊寬度
<div
style="width: 650px;"
align="left"></div>
前言
Kompozer
[
首 頁
]
本網站之內容皆採用創用CC
姓名標示-相同方式分享
台灣3.0版