你是不是覺得,CSS 易學?

網頁資源超多

覺得自己也算略懂

上戰場才發現,CSS 難精!

沒代表作品,找不到版型練習

沒足夠知識,語法知識量不足

沒實戰機會,切版熟練度太低

你認真嘗試了

影音課程、各種實體課程、翻閱各大文件


還是學不好?

讓我們來培訓你

這堂課,要帶你 / 妳做出好作品

凡參加本次直播班學員,將會獲得

8 個業界熱門主題設計稿,頁面數量超過 20 頁

提供 學員專屬 UI 設計稿授權,方便您做成面試專用作品

由淺入深的課程大綱

這門課程,我們是以「 業界常見版型主題 」為導向,來規劃我們的課綱,讓您上完課後,就能夠開始動手練版型。

第一週:1 px 也不差的版型控制術

在排版時,常常為了幾 px 的位移或跑版而傷透腦筋嗎?其實只要掌握幾個關鍵知識,你也能切出精準到位的版型!


作品主題:履歷設計

教學關鍵字:
盒模型、line-height 行距計算、vertical rhythm (垂直韻律)、display 狀態、CSS 實務選擇器技巧、圖文排版技巧

第二週:Flexbox 網頁排版術

李小龍說過:「我不害怕曾經練過一萬種踢法的人,但我害怕一種踢法練過一萬次的人」,網頁排版擁有 float、inline-block、flexbox、grid 流派,但是你真的有認真將一個流派專精到讓人會怕嗎?本週題目我們將會詳細講解 Flexbox,並藉由後面幾週的反覆練習,讓您成為 Flexbox 的切版專家!


作品主題:個人網站

教學關鍵字:
Flexbox 排版技巧、水平與垂直置中、常見版型教學

第三週:伸縮自如的 RWD 手機網頁排版術

行動裝置這麼多,你的網頁在 全部螢幕解析度都支援嗎?還是你只會下 一個 手機版 media query,而 中間的 size 都忽略了?其實 RWD 沒你想像中的複雜,讓我們來教會你!


作品主題:RWD 形象官網

教學關鍵字:
media query、SCSS 、使用者體驗、表單設計

第四週:多頁式網頁設計

去面試時準備的作品,永遠只有一頁個人介紹網站嗎?頁面一多就不知道該怎麼管理你的 CSS 了?這堂課我們將會分享心法與工具,讓你頁面再多也不怕!


作品主題:多頁式 RWD 形象官網

教學關鍵字:
gulp、多頁設計、SCSS 管理、layout 版型規劃

第五週:後台表單設計

一個完美的前台,一定會有個維護方便的管理後台方便上稿,也同時會是你與後端工程師協作時,必須要會的版型設計!


作品主題:後台頁面設計

教學關鍵字:
Bootstrap 元件運用、表單使用者體驗、jQuery 動畫設計

第六週:導入網頁規範設計流程

當你頁面數量不是 3~5 頁,而是 30~50 頁以上,該如何制訂規範,讓產出的網頁都能模組化輸出,進以提升效率,也是網頁設計師需考量的一環!


作品主題:電商網站

教學關鍵字:
SCSS 自訂 Bootstrap、格線系統、版型管理術

第七週:視差滾動

在 2020 年,網頁已經擺脫中規中矩排版,我們能藉由簡易的 JS 套件,讓自己的網頁具有動感,設計出具備視差滾動技巧的優美網站!


作品主題:產品介紹網站

教學關鍵字:
熱門視差滾動套件、JS 瀏覽器控制

第八週:CSS 模組化管理

一個成熟的前端介面,不論是版型管理、語法支援度、元件應用都得顧及到位,本週將會詳細介紹各角度的技術詮釋,以做為完美的收尾。


作品主題:大型訂房網站

教學關鍵字:
SMACSS、OOCSS、Template 元件設計

你是不是擔心
這堂課不適合自己?

超多學長姊心得,進一步了解課程內容

為了讓你真的學會,
我們做了個團戰遊戲任務系統

反派霸格黨為了不讓大家成為網頁開發者,都會故意在程式碼埋 Bug、讓你的電腦不安份,來降低學習意願。

這次他們派了隻 BOSS 來阻撓六角學院,打敗他的方式,只有繳交每週關卡作業,化為攻擊力來打敗牠!

First slide

流程一

登入遊戲系統

報名成功後,您會收到 Email 勇者邀請信件,文中會引導你加入程式勇者村,並承接切版任務。

First slide

流程二

承接切版作業任務

每週直播課程結束後,我們會派出切版作業任務,八週總計就有八道任務。

First slide

流程三

提交審核

學員們提交任務後,將由六角助教們進行審核,並回報是否完成任務。

First slide

流程四

任務完成

當助教回報任務完成後,任務上的積分都會化為攻擊力,來攻擊 BOSS!

First slide

流程五

攻略條件

BOSS 的總血量是全部學員的 30% 作業量,當每位學員完成總作業量 30% 以上,便可攻克 BOSS!

網頁切版直播班

用八週的時間,帶你成為切版達人

授課內容:

  • 教學日期:2021/7/2 ~ 8/20
  • 授課堂數:7/2(五)、7/9(五)、7/16(五)、7/23(五)、7/30(五)、8/6(五)、8/13(五)、8/20(五)
  • 授課時段:各授課堂數的 20:00~22:30
  • 教學時數:每堂 2.5 小時,共 8 堂,總計 20 小時
  • 直播教室:使用 ZOOM 進行直播教學

