曾經對某個網頁激賞不已,想要學習卻不知從何下手?開始網頁設計、排版,有些細節卻總是無法微調?減省時間不再走冤枉路!一門讓你受用一輩子的網頁課!不只學技術也從核心觀念扎根,過去讀不懂的原始碼、理不清的排版問題,Amos 老師帶您一次從原理搞懂!

課程大綱

一、​HTML 是什麼

  • 關於網頁二三事
  • HTML 的結構
  • HTML 觀念一點通
  • 各式網頁標籤意義
  • 如何撰寫一個具有意義的網頁
  • 語意的重要性
  • 何謂 SEO
  • SEO 與網頁的關係

二、變數型撰寫網頁的重要習慣

  • 原始碼縮排
  • Sublime Text 操作應用
  • 為何我們需要專有名詞
  • 溝通與發問的技巧

三、CSS 樣式入門

  • 樣式的寫法
  • 樣式的重要觀念
  • 超重要的樣式優先權
  • 重要的區塊與行屬性

四、重要的 CSS 選取器與實務應用

  • Tag Select
  • Class Select
  • ID Select
  • Pseudo Class Select
  • Pseudo Elements
  • 選取器實務應用方式

五、Float 浮動與清除浮動

  • 什麼是 Float?
  • 如何清除浮動?
  • 如何避開浮動?

六、定位屬性

  • 固定定位特性
  • 絕對定位特性
  • 相對定位特性
  • 定位應用實例
  • 蓋版廣告
  • 側邊廣告
  • 商品標籤

七、Flex 彈性排版

  • Flex
  • 彈性排版的重要觀念
  • 什麼是彈性排版?
  • 多欄版面製作
  • 排版起手式與原理
  • 直排橫排隨你變
  • 換行與注意事項

八、排版實務

  • 選單製作
  • 兩欄式版面入門
  • 三欄版面排版實務
  • 商品頁面排版實務
  • 單頁網頁製作
  • 加碼內容(依課程進度動態增減)─Grid 排版

講師資訊

李建杭 Amos Lee

  • 資策會(臺北、中壢)講師
  • Modern Web 講者
  • 亞馬勁雲科技前端工程師
  • 國立臺中科技大學業界專家講師
  • 致理科技大學業界專家講師
  • 元培醫事科技大學業界專家講師
  • 凌網科技視覺設計師

課程適合對象

  • 想嘗試程式領域的新手
  • 想找到一起進步的夥伴
  • 想改變生活,嘗試不同可能性的人
  • 想學會如何用 HTML 與 CSS 切版的人

課程時數

24 小時

多堂課程上課時間

  • 第 1 次上課

    2018/11/07 19:00 ~ 22:00

  • 第 2 次上課

    2018/11/09 19:00 ~ 22:00

  • 第 3 次上課

    2018/11/12 19:00 ~ 22:00

  • 第 4 次上課

    2018/11/14 19:00 ~ 22:00

  • 第 5 次上課

    2018/11/21 19:00 ~ 22:00

  • 第 6 次上課

    2018/11/23 19:00 ~ 22:00

  • 第 7 次上課

    2018/11/28 19:00 ~ 22:00

  • 第 8 次上課

    2018/11/30 19:00 ~ 22:00

上課注意事項

  • 課程內容、日期及講師可能因故有所修改,主辦單位保留異動之權利。
  • 學員需自備筆記型電腦。
  • 本次課程僅開放 30 人報名。
  • 報名費不包含餐費。
  • 若報名學員人數不足 10 人,將視情況取消當次課程,並全額退還報名費用。
  • 如有企業或團體課程需求,歡迎直接來信 course@5xruby.tw 洽詢。

立即報名

優惠價 13500 元 2018/08/07 19:00 ~ 2018/11/07 19:00 報名截止

本課程由 五倍紅寶石 發佈

課程問答

我要提問

對課程有任何問題,都歡迎在這裡向開課單位提問

開課單位

五倍紅寶石

從入門到進階,我們規劃了一系列專業網站開發課程,無論您是資訊新手或是專業工程師,感謝您選擇五倍紅寶石作為你增強關鍵實力的墊腳石!

五倍紅寶石其他精彩課程

已結束
0 人收藏

五倍紅寶石 五倍紅寶石

已結束
0 人收藏

五倍紅寶石 五倍紅寶石

相關課程

ASP.NET Web Form應用程式新手必學秘笈

3600 元起

02/01 (五) 新北市

0 人收藏

TibaMe學習網 TibaMe學習網

Let's Vue! 前端開發入門到實戰

2200 元起

02/01 (五) 新北市

0 人收藏

TibaMe學習網 TibaMe學習網