給初學者的網頁設計課 | 臺北市立大學tms+自主微課程系統

課程形式

線上

課程名稱

給初學者的網頁設計課

課程編號

241

課程期間

2021-07-05 ~ 2022-07-04 (已結束)

課程類別

資訊能力

時數

9 (小時)

修課人數

217

簡介

*通過本課程可計陽光幼苗自主學習活動5次

報名資訊

報名期間

開始: 2021-07-05

結束: 2022-07-04

總人數限制

無限制

其他資訊

承辦人

李柏樺 / 教學發展中心 (電子郵件: queena@utaipei.edu.tw)

開課單位

學米

課程 QR code

https://tms.utaipei.edu.tw/course/241

課程教材

1.
前端網頁基本概念
1. 1.1
  16:55
  
  課程介紹與網頁基本概念
2. 1.2
  17:32
  
  編輯器工具安裝教學 — Sublime、Vscode 主程式及插件安裝
2.
Html、CSS基礎概念介紹
1. 2.1
  23:18
  
  HTML、CSS 基礎介紹
2. 2.2
  15:07
  
  HTML 常見標籤介紹（一）
3. 2.3
  18:09
  
  HTML 常見標籤介紹（二）
4. 2.4
  14:10
  
  HTML 常見標籤介紹（三）
5. 2.5
  18:10
  
  CSS 疊層樣式表
6. 2.6
  07:04
  
  簡單色票製作、開發人員工具介紹（一）
7. 2.7
  13:51
  
  簡單色票製作、開發人員工具介紹（二）
8. 2.8
  10:54
  
  簡單色票製作、開發人員工具介紹（三）
3.
Html、CSS基礎概念訓練01-盒模型篇
1. 3.1
  23:47
  
  盒模型
2. 3.2
  16:28
  
  Display 屬性
3. 3.3
  06:58
  
  初始化
4. 3.4
  09:54
  
  商品卡元件介紹、網頁切板起手式複習
4.
Html、CSS基礎概念訓練02-定位篇
1. 4.1
  24:33
  
  定位方法：position
2. 4.2
  06:32
  
  定位方法：z-index
3. 4.3
  20:06
  
  Transform 屬性、結合定位方法的置中方式
4. 4.4
  06:34
  
  瀏覽器的支援度 Can I use
5. 4.5
  16:12
  
  偽元素與偽類選擇器
6. 4.6
  20:13
  
  微互動範例實作（一）
7. 4.7
  27:41
  
  微互動範例實作（二）
5.
Html、CSS基礎概念訓練03-排版篇
1. 5.1
  21:04
  
  各式排版流介紹-Inline Block
2. 5.2
  14:15
  
  各式排版流介紹-Float
3. 5.3
  16:10
  
  各式排版流介紹-Flex
4. 5.4
  15:49
  
  排版範例實作-Section 1
5. 5.5
  19:06
  
  排版範例實作-Section 2
6. 5.6
  15:52
  
  排版範例實作-Section 3
7. 5.7
  26:21
  
  導覽列元件實作
6.
Html、CSS基礎概念訓練04-圖片篇
1. 6.1
  19:56
  
  圖片的放置方式 (一) 依照圖片原屬性
2. 6.2
  18:07
  
  圖片的放置方式 (二) cover contain
3. 6.3
  18:52
  
  圖片的放置方式 (三) 固定比例圖框
7.

課程滿意度問卷 (學米)