Flycan 飛肯設計學苑
BTN

網頁設計

CSS 進階 教學課程
CSS3 Flex 排版應用班

揮別過去 float 及 inline-block 的不便與問題!強大的 CSS3 flex 可以更自由地編排網頁版面,而不用受限於區塊的順序及位置。

CSS3 Flex 排版應用班 【二四晚班】 【洪興政(丸子)老師】

CSS3 Flex 教學課程資訊

CSS3 Flex 適合對象

CSS3 Flex 報名資格

CSS3 Flex 教學課程簡介

飛肯講師均來自業界在職高手中的高手,老師上課時會帶著同學實做練習,課堂有很多很多的教學範例作品,老師隨側指導同學,解說再練習,學習效果佳,教學口碑看得到!練熟之後就可以馬上應用在你的工作上喔!

老師會因應國內職場的需求變化,做課程內容和範例作品的即時調整與修改,確保本課程的實用性和即時性。

本課程分為三個大項

1. Flex 屬性說明及實作
2. CSS3 實戰排版
3. Flex 排版常用 CSS3 屬性介紹及說明

透過實際版面的編排,去了解及熟悉 Flex 的特性,以及排版時常用會到的 CSS3 屬性,包含選取器的應用、利用漸層取代圖片,利用字型取代 icon,大量的減少圖片的使用。
強大的 flex 可以更大限度的去自由調整你的版面,而不用受限於區塊的順序及位置
揮別過去 float 及 inline-block 會造成的問題,盡情的寫出你想要的版面。

CSS3 Flex 教學課程大綱

【教學主題一】 Flex 排版與常用選取器

  • flex 排版與 CSS3 選取器的應用
  • 利用 before & after 偽類配合 flex
  • 善用 CSS3 選取器減少物件的命名
  • 編排上更具彈性的 flex 版面

【教學主題二】 Flexbox屬性介紹

  • flex 排版的優勢
  • flex 相容性問題
  • flex 排版系統概念
  • flex 屬性介紹

【教學主題三】 Flexbox實戰排版

  • 將傳統排版方式改為 flex
  • 各種不同版面的 flex 排版
  • flex 對應 RWD 上的好處 4.
  • 做到傳統 float 排版難以做到的效果
  • 輕易做到垂直置中
  • 特殊版面編排


【 以上課程資料由授課講師親自編寫,版權為授課講師所有,版權所有侵權必究 】

 

 

課程首頁】 【最新開課時間表範例教學分享區】 【企業包班教育訓練】 【詢問課程】 【FB 粉絲團】 【問題討論區】 【誠徵講師

 

台北市公園路 30-1 號 5 樓 【交通位置圖】 服務電話:(02)2370-1122 / 簡訊留言: 0925-014-000 / 服務信箱: service@flycan.com.tw
服務時間:(平日)下午 2 點 ~ 晚上 10 點 / (假日)早上 9 點 ~ 下午 5 點

 

飛肯設計學苑

台北市短期補習班立案 第 6631 號

https://www.flycan.com.tw/ - 網頁設計教學網站 - 電腦教育中心