豐富的網頁小技巧
除了 HTML+CSS 基礎之外，網頁還有很多有趣的小技術
SASS / SCSS
icon fonts / Google fonts
favicon / Facebook OG meta
可以加速開發、增添網頁豐富的元素
搭配實戰內容，讓你更加熟悉網頁開發
遇到問題也能迎刃而解
SASS / SCSS (更新中)
CSS 是網頁畫面的基礎，但制式的寫法，讓開發有點緩慢、多了很多不必要的程式碼。SASS / SCSS 讓我們開發 CSS 的時候能夠更便利、更迅速，程式碼也更加簡潔。
icon fonts / Google fonts / favicon
網頁不只是 HTML+CSS。還有更多小技巧，已經融入到現在的網頁開發中。這些都已經是必備的技術，讓我們一次把他們補齊。
Facebook OG meta (更新中)
網頁要分享的時候，如何才能提供正確的縮圖、標題、說明文字呢？這些都是在 HTML 裡的 meta 資訊。少了這個，網站就變得很掉漆。
課程大綱
Intro / 課程使用手冊
Available in
天
天
在你加入課程之後
Day 4-1 / 其他有的沒的但很重要的技術
Available in
天
天
在你加入課程之後
Day 4-2 / Table & Form
Available in
天
天
在你加入課程之後
Day 4-3 / LESS CSS (舊版)
Available in
天
天
在你加入課程之後
Day 4-3 / SASS & SCSS (更新內容)
Available in
天
天
在你加入課程之後
Day 5 / About 頁面 / 實戰
Available in
天
天
在你加入課程之後
- 【練習 / 檔案下載】
- Wireframe 分析 (6:29)
- HTML 架構 (29:13)
- CSS / header (17:20)
- CSS / welcome message (12:35)
- CSS / progress bar / CSS arrow (12:02)
- CSS / feature 段落 / LESS 架構調整 (8:33)
- CSS / feature 段落 / team 段落 (18:15)
- CSS / counting 段落 / Clients 段落 (9:48)
- CSS / footer (17:13)
- CSS / 最後調整 / background 與 icon fonts (25:06)
Day 6 / Service 頁面 / Contact Us 頁面 / 實戰
Available in
天
天
在你加入課程之後
額外補充 / Facebook Open Graph (OG meta)
Available in
天
天
在你加入課程之後
課程最後
Available in
天
天
在你加入課程之後
感謝訂閱，記得收 Email 確認我們的訂閱。