Amos Lee 李建杭 | CSS 動畫課程教學 | RWD 課程教學推薦 | 五倍紅寶石

講師

李建杭 (Amos Lee)

資策會(台北、中壢) 講師
ModernWeb 研討會講者
亞馬勁雲科技前端工程師
中科大業界專家課程 講師
致理技術學院業界專家 講師
元培醫事科技大學業界專家 講師
凌網科技視覺設計師

本課程適合

  • 想嘗試程式領域的女生
  • 想提升網頁學習效率者
  • 想找到一起進步的夥伴
  • 視覺 / 網頁設計師、SOHO 族、行銷人員、PM 專案經理
  • 想前往前端領域發展的妳

你將會學到

  • HTML / CSS / jQury 基礎與實用得網頁切版技能
  • 網頁前端工程師協作溝通技巧
  • 獨自前端切版技能
  • 掌握如何在網頁上寫出互動效果
  • 提供作業練習,帶您實戰把觀念融會貫通
網頁設計前端課程 | 女性班課程照 | 五倍紅寶石

Code For Girl
學會網頁設計攻略技巧

網頁設計課程包含 HTML、CSS、 jQuery,讓新手的妳從零基礎到實作出自己的網站,前端網頁設計女性班課程強調頁面規劃與結構設計,除了基礎教學外,也提供許多實務上專案合作時的技法,業界經驗豐富的老師不藏私,通通傳授給妳!讓妳實作出屬於自己的網頁。
HTML 是什麼? | 網頁設計女性課程 | 五倍紅寶石

HTML 是什麼?

HTML 是打造網頁的基礎,用來描述網頁的一種標記語言(HyperText Markup Language),目前瀏覽器都可以讀取 HTML,HTML 是一種基礎技術,常與 CSS、JavaScript 一起被眾多網站用於設計賞心悅目的網頁、網頁應用程式以及行動應用程式的使用者介面。HTML 是一種標記語言而非程式語言!

CSS 是什麼? | 網頁設計女性課程 | 五倍紅寶石

CSS 是什麼?

CSS 是階層式樣式表(Cascading Style Sheets), 讓你創造出好看的網頁樣式,例如:字體、大小、顏色、網頁背景色等等效果,可以利用 CSS 來隨意設定字體大小、表格框線、陰影,讓你增添設計感的工具。

jQuery 是什麼?

jQuery 是一個快速又簡潔的 JavaScript 程式庫,簡化了在HTML 文件裡面尋找DOM 物件、處理事件、製作動畫、和處理Ajax 互動的過程。 jQuery 的特色,輕量 JS 框架、跨瀏覽器、簡化 JS 操作 CSS 代碼、簡潔以及豐富 DOM 選擇器。

jQuery 是什麼? | 網頁設計女性課程 | 五倍紅寶石

簡單來說,HTML 就像是身體的結構,CSS 是你身上所穿的衣服配件,課程中提及的 jQuery 像神經元素,使網頁動起來!

扎實 42 小時課程,讓妳完整瞭解網頁脈絡,課堂中有錄影,老師會依照同學狀況調整節奏,五倍紅寶石提供工程師助教,不用擔心跟不上進度!

網頁前端設計女性專班課程內容

一、初識網頁

  • 始業式
  • 網頁是什麼?
  • 前端是什麼?
  • 前端用到的語言

二、初識網頁

  • 撰寫網頁的工具
  • 撰寫你的第一個網頁

三、網頁起手式

  • 網頁的內容 HTML 標籤
  • 網頁架購與規則
  • 試著把一個網頁結構寫出來

四、美化你的網頁

  • CSS 是什麼
  • CSS 的寫法
  • 偽類選取器

五、美化你的網頁

  • CSS 可以做那些?
  • 實作一次吧

六、網頁排版囉 I

  • 排版會用到甚麼
  • Flex & Float
  • 完成你的第一個網頁

七、網頁排版囉 II

  • 定位的應用
  • 利用定位製作網頁互動效果

八、來做個RWD網頁吧

  • RWD 是什麼
  • RWD 網頁的製作方式
  • 做一個簡單的 RWD 網頁吧

九、網頁動起來

  • 網頁為何需要動畫
  • 網頁動畫的製作方式有哪些
  • CSS 動畫

十、網頁動起來

  • Transition 屬性介紹
  • Animation 屬性介紹

十一、跟網頁開始互動

  • jQuery 介紹
  • jQuery 的撰寫方式
  • 添加互動到你的網頁吧

十二、用框架加速你的網頁製作

  • 什麼是框架?
  • Bootstrap 介紹
  • Bootstrap 使用方式
  • 用 Bootstrap 完成一個網頁吧

十三、網頁切版實務

  • 從拿到版面開始
  • 版面分析的方式

十四、網頁切版實務

  • 實際撰寫一個頁面
  • 結業式

聽聽看同學怎麼說

五倍紅寶石課程提供

程式網頁設計課程結業證書證明 | 五倍紅寶石

課程結業證書證明

程式網頁設計線上補課 | 五倍紅寶石

每週二獨家默默會讓你問題問到飽 & 業界高手一同交流

前端後端課程詢問 | 五倍紅寶石

共同討論課程群組,老師同學即時交流

程式課程環境 | 五倍紅寶石

舒適教室環境,備有插座及快速穩定免費 wifi 連線操作

程式網頁設計線上補課 | 五倍紅寶石

線上補課,不怕跟不上進度!

程式課程貓 | 五倍紅寶石

吉祥物貓貓加持

五倍紅寶石上課環境、地點

上課地點:台北市中正區衡陽路 7 號 5 樓
交通資訊:台大醫院站 1 號出口 (走路 4 分鐘)

立即揪團課程享折扣(名額有限)

超值加購方案

2 人同行 or 一次購買 2 堂課,可享 9 折優惠

3 人同行 or 一次購買 3 堂課,可享 85 折優惠

更多團報 or 相關課程諮詢請洽 02 - 2331-8188

立即報名搶位

報名及付款方式:

  1. 點擊「立即報名搶位」連結並填寫表單。
  2. 課程達開課人數後,我們會主動寄發繳費連結。
  3. 線上繳費(刷卡或匯款),或是現場現金或刷卡繳款。
  4. 匯款帳號資訊:
    • 銀行:華南商業銀行 營業部
    • 帳號:100-10-034068-2
    • 戶名:五倍紅寶石股份有限公司附設臺北市私立五倍紅寶石文理技藝短期補習班

注意事項:

  1. 課程內容、日期及講師可能因故有所修改,主辦單位保留異動之權利。
  2. 學員需自備筆記型電腦。
  3. 本次課程僅開放 30 人報名。
  4. 報名費不包含餐費。
  5. 若報名學員人數不足 10 人,將視情況取消當次課程,並全額退還報名費用。
  6. 如有企業或團體課程需求,歡迎直接來信洽詢。