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

開課日期:2022-09-19 課程費用:5000
上課時間:週一,週四 / 晚上 學習時程:30
上課地點: 台北市大安區羅斯福路四段一號國立台灣大學資訊工...看完整 map
適用對象:
本課程適合初學者,無需任何網頁設計基礎與相關經驗,課程將從0開始教起。程度較佳者或已有...看完整
收藏課程
課程特色
小至個人簡歷、大至研討會活動的官方網站,越來越多的網站的發跡逐漸證實了一件事:HTML5 / CSS3 / Javascript 提供的互動性完全不亞於 Flash,而使用如 Twitter Bootstrap 等 CSS 框架所製作的網站,不僅能有效傳達重要的訊息,更散發著正式、專業的氣質;其響應式設計(Responsive Web Design, RWD)也能確保網站資訊能在手機、平板電腦與桌上型電腦上提供平順的閱讀體驗。
  隨著雲端運算崛起,Javascript 在互動性高的 Web App 上也扮演著舉足輕重的地位,如 GMail, Facebook 的許多功能,都是透過 Javascript 實作。 jQuery 則可以大幅減輕開發者的開發成本,讓大家可以專心在製作自己想要的功能上。
  這門課將從由基本的架設網站開始,逐步帶領大家走入網頁開發的世界,並依照內容分為基礎班與進階班,適合不同程度與需求的同學來選修,詳細的課程規劃請參考課程大綱。
詳細內容
HTML5, CSS3, jQuery, Bootstrap 網頁設計基礎班課程主題

*基礎班課程大綱,共計30小時課程為一期:

主題一:學習架設網站與網頁基本開發
1. 認識網站架設基礎知識
2. Visual Studio Code 開發環境設定
3. HTML標籤與CSS屬性介紹
4. CSS 選擇器設計策略
5. 認識網頁內容格式:文字、圖片、超連結、版塊、表單與影音格式...等
6. HTML表單應用:使用HTML表單串接自動寄信API服務
7. 部署網站至雲端伺服器

主題二:網站的版面設計
8. 網頁排版策略分享
9. 認識 CSS3 Flexbox
10. CSS3 網頁排版實作步驟示範
11. CSS3 進階定位排版與動畫特效實作
12. 引用外部 CSS Library 輔助設計
13. 響應式網頁設計(Responsive Web Design)實作

主題三:網頁前端程式基礎
14. Javascript 與 jQuery 基礎特效入門
15. 透過 jQuery 綁定事件並控制網頁內容

主題四:進階版面設計實戰
16. 認識 Bootstrap 4 網格系統
17. 整合 Bootstrap 4 元件(如圖片與內容輪播、導覽列...等)至網頁中
18. Bootstrap 4 Landing Page 網頁切版案例實作
19. 認識 Sass 並安裝編譯環境
20. Bootstrap 4 元件 Sass 原始碼客製化
21. 整合 jQuery 設計導覽滑動動畫腳本

課程內容將依照學習狀況進度做調整,亦可斟酌大家的意見追加內容。


HTML系列課程地圖
1. HTML基礎班→HTML進階班→Javascript進階班
2. HTML基礎班→HTML進階班→Javascript相關專題課程
師資介紹

黃安聖

國立臺灣科技大學工商業設計系學士學位

(一) 個人網站:
https://enn.design

(二) 經歷:
共生智能股份有限公司 Kyosei.ai 共同創辦人兼前端工程師
Soundscape 前端開發工程師
香港 THE Education Academy Group HK 前端工程師
Uninus 合一智聯科技 前端工程師
台北市政府春遊補助管理系統開發
LINE HACK 2018 入選前十強
FMTaiwan線上收聽網站開發者
緯創資通股份有限公司價值創新中心
京尚股份有限公司
微星科技工業設計中心

(三) 教學經歷:
1.國立臺灣大學資訊系統訓練班授課時數累計至2022年06月01日為4,320小時;
擔任:Python程式設計課程講師、HTML5,CSS3,Bootstrap,jQuery網頁設計基礎班課程講師、Python Flask動態網站與聊天機器人實作班課程講師、React Native開發入門班課程講師、Sketch 3 基礎專題班課程講師
2.國立臺灣大學:文學數位應用與實作課程合作講師
3.國立臺灣大學:文學編輯的當代型態與數位實作網頁開發技術課程合作講師
4.國立宜蘭大學:微學分課程Python程式設計與網頁爬蟲應用程式實作課程講師
5.國立宜蘭大學:RWD網頁設計與專題實作研習課程講師
6.國立宜蘭大學:Python程式設計與專題實作研習課程講師
7.緯創軟體股份有限公司:Python程式設計與Vue.js系列課程講師
8.哈瑪星科技:jQuery基礎程式設計應用與開發、Sass & Scss網頁設計切版課程講師
9.中華民國國防部:React Natvie程式設計課程講師

(四) 興趣領域:
使用者介面設計、使用者經驗設計、HTML5、CSS3、JavaScript、Python、Node.js、React Native應用開發。

(五) 專欄文章:
1. 使用Node.js建置你的第一個LINE BOT
2. 使用VSCode外掛自動編譯SASS/SCSS

報名方式
如您對本課程有興趣,或需相關諮詢,請於下方留下您的聯絡資訊,我們將派專人與您聯繫,為您安排上課事宜,或回覆問題,感謝您!
備註
注意事項:
10/10端午連假不上課,課程日期已順延。

本班為實體課程,常見QA詳情連結

本班會視疫情滾動式調整為同步遠距教學。(會再另外EMAIL通知學員),詳情連結

(一)退費期限:開課日後⅓時數內,詳情連結

(二)查詢結業狀況:結業名單連結
我想瞭解更多
  • code
    換一個
若您有進修網會員帳號,建議您登入進修網,省去填表部份欄位的填寫!
【暑期鍍金術】9大電腦技能24HR速成★免費試學可★ 【證照必勝】電腦技能學習 為職涯鋪路!
讀者留言
相似課程推薦
  課程名稱 認證機構(分校) 上課地點 費用 開課日期
索取課程資料
收藏課程資料
training 互動圖表可視化介面應用在Power... 國立勤益科技... 台中市太平區 1056 2022-11-13
索取課程資料
收藏課程資料
大數據人力資源管理師認證班 中華人事主管... 台北市大安區 19500 2022-08-28
索取課程資料
收藏課程資料
資料庫概論 巨匠電腦高雄認證 高雄市新興區 線上洽詢 2022-09-03
索取課程資料
收藏課程資料
RSQD9_SQLServer資料庫管理認證... 巨匠電腦高雄認證 高雄市新興區 線上洽詢 2022-09-17
索取課程資料
收藏課程資料
資料庫概論 巨匠電腦楠梓認證 高雄市楠梓區 線上洽詢 2022-10-16
秒懂主管心裡的樣子
【快速通關】航空人才培訓 最佳薪情起飛

登入1111進修網

1
2
提示
3
從facrbook登入
我無法登入、忘記密碼?
註冊成為進修會員