| 2024/9/12 | T602電腦教室 | [同步遠距教學]
1.單元架構：
-課程目標介紹
-遠距教學說明
2.學習活動：透過本單元了解課程目標、學習網路教學平台功能、了解遠距教學學習方式與評分方式 | 課程介紹 | 教學活動
•閱讀課程相關介紹說明
•學習使用網路學園
•課堂討論
•課堂講述 |
| 2024/9/19 | T602電腦教室 | [非同步遠距教學]
1.單元架構：
-HTML與網頁的關係
-HTML的標準
-HTML 文件的編輯工具
-WWW伺服器
2.學習活動：透過本單元了解HTML與網頁的關係、HTML語言標準的演化過程、HTML的開發工具、網站伺服器架構
3.線上測驗1 | 第一章
認識HTML | 教學活動
•閱讀影音教材
•閱讀補充教材
•參加線上測驗 |
| 2024/9/26 | T602電腦教室 | [非同步遠距教學]
1.單元架構：
-控制文章段落
-設定文字標題與對齊方式
-控制文件結構
2.學習活動：透過本單元了解如何控制HTML網頁的文章段落、如何設定標題與文字對齊方式、如何控制HTML網頁的文章結構。
3.議題討論1
4.線上測驗2
5.個人作業1 | 第二章
文字段落與版面結構 | 教學活動
•閱讀影音教材
•閱讀補充教材
•參加線上議題討論
•參加線上測驗
•繳交個人作業 |
| 2024/10/3 | T602電腦教室 | [非同步遠距教學]
1.單元架構：
-設定字體的格式變化
-特殊效果的文字標籤
-特殊的標籤、字元與符號
-其它文字屬性
2.學習活動：透過本單元了解如何設定網頁文字字體、如何呈現特殊效果的文字與符號，以及了解其它文字屬性
3.議題討論2
4.線上測驗3
5.個人作業2 | 第三章
文字樣式的變化 | 教學活動
•閱讀影音教材
•閱讀補充教材
•參加線上議題討論
•參加線上測驗
•繳交個人作業 |
| 2024/10/10 | T602電腦教室 | 國慶日(放假1日) | | |
| 2024/10/17 | T602電腦教室 | [非同步遠距教學]
1.單元架構：
-設定網頁背景圖片
-設定網頁背景顏色
-圖片裱框
-圖片註解
2.學習活動：透過本單元了解如何設定網頁背景圖片、圖片，為圖片加上框線以及註解。
3.議題討論3
4.線上測驗4
5.個人作業3 | 第四章
在網頁中加入圖片 | 教學活動
•閱讀影音教材
•閱讀補充教材
•參加線上議題討論
•參加線上測驗
•繳交個人作業 |
| 2024/10/24 | T602電腦教室 | [非同步遠距教學]
1.單元架構：
-條列式列表說明
-定義用列表
-巢狀列表
2.學習活動：透過本單元了解如何在網頁呈現條列式列表、如何以列表標籤呈現文字定義、以及列表的巢狀應用。
3.議題討論4
4.線上測驗5
5.個人作業4 | 第五章
文字列表 | 教學活動
•閱讀影音教材
•閱讀補充教材
•參加線上議題討論
•參加線上測驗
•繳交個人作業 |
| 2024/10/31 | T602電腦教室 | [非同步遠距教學]
1.單元架構：
-建立基本的表格
-欄位合併
-其他表格屬性
2.學習活動：透過本單元了解如何以HTML語法在網頁呈現表格、如何將列或欄合併、並學習表格相關屬性。
3.議題討論5
4.線上測驗6
5.個人作業5 | 第六章
表格 | 教學活動
•閱讀影音教材
•閱讀補充教材
•參加線上議題討論
•參加線上測驗
•繳交個人作業 |
| 2024/11/7 | T602電腦教室 | [非同步遠距教學]
1.單元架構：
-網站結構
-建立超連結
-建立文件內的連結點
-為圖片加上超連結
-影像地圖
-建立FTP、email連結
2.學習活動：透過本單元了解網站結構，學習建立超連結、文件內的連結點，如何為圖片加上超連結，如何建立影像地圖、FTP與email連結。
3.議題討論6
4.線上測驗7
5.個人作業6 | 第七章
超連結的各式應用 | 教學活動
•閱讀影音教材
•閱讀補充教材
•參加線上議題討論
•參加線上測驗
•繳交個人作業 |
| 2024/11/14 | T602電腦教室 | [非同步遠距教學]
1.單元架構
-Frame基本架構介紹
-將HTML檔嵌入分割視窗
-Frame的進階應用
-Frame與Frame相疊時，如何回到原來的網頁
-嵌在網頁中的子視窗
2.學習活動：透過本單元學習如何以網頁播放歌曲與影片，如何播放多種格式的多媒體檔案，並分割視窗。
3.線上測驗8
4.議題討論7
5.個人作業7 | 第八章
分割視窗－Frame | 教學活動
•閱讀影音教材
•閱讀補充教材
•參加線上議題討論
•參加線上測驗
•繳交個人作業 |
| 2024/11/21 | T602電腦教室 | [非同步遠距教學]
1.單元架構：
-建立表單
-表單的各種輸入欄位
-列表欄的變化
-區塊式文字輸入欄位
-組織表單內容
2.學習活動：透過本單元了解如何建立互動式表單、如何設計各種輸入欄位，如何設計區塊式欄位並組織表單內容。
4.線上測驗9
5.議題討論8
6.個人作業8 | 第九章
互動式表單 | 教學活動
•閱讀影音教材
•閱讀補充教材
•參加線上議題討論
•參加線上測驗
•繳交個人作業 |
| 2024/11/28 | T602電腦教室 | [同步遠距教學]
1.單元架構：
-期末分組報告
2.學習活動：以專題製作方式鼓勵同學將所學實際應用，並以同步教學方式進行討論，解決同學相關問題，以強化學習成效。
3.分組作業2(分組討論、分組報告) | 期中專題分組報告
| 教學活動
•進行分組報告
•對各組進行同儕評分
•參與討論 |
| 2024/12/5 | T602電腦教室 | [非同步遠距教學]
1.單元架構：
-CSS的優點和語法
-定義CSS樣式
-類別選擇器
-識別碼選擇器
2.學習活動：透過本單元了解CSS的優點，學習如何使用類別選擇器與識別碼選擇器。
3.線上測驗10
4.議題討論9
5.個人作業9、10 | 第十一章
讓版面更活潑的CSS | 教學活動
•閱讀影音教材
•閱讀補充教材
•參加線上議題討論
•參加線上測驗
•繳交個人作業 |
| 2024/12/12 | T602電腦教室 | [非同步遠距教學]
1.單元架構：
-CSS設定字型與字體的變化
-CSS設定段落文字左右或置中對齊
-CSS設定垂直對齊
2.學習活動：透過本單元學習使用CSS定義字體、設定文字水平與垂直對齊方式。
3.線上測驗11
4.個人作業11 | 第十二章
CSS 塑造文字特效 | 教學活動
•閱讀影音教材
•閱讀補充教材
•參加線上測驗
•繳交個人作業 |
| 2024/12/19 | T602電腦教室 | [非同步遠距教學]
1.單元架構：
-CSS設定文字顏色
-CSS設定背景顏色
-CSS設定背景圖案
-CSS設定重複顯示背景圖案
-CSS指定背景圖案的顯示位置
-CSS設定固定背景圖案
-CSS背景的簡便設定
2.學習活動：透過本單元學習使用CSS設定文字顏色、背景顏色圖案、背景圖案顯示方式、顯示位置、與簡便設定方式。
3.線上測驗12
4.個人作業12 | 第十三章
CSS設定文字顏色與背景 | 教學活動
•閱讀影音教材
•閱讀補充教材
•參加線上測驗
•繳交個人作業 |
| 2024/12/26 | T602電腦教室 | [非同步遠距教學]
1.單元架構：
-CSS設定立表格
-CSS設定表格框線
-CSS設定單獨設定上下左右框線的外觀
-CSS設定四個方向屬性的規則
2.學習活動：透過本單元學習使用CSS設定表格框線與相關屬性。
3.線上測驗13
4.個人作業13 | 第十四章
用CSS 設計表格 | 教學活動
•閱讀影音教材
•閱讀補充教材
•參加線上測驗
•繳交個人作業 |
| 2025/1/2 | T602電腦教室 | [同步遠距教學]
1.單元架構：
-期末分組報告：以目前所學HTML語法撰寫期末專題(至少3個頁面)
2.學習活動：以專題製作方式鼓勵同學將所學實際應用，並以同步教學方式進行討論，解決同學相關問題，以強化學習成效。
3.分組作業2(分組討論、分組報告) | 期末專題分組報告 | 教學活動
• 進行分組報告
•對各組進行同儕評分
•參與討論 |
| 2025/1/9 | T602電腦教室 | [非同步遠距教學]
1.單元架構：
-CSS設計無編號列表
-CSS設計有編號列表
-CSS自訂的圖案作為項目符號
-CSS設定指定項目符號的位置
-項目符號的CSS簡便設定
2.學習活動：透過本單元學習如何使用CSS設定
編號列表、自訂項目符號與位置、以及簡便設定方式。
3.線上測驗14
4.個人作業14 | 第十五章
用CSS設計列表 | 教學活動
•閱讀影音教材
•閱讀補充教材
•參加線上測驗
•繳交個人作業 |