HTML5, CSS3, jQuery, Bootstrap 網頁設計基礎班

課程大綱 · 主題一：學習架設網站與網頁基本開發 1. 認識網站架設基礎知識 · 主題二：網站的版面設計 8. 網頁排版策略分享 · 主題三：網頁前端程式基礎 14. Javascript 與 ... Togglenavigation 最新課程 結業名單 師資簡介 報名資訊 報名方式 轉班與退費 關於本班 本班特色 本班介紹 聯絡我們 學員專區 基本資料 登出 登入 註冊帳號 × HTML5,CSS3,jQuery,Bootstrap網頁設計基礎班 小至個人簡歷、大至研討會活動的官方網站，越來越多的網站的發跡逐漸證實了一件事：HTML5/CSS3/Javascript提供的互動性完全不亞於Flash，而使用如TwitterBootstrap等CSS框架所製作的網站，不僅能有效傳達重要的訊息，更散發著正式、專業的氣質；其響應式設計（ResponsiveWebDesign,RWD）也能確保網站資訊能在手機、平板電腦與桌上型電腦上提供平順的閱讀體驗。

　　隨著雲端運算崛起，Javascript在互動性高的WebApp上也扮演著舉足輕重的地位，如GMail,Facebook的許多功能，都是透過Javascript實作。

jQuery則可以大幅減輕開發者的開發成本，讓大家可以專心在製作自己想要的功能上。

　　這門課將從由基本的架設網站開始，逐步帶領大家走入網頁開發的世界，並依照內容分為基礎班與進階班，適合不同程度與需求的同學來選修，詳細的課程規劃請參考課程大綱。

課程大綱 HTML5,CSS3,jQuery,Bootstrap網頁設計基礎班課程主題 *基礎班課程大綱，共計30小時課程為一期： 主題一：學習架設網站與網頁基本開發 1.認識網站架設基礎知識 2.VisualStudioCode開發環境設定 3.HTML標籤與CSS屬性介紹 4.CSS選擇器設計策略 5.認識網頁內容格式：文字、圖片、超連結、版塊、表單與影音格式...等 6.HTML表單應用：使用HTML表單串接自動寄信API服務 7.部署網站至雲端伺服器 主題二：網站的版面設計 8.網頁排版策略分享 9.認識CSS3Flexbox 10.CSS3網頁排版實作步驟示範 11.CSS3進階定位排版與動畫特效實作 12.引用外部CSSLibrary輔助設計 13.響應式網頁設計(ResponsiveWebDesign)實作 主題三：網頁前端程式基礎 14.Javascript與jQuery基礎特效入門 15.透過jQuery綁定事件並控制網頁內容 主題四：進階版面設計實戰 16.認識Bootstrap4網格系統 17.整合Bootstrap4元件(如圖片與內容輪播、導覽列...等)至網頁中 18.Bootstrap4LandingPage網頁切版案例實作 19.認識Sass並安裝編譯環境 20.Bootstrap4元件Sass原始碼客製化 21.整合jQuery設計導覽滑動動畫腳本 課程內容將依照學習狀況進度做調整，亦可斟酌大家的意見追加內容。

HTML系列課程地圖 1.HTML基礎班→HTML進階班→Javascript進階班 2.HTML基礎班→HTML進階班→Javascript相關專題課程 適合對象 本課程適合初學者，無需任何網頁設計基礎與相關經驗，課程將從0開始教起。

程度較佳者或已有Bootstrap相關經驗，建議報名進階班或JavaScript網頁設計入門。

開發環境 使用跨平台編輯器VisualStudioCode做為主要開發環境，此編輯器可安裝於Windows及MacOS的環境下使用。

近期班次 第363期 停開一期 課程類別：暑密班上午 開課日期：2022.07.04~ 2022.07.15 上課時間：每週(一)(二)(三)(四)(五) 9:30AM ~ 12:30PM 學費：新生新台幣5000元整 注意事項：本班為實體課程，常見QA詳情連結本班會視疫情滾動式調整為同步遠距教學。

(會再另外EMAIL通知學員)(一)退費期限：開課日後⅓時數內，詳情連結(二)查詢結業狀況：結業名單連結 停止報名 第364期 招生中 課程類別：暑密班上午 開課日期：2022.07.18~ 2022.07.29 上課時間：每週(一)(二)(三)(四)(五) 9:30AM ~ 12:30PM 學費：新生新台幣5000元整 注意事項：本班為實體課程，常見QA詳情連結本班會視疫情滾動式調整為同步遠距教學。

