課程介紹
- 結合網頁設計理論與實務,在理論部份說明網路原理、HTML與網頁設計。
- 實務部份以HTML為主,將理論引導至實務,透過實作範例讓學生學習建立網頁設計的完整知識。
- 從HTML基礎觀念與基本語法開始,依序介紹常用HTML標籤、元素與屬性,並以實作範例解說,針對初學者提供詳細的說明與解說,以建立HTML網頁設計的正確觀念。
教科書:
- W3CSchools HTML 5 Tutorial: https://goo.gl/tYykgw
- 雲端簡報:https://goo.gl/pidEP4
- 教學範例:https://goo.gl/sVj37B
- 翻轉教室:https://goo.gl/RUvwsY
- 線上教材:https://goo.gl/rqAWTY
- YouTube:https://goo.gl/uL5ZrE
教學進度:
- 課程大綱.
- HTML簡介.
- HTML基礎.
- 文字段落.
- 文字樣式.
- 項目清單.
- 超連結.
- 圖片與網頁背景.
- 表格.
- 動態元素.
- 頁框.
- 表單元素.
- 進階表單元素.
課程活動
-
1.課程大綱
- 課程主旨.
- 課程大綱.
- 作業.
- 參考資料.
-
閱讀 > 2 分鐘 1.1 課程大綱
02:26
-
2.HTML簡介
- HTML.
- 網頁編輯軟體.
- 網頁瀏覽器.
- 網頁伺服器.
- Microsoft IIS.
- XAMPP.
- Apache Tomcat Server.
-
閱讀 > 1 分鐘 2.1 HTML簡介
25:11
-
3.HTML基礎
- HTML元素
- HTML屬性
- HTML文件標題
-
閱讀 > 1 分鐘 3.1 HTML基礎
15:16
-
4.文字段落
- 文字標題
- 段落
- 換行
- 預設格式
- 註解
- 水平分隔線
-
閱讀 > 12 分鐘 4.1 文字段落
12:43
-
5.文字樣式
- 字型樣式
- 特殊符號
- 文字樣式
-
閱讀 > 20 分鐘 5.1 文字樣式
20:35
-
6.項目清單
- 項目清單
- 無序號清單
- 序號清單
- 描述清單
- 目錄清單
- 選單清單
- 巢狀清單
-
閱讀 > 17 分鐘 6.1 項目清單
17:08