主要講師:

廖洧杰

六角學院校長

CSS教學經歷:

★ Sass 教學手冊作者(逾十萬人瀏覽)

★ 2017 中國第三屆 CSS 研討會講者

* 2016 中華電信 Sass 企業教育訓練

* 2015 ITHome Sass&RWD 講者

* 2014 痞客邦 Sass 企業教育訓練

* 2014 IT 鐵人邦 Sass 優選

為了幫助您攻克 BOSS
我們準備好了!

線上助教團隊全程陪伴

8 週授課期間,我們會一行行看您的程式碼,確保有達到專業水準!

這堂課適合新手嗎?

如果你是初學者,我們會提供給你免費 3hr 的影音課程帶您入門,並也享有 24 小時內助教問題支援。

掌握好網頁切版後,你就可以依照自己的技能樹,再轉職成:

  • 網頁設計師
  • 前端工程師
  • 後端工程師

學完這門課,你將會獲得

超多的面試作品

我們的設計稿皆提供授權,讓您安心做出讓面試官眼睛一亮的精美作品。

紮實的網頁排版技巧

我們精心挑選的八個在實務開發上必會碰到的版型,全部掌握之後,包準在業界無往不利。

為顧及教學品質,本班僅招收
300 人

上課流程如下:

1
5/6(四) 20:00 開放報名,僅限 300 人
2
5/6(四) ~ 6/6(日) 進行報名與新手任務

報名成功後,您將會收到 Email 通知,並引導您完成新手任務。

3
7/2(五) 開始上課

常見 Q & A

Q:網頁切版直播班是預錄的嗎?

A:不是哦,每次課程都會是老師直接 Live 教學,這樣才能提升互動性,增強學員吸收知識體驗

Q:有幾天直播時段沒辦法配合的話,會有錄影影片嗎?

A:有的!我們直播影片都會保留一年時間,方便學員隨時回平台回顧。

Q:我看到你們有影音課程(ex: 使用 HTML、CSS 開發一個網站)跟網頁切版直播班,到底該選哪個好?

A:如果你有迫切性想學好網頁切版,建議你選本頁面的直播課程,直播的參與互動性高,並藉由老師們獨創的前端教材,學習效果更好。

Q:那影音課程(ex: 使用 HTML、CSS 開發一個網站)的話呢?

A:在影音課程(ex: 使用 HTML、CSS 開發一個網站)設計上,我們一小節都設計成 5~20 分鐘,方便時間較碎片,沒辦法抽出一小時以上觀看直播課程的學員來選擇。

Q:但是我有你們的影音課程(ex: 使用 HTML、CSS 開發一個網站),還需要參加網頁切版直播班嗎?

A:影音課程的設計上,理論和實作都是 5:5,而網頁切版直播班則是實作機會比較多,互動性也高。如果你是迫切想掌握好一門技術的學員。建議是參與網頁切版直播班,並藉由影音課程來提升知識量

Q:我可以只上網頁切版直播班嗎?

A:當然可以,只要有跟上網頁切版直播班的內容,也會有足夠的知識量來做我們提供的版型。

Q:除了老師直播外,我有問題該怎麼辦?

A:我們遊戲系統會提供問答專區,線上的助教都會在發問後 24 小時內回覆,並且也會提供專屬的 Slack 聊天頻道,來讓您與助教一起互動!

Q:直播班的作業可以補交嗎?

A:當然可以,只要在網頁切版直播班結束的三個月內都可以補交哦~

Q:如果無法參與,可以申請退費嗎?

A:退費前請先詳閱退費規定。若不符合需求仍欲退款,可寄信至 [email protected],將會有小幫手協助進行退款。

點我看詳細退費規定

繳費後,如因個人因素不克參加本培訓班需退費者,依據提出退班申請時間
分為以下四階段退費標準:

  • 培訓班開課日一個月前要求退費者,全額退費。
  • 培訓班開課前三日申請退費者,退費 90%。
  • 自實際上課之日起算未逾全期三分之一申請退費者,退費用 50%。
  • 開班上課時間已逾全期三分之一始申請退費者,不得申請退費。
  • 學院因故未能開班上課,應全額退還學員已繳費用。

退費方式

  • 退費工作流程約 3~5 工作日。
  • 於官網購買課程退費會酌收第三方支付手續費,信用卡一次付清 2.8%、分三期 3%、分六期 3.5%、分 12 期 7%、ATM為 1%,超商為 28元;若透過其他回饋金網站,例如:shopback 消費,欲退費會收取兩倍手續費用。
  • ATM 和超商繳費以匯款方式退回原繳款人帳戶,信用卡繳費退回原信用卡帳戶。

網頁切版直播班

以「 業界常見版型主題 」為導向,八週帶你做出面試專用作品,成為切版小能手。 此組合包含:
  • 8 週直播課程
  • 8 個業界熱門主題設計稿,頁面數量超過 20 頁
  • 學員專屬 UI 設計稿授權
  • 一年時間免費課程錄影回顧
  • 作品程式碼檢視,確保觀念與程式碼品質

原價 NT$ 13,200

NT$ 6,600


P.S.:六角學院也有line+嘍,歡迎加入隨時獲得六角學院第一手資訊!

加入好友