(會再另外EMAIL通知學員)(一)退費期限：開課日後⅓時數內，詳情連結(二)查詢結業狀況：結業名單連結 請先點此填寫基本資料 如需報名課程請先 點此註冊或 點此登入。

您已報名本課程 載入中，請稍候 第361期 招生中 課程類別：一四夜間班 開課日期：2022.07.25~ 2022.08.25 上課時間：每週(一)(四) 7:00PM ~ 10:00PM 學費：新生新台幣5000元整 注意事項：本班為實體課程，常見QA詳情連結本班會視疫情滾動式調整為同步遠距教學。

(會再另外EMAIL通知學員)(一)退費期限：開課日後⅓時數內，詳情連結(二)查詢結業狀況：結業名單連結 請先點此填寫基本資料 如需報名課程請先 點此註冊或 點此登入。

您已報名本課程 載入中，請稍候 第361期 招生中 課程類別：假日班上午 開課日期：2022.07.31~ 2022.09.03 上課時間：每週(六)(日) 9:00AM ~ 12:00PM 學費：新生新台幣5000元整 注意事項：7/30(六)因高壓電維護，不上課。

本班為實體課程，常見QA詳情連結本班會視疫情滾動式調整為同步遠距教學。

(會再另外EMAIL通知學員)(一)退費期限：開課日後⅓時數內，詳情連結(二)查詢結業狀況：結業名單連結 請先點此填寫基本資料 如需報名課程請先 點此註冊或 點此登入。

您已報名本課程 載入中，請稍候 第365期 招生中 課程類別：暑密班上午 開課日期：2022.08.01~ 2022.08.12 上課時間：每週(一)(二)(三)(四)(五) 9:30AM ~ 12:30PM 學費：新生新台幣5000元整 注意事項：本班為實體課程，常見QA詳情連結本班會視疫情滾動式調整為同步遠距教學。

(會再另外EMAIL通知學員)(一)退費期限：開課日後⅓時數內，詳情連結(二)查詢結業狀況：結業名單連結  請先點此填寫基本資料 如需報名課程請先 點此註冊或 點此登入。

您已報名本課程 載入中，請稍候 講師介紹 黃安聖 國立臺灣科技大學工商業設計系學士學位(一)個人網站：https://enn.design (二)經歷：共生智能股份有限公司Kyosei.ai共同創辦人兼前端工程師Soundscape前端開發工程師香港THEEducationAcademyGroupHK前端工程師Uninus合一智聯科技 前端工程師台北市政府春遊補助管理系統開發LINEHACK 2018入選前十強FMTaiwan線上收聽網站開發者緯創資通股份有限公司價值創新中心京尚股份有限公司微星科技工業設計中心 (三)教學經歷：1.國立臺灣大學資訊系統訓練班授課時數累計至2022年06月01日為4,320小時；擔任：Python程式設計課程講師、HTML5,CSS3,Bootstrap,jQuery網頁設計基礎班課程講師、PythonFlask動態網站與聊天機器人實作班課程講師、ReactNative開發入門班課程講師、Sketch3基礎專題班課程講師2.國立臺灣大學：文學數位應用與實作課程合作講師3.國立臺灣大學：文學編輯的當代型態與數位實作網頁開發技術課程合作講師4.國立宜蘭大學：微學分課程Python程式設計與網頁爬蟲應用程式實作課程講師5.國立宜蘭大學：RWD網頁設計與專題實作研習課程講師6.國立宜蘭大學：Python程式設計與專題實作研習課程講師7.緯創軟體股份有限公司：Python程式設計與Vue.js系列課程講師8.哈瑪星科技：jQuery基礎程式設計應用與開發、Sass&Scss網頁設計切版課程講師9.中華民國國防部：ReactNatvie程式設計課程講師 (四)興趣領域：使用者介面設計、使用者經驗設計、HTML5、CSS3、JavaScript、Python、Node.js、ReactNative應用開發。

(五)專欄文章：1.使用Node.js建置你的第一個LINEBOT2.使用VSCode外掛自動編譯SASS/SCSS × 填寫基本資料 注意：基本資料註冊後不可更改，請於註冊前確認資訊是否無誤。

中文姓名 英文姓名 (請使用護照上之英文姓名，將用在英文結業證書；請小心填寫，證書開立後將無法修改。

) 性別 男 女 生日 民國 年 月 日 行動電話 學歷 請選擇 博士 碩士 學士 高中 國中 國小 如何得知我們 請選擇 台大網站 Facebook 親友介紹 自行搜尋 1111人力銀行進修網 考場報 註冊/登入即代表您同意遵守國立臺灣大學資訊系統訓練班網站使用條款及隱私權政策。

取消 更新基本資料