網頁資源超多
覺得自己也算略懂
沒代表作品,找不到版型練習
只會用 AI,要微調不知道怎麼做
沒實戰機會,切版熟練度太低
你認真嘗試了
影音課程、各種實體課程、翻閱各大文件
還是學不好?
讓我們來培訓你
這堂課,要帶你 / 妳做出好作品
凡參加本次直播班學員,將會獲得
12 + 3 份業界熱門主題設計稿,頁面數量超過 200 頁
提供 學員專屬 UI 設計稿授權,方便您做成面試專用作品
在排版時,常常為了幾 px 的位移或跑版而傷透腦筋嗎?其實只要掌握幾個關鍵知識,你也能切出精準到位的版型!
作品主題:品牌介紹頁
教學關鍵字:
盒模型、Line-height 與垂直空間、display 狀態、CSS 實務選擇器技巧、圖文排版技巧
李小龍說過:「我不害怕曾經練過一萬種踢法的人,但我害怕一種踢法練過一萬次的人」,網頁排版擁有 float、inline-block、flexbox、grid 流派,但是你真的有認真將一個流派專精到讓人會怕嗎?本堂題目我們將會詳細講解 Flexbox,並藉由後面幾堂的反覆練習,讓您成為 Flexbox 的切版專家!
作品主題:品牌產品列表頁
教學關鍵字:
Flexbox 排版技巧、水平與垂直置中、常見版型教學
行動裝置這麼多,你的網頁在全部螢幕解析度都支援嗎?還是你只會下一個手機版 media query,而中間的 size 都忽略了?其實 RWD 沒你想像中的複雜,讓我們來教會你!
作品主題:RWD 品牌形象官網
教學關鍵字:
media query、SCSS 、使用者體驗、斷點規劃
去面試時準備的作品,永遠只有一頁個人介紹網站嗎?頁面一多就不知道該怎麼管理你的 CSS 了?這堂課我們將會分享心法與工具,讓你頁面再多也不怕!
作品主題:多頁式 RWD 品牌形象官網
教學關鍵字:
Vite、多頁設計、SCSS 管理、layout 版型規劃
一個好的服務流程,少不了一個流暢、直覺且資料清楚的表單介面。表單是與使用者互動的核心,也是網站開發中必須要會的版型設計。
作品主題:流程表單設計
教學關鍵字:
Bootstrap 元件運用、表單使用者體驗
當你頁面數量不是 3~5 頁,而是 30~50 頁以上,該如何制訂規範,讓產出的網頁都能模組化輸出,進以提升效率,也是網頁設計師需考量的一環!
作品主題:AI 工具商店
教學關鍵字:
SCSS 自訂 Bootstrap、格線系統、版型管理術
現代的網頁已經擺脫中規中矩排版,我們能藉由簡易的 JS 套件,讓自己的網頁具有動感,設計出具備視差滾動技巧的優美網站!
作品主題:視差滾動應用
教學關鍵字:
AOS、JS 瀏覽器控制、Swiper
一個成熟的前端介面,不論是版型管理、語法支援度、元件應用都得顧及到位,本週將會詳細介紹各角度的技術詮釋,以做為完美的收尾。
作品主題:房地產資訊平台
教學關鍵字:
SMACSS、OOCSS、Template 元件設計
商學院轉前端
在 side project 推進的過程中,老師不是想帶我們完成一個很酷很炫,很厲害的作品,而是做為指導教練的角色,根據每個人的程度給予適切的方向和建議,只要夠積極、夠努力,你要的資源洧杰老師會不吝嗇全部丟給你!這才是最值得的地方。
看更多心得>
35 歲中年轉前端
直播班就像是爬山,爬的時候會很痛苦、懷疑自己能不能完成,但堅持到山頂後,會因為美景充滿了成就感,程式是你有多努力,你的成果就不會離你的付出太遠,努力達到老師的要求,多跟同學交流,參考彼此的作品,這會讓你進步得更快!
看更多心得>
警察轉前端
其實在參加前,我覺得切版感覺不是很難,因為那時候已經學了Bootstrap 和 CSS 感覺我都切得出來,但參加完就覺得直播班練切版練得真的很扎實!切版直播班前四週比較像在複習,後四週難度才飆升,每週都會有一個全新的版型要切,那時真⋯⋯
看更多心得>用直播上課的方式真的可行嗎?
這麼多課程,為什麼要參加這個?
7/1(三)20:00~22:30,2.5 小時
7/3(五)20:00~22:30,2.5 小時
1 小時
7/10(五)20:00~22:30,2.5 小時
2 小時
7/17(五)20:00~22:30,2.5 小時
2 小時
7/24(五)20:00~22:30,2.5 小時
2 小時
7/31(五)20:00~22:30,2.5 小時
2 小時
8/5(三)20:00~22:30,2.5 小時
8/7(五)20:00~22:30,2.5 小時
2 小時
6 週授課期間,我們會一行行看您的程式碼,確保有達到專業水準!
如果你是初學者,我們會提供給你免費 23hr 的影音課程帶您入門,並也享有 48 小時內助教問題支援。
掌握好網頁切版後,你就可以依照自己的技能樹,再轉職成:
6 週授課期間,我們會一行行看您的程式碼,確保有達到專業水準!
除此之外,本次直播課程新增許多學習活動,讓你就算在線上,也有超越實體活動的學習體驗
作品牆上,每一個都是同學們的心血結晶,都花上半至一個月以上的時間製作,慢慢打磨出可大聲說出「這是我做的」獨立作品! 我們提供了許多不同資源,包含設計、原始碼檢視、內容審核,確保學員們可以完成一定水準的作品。這些作品:
絕對獨一無二,不會在其它地方看到相同內容、版型
都經過六角講師、助教審核,設計、程式碼皆有一定的水準
屬於每個作者的結晶,在面試上更能充滿信心地介紹它
本課程也將引導你完成夠水準的獨立作品!
活動時段如下:
報名成功後,隔週您將會收到 Email 通知,並引導您完成新手任務。
Q:網頁切版直播班是預錄的嗎?
A:不是哦,每次課程都會是老師直接 Live 教學,這樣才能提升互動性,增強學員吸收知識體驗。
Q:有幾天直播時段沒辦法配合的話,會有錄影影片嗎?可以看到什麼時候?
A:有的!我們的直播都會錄影,並將錄影檔上架到課程影音中,方便學員隨時回平台回顧。
本課程的課程影音皆會保留到 2027/07/01 (四) 23:59。
Q:我看到你們有影音課程(ex: 使用 HTML、CSS 開發一個網站)跟網頁切版直播班,到底該選哪個好?
A:在影音課程(ex: 使用 HTML、CSS 開發一個網站)設計上,我們一小節都設計成 5~20 分鐘,方便時間較碎片,沒辦法抽出一小時以上觀看直播課程的學員來選擇。 如果你有迫切性想學好網頁切版,建議你選擇本頁面的直播課程,直播的參與互動性高,並藉由老師們獨創的前端教材,學習效果更好哦!
Q:如果我已經有你們的影音課程(ex: 使用 HTML、CSS 開發一個網站),還需要參加網頁切版直播班嗎?
A:影音課程的設計上,理論和實作都是 5:5,而網頁切版直播班則是實作機會比較多,互動性也高。如果你是迫切想掌握好一門技術的學員。我們會建議你參與網頁切版直播班,並藉由影音課程來提升知識量。
Q:我可以只上網頁切版直播班嗎?
A:當然可以,只要有跟上網頁切版直播班的內容,也會有足夠的知識量來做我們提供的版型。
Q:除了老師直播外,我有問題該怎麼辦?
A:我們的系統會提供課程問答專區,線上的助教都會在發問後 48 小時工作日內回覆;同時也會提供專屬的 Discord 作業討論頻道,來讓您與助教一起互動!
Q:在課程中會使用到哪些工具?
A:課程中將會使用到以下工具或服務,請確認您的裝置及作業系統支援該服務,以擁有完整的課程體驗。
Q:我要怎麼開始上課?
A:成功購買課程後,六角學院將會使用 Email 進行開課通知,包含需開通的課程平台說明,請確保您的信箱能收取來自 [email protected] 的信件。
Q:如果無法參與,可以申請退費嗎?
A:本課程之開課日為 2026/07/01 (三),請依照下列規範進行退費申請:
若因個人因素導致無法獲取課程資訊,進而影響課程參與(例如:信箱無法收信、未開通課程、未加入 Discord 頻道等),本課程恕無法因此提供退費、延期或轉讓。六角學院將不受理此申請,亦無法因此提供額外補償。
建議報名後務必確認課程通知信件及加入相關平台,若有問題請儘早聯繫客服,我們將協助您完成設定。
退費工作流程約 3~5 工作日,請來信告知要退費的直播課程並寄信至六角客服信箱,信件請附上註冊 mail、訂單編號、購買時間,會有小幫手協助進行退款。請注意,如果你是 ATM 轉帳、分期或是超商交易,請一併附上個人銀行帳戶,會以匯款方式退回原繳款人帳戶;如果是信用卡一次付清,則退回原信用卡帳戶。其他退費說明請見直播班退費規定。