課程預估時長

40 小時

單元數量

484 個章節

助教服務

影音觀看期限

永久

網頁切版組合包
新手設計包,帶你學會網頁排版,讓你上架網頁在伺服器上。
  • 5 個業界熱門主題設計稿,頁面數量超過 12 頁
  • 30 份程式碼作業
  • 2400 分鐘影音課程
  • 大型最終作業程式碼檢核

NT 8,600

NT 6,450

立即購買

恩...還是很猶豫,可以試看嗎?

當然沒問題,你可以點擊以下連結進入試閱!

2020 VS Code 網頁編輯器、HTML 基礎教學

2020 CSS 常用語法

2020 使用 CSS 變更 HTML 標籤特性

Flex 網頁排版技巧

Flex 精神時光屋

網頁排版技巧 Part II

切圖技巧

表格與表單設計技巧

CSS3 技巧

最後,讓你的網頁變得更專業

開發多頁式網站實戰講解

接下來,你還可以學什麼?

2022 網站架設全攻略

舊版課程章節-網頁編輯器、HTML 基礎教學

舊版課程章節-CSS 常用語法

舊版課程章節-使用 CSS 變更 HTML 標籤特性

舊版課程章節-網頁排版技巧 Part I

jQuery 入門

選擇器與事件:開始讓你的網頁具有互動性吧!

看看還有哪些動畫效果可以使用

教你如何搭配 CSS + jQuery 各式各樣的動畫效果

教你如何操控網頁元素

jQuery 常用小技巧

第三方 Plugin

開始喜歡 jQuery了嗎?教你如何更精進!

最後,你還可以往哪些方向去精進

基本環境介紹

常見版型佈局設定

以 UI 設計角度切入響應式設計該注意的細節

斷點規劃

響應式表格與表單設計

響應式圖形設計

常見響應式設計選單

開始實作前的注意事項

最後,讓你的響應式網頁設計更專業

PM、Sales、Art、F2E、Backend 之間如何真心合作

彩蛋課程:Sass、RWD 無痛整合,提升網頁開發效率

彩蛋課程:視差滾動網頁設計

響應式工具與服務介紹

環境建置

Bootstrap 文件介紹

Flex 與網格系統介紹

通用類別 Utilities 與 工具 Helpers

表單運用

Bootstrap 最實用的工具 - 元件

JavaScript 操作

使用 Bootstrap 完成 Blog 版型

Bootstrap 與神奇的 Sass

學員專屬:Bootstrap 額外元件範例

個人簡歷 - 練習使用 Sass 變數開發網頁

後台管理 - 功能性為導向的介面規劃

Landing Page 設計稿練習

最終挑戰

授課講師
廖洧杰

六角學院校長親自授課!

洧杰老師:「只要你不放棄自己,六角學院就不會放棄你」

10 年前端授課經驗,線上直播與實體授課皆有足夠教學經驗

100 個專案,經手超過 100 個實際專案,其領域不乏中小企業、政府專案、銀行系統

1000 位轉職成功:對無資訊背景轉職工程師有足夠轉職經驗

研討會經驗-經驗豐富的技術開發者

2019~2020 MOPCON 技術講者

2018 Modern Web 技術講者

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

企業教育訓練

玉山銀行、中華電信、痞客邦、三竹資訊、中佑資訊

技術評審

五倍紅寶石 Astro Camp 專題評審

Alpha Camp 專題評審

卡斯伯

由設計投入前端的軟體工程師,了解設計語言的前端佈道者。

卡斯伯:「用拆解流程的方式,帶你面對各種開發上的難題!」

六屆 IT 鐵人邦獲選紀錄

Modern Web 研討會講者

線上課程超過萬人註冊

研討會經驗-經驗豐富的技術開發者

2017 Modern Web 技術講者

2021 {Laravel x Vue}Conf 技術講者

五屆 IT鐵人賽優選

技術 Blog - 卡斯伯前端

企業教育訓練

TAAZE 讀冊生活

經歷

前鴻海軟體工程師

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

加入好友 加入好友