HAHOW 線上課程 用程式構築的繪畫世界 — CSS 繪圖 講師:Cat Sun(前端工程師) 影音教學 中文發音 繁體中文字幕版(DVD版)
課程介紹
CSS 繪圖課程，教你利用 CSS 屬性將 div 變成不同的形狀，透過 CSS 作畫，從繪圖的圖形解構與實作，更熟悉 HTML 與 CSS 的語法及架構，增加未來網頁切版時版面配置的更多選擇！
學習目標
課程結束後，學員可以學習到如何用 HTML 和 CSS 作畫，透過作畫前的圖形解構及實作過程，也能讓學員更熟悉 HTML 及 CSS 的語法及架構。
所學知識
- 需了解基本 HTML 及 CSS 撰寫格式
- 需了解 HTML 標籤
- 需了解 CSS 基本屬性（ex. background、color、border）
- 需了解如何使用 CSS 指定 HTML 物件
所需工具
- 文字編輯器（推薦 Sublime Text3，若不想安裝可使用線上文字編輯器 Codepen）
- 網頁瀏覽器（Chrome 為最佳）
哪些人適合這堂課？
- 前端工程師：會基礎切版，對 CSS 有興趣想再更深入了解的人。
- 設計師：想學習 HTML/CSS ，除了基礎切版外想用 CSS 實踐自己腦內特殊設計的人。
- 任何對 CSS 繪圖有興趣的人：有 HTML/CSS 基礎，想用更有趣的方式學習進階 CSS 的人。
講師介紹
現任五倍紅寶石的網頁設計師及前端工程師，是個喜歡在詩句內抒發感性情緒也喜歡在懸疑小說裡推理找犯人的女子，因此著迷於利用 CSS code 寫出設計作品，認為能將感性的影像以理性的程式碼撰寫出來是一件很迷人的事情。
001_{楔子}-上課方式及CSS畫畫介紹.mp4
002_{先從認識環境開始吧！}-認識及安裝開發環境（Codepen、SublimeText3）.mp4
003_{先從認識環境開始吧！}-Emmet基本語法教學.mp4
004_{夏天就是要喝啤酒}-CSS定位介紹.mp4
005_{夏天就是要喝啤酒}-圓角屬性介紹.mp4
006_{夏天就是要喝啤酒}-CSS繪圖原理.mp4
007_{夏天就是要喝啤酒}-啤酒杯繪製.mp4
008_{由三角形拼湊而成的紅寶石}-繪製基本幾何形（方形、圓型）.mp4
009_{由三角形拼湊而成的紅寶石}-用CSS邊框繪製進階幾何形的原理（梯形、三角形）.mp4
010_{由三角形拼湊而成的紅寶石}-紅寶石繪製.mp4
011_{CSS組成的貓咪}-div的旋轉與變形.mp4
012_{CSS組成的貓咪}-用邊框繪製複合形（心形、五角形、星形、派型）.mp4
013_{CSS組成的貓咪}-偽元素的介紹與在繪圖上的應用.mp4
014_{CSS組成的貓咪}-貓咪繪製.mp4
015_{老闆我要漢堡跟可樂}-與滑鼠互動的CSS語法.mp4
016_{老闆我要漢堡跟可樂}-如何讓滑鼠碰到的物件動起來？.mp4
017_{老闆我要漢堡跟可樂}-點擊切換漢堡跟可樂的動畫製作.mp4
018_{永遠不停站的火車}-多影格的動畫語法介紹.mp4
019_{永遠不停站的火車}-讓動畫更順的動畫加減速.mp4
020_{永遠不停站的火車}-播不停的火車動畫繪製.mp4
021_{CSS動畫在網頁上的應用}-網頁上常見的按鈕動畫範例.mp4
022_{CSS動畫在網頁上的應用}-網頁上常見的Loading動畫範例.mp4
|
|
專業知識教學
