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