豐富的網頁小技巧
除了 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 資訊。少了這個,網站就變得很掉漆。
課程大綱
Available in
天
天
在你加入課程之後
Available in
天
天
在你加入課程之後
Available in
天
天
在你加入課程之後
Available in
天
天
在你加入課程之後
Available in
天
天
在你加入課程之後
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)
Available in
天
天
在你加入課程之後
Available in
天
天
在你加入課程之後
Available in
天
天
在你加入課程之後
感謝訂閱,記得收 Email 確認我們的訂閱。