官方課程資訊
尚未開放AI輔助UI/UX與前端版型設計實務班第01期
社團法人中華勞動力職能發展協會 · 新北市
01 官方來源資料
這門課的基本資訊
- 訓練單位
- 社團法人中華勞動力職能發展協會
- 地區
- 新北市
- 開課日期
- 2026-11-25
- 結束日期
- 2026-12-28
- 訓練時數
- 30 小時
- 官方報名狀態
- 目前尚未開始報名
- 官方報名截止
- 2026/11/22 18:00
- 最後取得資料
- 2026/09/25 05:38
以上資料取自勞動部在職訓練網;若資訊變動,請以官方頁面為準。
02 課程內容
你會學到什麼
網頁設計與AI工具概念 1.網頁運作原理簡介 2.UI與UX基本概念 3.AI生成網站的流程介紹 4.Google Stitch功能概覽
HTML基礎語法與網頁結構 1.HTML文件結構 2.常用標籤介紹 (標題、段落、圖片、連結) 3.語意化標籤概念 4.建立第一個網頁
CSS基礎與樣式設計 1.CSS基本語法 2.顏色、字型與文字樣式設定 3.邊界、間距與背景設定 4.套用樣式至HTML
版面配置基礎 1.區塊概念 (div, section) 2.排版觀念 3.Flexbox排版基礎 4.常見版型解析
Google Stitch UI產生實作 1.Stitch操作流程 2.透過提示產生UI版面 3.版面元件解析 4.匯出HTML結構
AI生成程式碼解析技巧 1.閱讀AI產生的HTML架構 2.標籤與class命名理解 3.調整內容與結構 4.維持語意化設計
CSS樣式調整技巧 1.修改顏色與字型風格 2.調整間距與版面比例 3.元件樣式優化 4.提升可讀性
常見UI元件設計 1.導覽列設計 2.卡片式版型 3.按鈕與表單樣式 4.元件一致性設計
版面風格優化實作 1.調整整體視覺風格 2.建立一致設計語言 3.UI微調技巧 4.同學作品修改與討論
綜合專題實作 1.使用Stitch產生完整網站 2.修改HTML與CSS 3.完成個人網站版型 4.成果展示與回饋
HTML基礎語法與網頁結構 1.HTML文件結構 2.常用標籤介紹 (標題、段落、圖片、連結) 3.語意化標籤概念 4.建立第一個網頁
CSS基礎與樣式設計 1.CSS基本語法 2.顏色、字型與文字樣式設定 3.邊界、間距與背景設定 4.套用樣式至HTML
版面配置基礎 1.區塊概念 (div, section) 2.排版觀念 3.Flexbox排版基礎 4.常見版型解析
Google Stitch UI產生實作 1.Stitch操作流程 2.透過提示產生UI版面 3.版面元件解析 4.匯出HTML結構
AI生成程式碼解析技巧 1.閱讀AI產生的HTML架構 2.標籤與class命名理解 3.調整內容與結構 4.維持語意化設計
CSS樣式調整技巧 1.修改顏色與字型風格 2.調整間距與版面比例 3.元件樣式優化 4.提升可讀性
常見UI元件設計 1.導覽列設計 2.卡片式版型 3.按鈕與表單樣式 4.元件一致性設計
版面風格優化實作 1.調整整體視覺風格 2.建立一致設計語言 3.UI微調技巧 4.同學作品修改與討論
綜合專題實作 1.使用Stitch產生完整網站 2.修改HTML與CSS 3.完成個人網站版型 4.成果展示與回饋
03 時間與地點
安排上課時間
- 上課時間
- 每週一18:40~21:40、每週三18:40~21:40
- 上課地點
- 術科場地地址:220016新北市板橋區文化路二段242號6樓(華梵大學新北板橋中心-608教室) 開啟Google地圖(另開新視窗)
04 報名資格
報名前請確認
學歷:高中/職(含)以上
年齡:年滿15歲以上
資格條件:具備電腦使用能力,並從事網站規劃設計或電子商務相關工作領域者。
年齡:年滿15歲以上
資格條件:具備電腦使用能力,並從事網站規劃設計或電子商務相關工作領域者。
補助適用資格與報名流程,請至官方查核。
用途 相關主題
這門課適合找什麼內容?
影音/設計
主題依課名整理,實際內容請看官方說明。