網頁設計女性班前端開發入門實戰課程 | 五倍紅寶石

網頁前端設計女性專班 - 假日班

好評不斷,口碑加開,五倍紅寶石再度開辦網頁設計前端女性專班課程!在彼此身旁都是女性的環境裡,女孩們一起交流討論,不再因為「男生才會寫程式」的想法而害怕與同學交流,講師以活潑有趣的方式一步一步耐心指導,穩紮穩打網頁前端基礎,並有助教課幫助課後吸收,讓妳從零基礎前進網頁設計師之路。

開課時段 2021 / 4月|假日班4/11 (日)、4/18 (日)、4/25 (日)、5/2 (日)、5/9 (日)、5/16 (日) 09:30 - 17:30,共計 42 小時

原價 NTD 24,000 優惠價 NTD 21,000

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-5247

報名及付款方式:

  1. 點擊「 立即報名課程 」。
  2. 選擇付款方式 (一次付清、分期付款)。
  3. 舊生、團報優惠以及其他優惠折扣,請私訊五倍紅寶石粉絲專頁將由課務專員為您服務。

注意事項:

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