你是不是覺得，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 形象官網
教學關鍵字：
Vite、多頁設計、SCSS 管理、layout 版型規劃
第五週：後台表單設計
一個完美的前台，一定會有個維護方便的管理後台方便上稿，也同時會是你與後端工程師協作時，必須要會的版型設計！
作品主題：後台頁面設計
教學關鍵字：
Bootstrap 元件運用、表單使用者體驗、jQuery 動畫設計
第六週：導入網頁規範設計流程
當你頁面數量不是 3~5 頁，而是 30~50 頁以上，該如何制訂規範，讓產出的網頁都能模組化輸出，進以提升效率，也是網頁設計師需考量的一環！
作品主題：電商網站
教學關鍵字：
SCSS 自訂 Bootstrap、格線系統、版型管理術
第七週：視差滾動
在 2023 年，網頁已經擺脫中規中矩排版，我們能藉由簡易的 JS 套件，讓自己的網頁具有動感，設計出具備視差滾動技巧的優美網站！
作品主題：產品介紹網站
教學關鍵字：
AOS、GSAP、JS 瀏覽器控制
第八週：CSS 模組化管理
一個成熟的前端介面，不論是版型管理、語法支援度、元件應用都得顧及到位，本週將會詳細介紹各角度的技術詮釋，以做為完美的收尾。
作品主題：大型訂房網站
教學關鍵字：
SMACSS、OOCSS、Template 元件設計
你是不是擔心
這堂課不適合自己？
在職前端學長姊心得，了解課程內容
Amberhh
商學院轉前端
在 side project 推進的過程中，老師不是想帶我們完成一個很酷很炫，很厲害的作品，而是做為指導教練的角色，根據每個人的程度給予適切的方向和建議，只要夠積極、夠努力，你要的資源洧杰老師會不吝嗇全部丟給你！這才是最值得的地方。
看更多心得＞
Sylvia
35 歲中年轉前端
直播班就像是爬山，爬的時候會很痛苦、懷疑自己能不能完成，但堅持到山頂後，會因為美景充滿了成就感，程式是你有多努力，你的成果就不會離你的付出太遠，努力達到老師的要求，多跟同學交流，參考彼此的作品，這會讓你進步得更快！
看更多心得＞
Alex
警察轉前端
其實在參加前，我覺得切版感覺不是很難，因為那時候已經學了Bootstrap 和 CSS 感覺我都切得出來，但參加完就覺得直播班練切版練得真的很扎實！切版直播班前四週比較像在複習，後四週難度才飆升，每週都會有一個全新的版型要切，那時真⋯⋯
看更多心得＞用直播上課的方式真的可行嗎？
流程一
登入遊戲系統
報名成功後，您會收到 Email 勇者邀請信件，文中會引導你加入程式勇者村，並承接切版任務。
流程二
承接切版作業任務
每週直播課程結束後，我們會派出切版作業任務，八週總計就有八道任務。
流程三
提交審核
學員們提交任務後，將由六角助教們進行審核，並回報是否完成任務。
流程四
任務完成
當助教回報任務完成後，任務上的積分都會累積為完成率，可以獲得課程特別獎勵！
主要講師
廖洧杰
六角學院校長
CSS 教學經歷：
- ★ Sass 教學手冊作者（逾十萬人瀏覽）
- ★ 2017 中國第三屆 CSS 研討會講者
- ＊ 2016 中華電信 Sass 企業教育訓練
- ＊ 2015 ITHome Sass&RWD 講者
- ＊ 2014 痞客邦 Sass 企業教育訓練
- ＊ 2014 IT 鐵人邦 Sass 優選
網頁切版直播班
用八週的時間，帶你成為切版達人
授課內容：
- 開課日期：2023 7/7（五）
- 授課時段：7/7 ～ 8/30 每週五，共 8 堂
- 教學時數：每堂 2.5 小時，共 8 堂，總計 20 小時
- 直播教室：使用 ZOOM 進行直播教學
上課行事曆
CSS 技術我全都要！
-
尚未開課
-
第一週：
1px 也不差的版型控制術
7/7（五）20:00~22:30，2.5 小時
-
第一週：
履歷設計版型
7/12（三），1 小時
-
第二週：
Flexbox 網頁排版術
7/14（五）20:00~22:30，2.5 小時
-
第二週：
個人網站版型
7/19（三），1 小時
-
第三週：
RWD 手機網頁排版術
7/21（五）20:00~22:30，2.5 小時
-
第三週：
RWD 形象官網
7/26（三），1 小時
-
第四週：
多頁式網頁設計
7/28（五）20:00~22:30，2.5 小時
-
第四週：
多頁式 RWD 形象官網
8/2（三），1 小時
-
第五週：
後台表單設計
8/4（五）20:00~22:30，2.5 小時
-
第五週：
後台頁面設計
8/9（三），1 小時
-
第六週：
導入網頁規範設計流程
8/11（五）20:00~22:30，2.5 小時
-
第六週：
活動訂票網站(1)
8/16（三），1 小時
-
第七週：
視差滾動
8/18（五）20:00~22:30，2.5 小時
-
第七週：
活動訂票網站(2)
8/23（三），1 小時
-
第八週：
CSS 模組化管理
8/25（五）20:00~22:30，2.5 小時
-
第八週：
大型網站管理心法
8/30（三），1 小時
六角團隊搏命帶你做專題
每次有想法但都遲遲沒有下手嗎？不管網站企劃、進度管理、頁面設計、專題發表，六角團隊通通手把手的帶著你完成它！
Discord 實際討論狀況
1
作品主題思考
- 規劃使用者故事
- 規劃網站地圖
- 繪製線稿、流程圖
- 審核，重新調整
Discord 實際討論狀況
2
小組進度追蹤
外部設計服務
3
與外部設計師合作
外部設計服務
版面製作
4
網站開發
- 版面製作
- Git Flow 分工
- 動態效果
- 細節優化
版面製作
專題發表會
5
作品發表
- 簡報製作
- 專題發表
- 準備求職
專題發表會
為了幫助您攻克 BOSS，
我們準備好了！
線上助教團隊全程陪伴
8 週授課期間，我們會一行行看您的程式碼，確保有達到專業水準！
這堂課適合新手嗎？
如果你是初學者，我們會提供給你免費 3hr 的影音課程帶您入門，並也享有 24 小時內助教問題支援。
掌握好網頁切版後，你就可以依照自己的技能樹，再轉職成：
- 網頁設計師
- 前端工程師
- 後端工程師
學完這門課，你將會獲得
專屬個人的的面試作品
我們將會一步步教您做出自己的專屬作品，讓您做出讓面試官眼睛一亮的履歷成果！
獨一無二的作品展示區
除此之外，本次直播課程新增許多學習活動，讓你就算在線上，也有超越實體活動的學習體驗
作品牆上，每一個都是同學們的心血結晶，都花上半至一個月以上的時間製作，慢慢打磨出可大聲說出「這是我做的」獨立作品！ 我們提供了許多不同資源，包含設計、原始碼檢視、內容審核，確保學員們可以完成一定水準的作品。這些作品：
絕對獨一無二，不會在其它地方看到相同內容、版型
都經過六角講師、助教審核，設計、程式碼皆有一定的水準
屬於每個作者的結晶，在面試上更能充滿信心地介紹它
本課程也將引導你完成夠水準的獨立作品！
為顧及教學品質，本班僅招收
400 人
報名時段如下：
6/5（一）21:00~24:00 提供六角老學員，
3 小時快閃註冊
6/6（二）00:00 對外開放報名
報名成功後，您將會收到 Email 通知，並引導您完成新手任務。
6/6（二）~ 6/11（日）進行報名與新手任務
常見 Q & A
Q：網頁切版直播班是預錄的嗎？
A：不是哦，每次課程都會是老師直接 Live 教學，這樣才能提升互動性，增強學員吸收知識體驗
Q：有幾天直播時段沒辦法配合的話，會有錄影影片嗎？
A：有的！我們直播影片會保留到 2024/8/30，方便學員隨時回平台回顧。
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 小時內回覆，並且也會提供專屬的 Discord 聊天頻道，來讓您與助教一起互動！
Q：如果無法參與，可以申請退費嗎？
A：退費前請先詳閱退費規定。若不符合需求仍欲退款，可寄信至 [email protected]，將會有小幫手協助進行退款。
網頁切版直播班
- 8 週直播課程
- 8 個業界熱門主題設計稿，頁面數量超過 20 頁
- 手把手帶您規劃專屬個人作品
- 一年時間免費課程錄影回顧
- 作品程式碼檢視，確保觀念與程式碼品質
網頁切版直播班說明會
說明會 HackMD 文件
- 時間軸 -
00:00
閒聊
05:50
切版直播班介紹
10:35
報名可以享有哪些服務
17:57
每天只有 20~30 分鐘，可以怎麼學習
33:10
切版直播班兩大優勢
36:29
想要做專題，小組和個人都可以報名嗎
49:57
今年切版直播班再加碼！
53:30
報名費用公布
59:00
開放報名！回答同學 Q&A
P.S.：六角學院也有 line@ 嘍，歡迎加入隨時獲得六角學院第一手資訊！
