Amos Lee 李建杭 | CSS 動畫課程教學 | RWD 課程教學推薦 | 五倍紅寶石

講師

李建杭 (Amos Lee)

資策會(台北、中壢) 講師
ModernWeb 研討會講者
亞馬勁雲科技前端工程師
中科大業界專家課程 講師
致理技術學院業界專家 講師
元培醫事科技大學業界專家 講師
凌網科技視覺設計師

本課程適合

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

你將會學到

  • 具 SEO 效益的網頁設計
  • 高效的 CSS 選取方式
  • 詳細扎實的 CSS 原理與概念
  • CSS 排版與定位技能
  • 多樣類型的版面製作方式
  • 專案實務的切版規劃

HTML & CSS 的必學理由

要進入網頁開發的世界,HTML & CSS 可說是基本中的基本,後端工程師應該要懂,想走網頁設計或前端開發的你更應該要學!若是從事行銷工作,在本課程也可學習到如何撰寫具 SEO 效益的網頁設計,不論是要自行開發或與網頁開發人員溝通,都讓你在工作上更為加分!

五倍紅寶石的 HTML 網頁設計新手村,由業界擁有豐富教學經驗的 Amos 老師,一步步帶領你從零開始,一門讓你受用一輩子的網頁課!不只學技術也從核心觀念扎根,過去讀不懂的原始碼,理不清的排版問題,Amos 老師帶您一次從原理搞懂!

扎實課程內容搶先看

HTML 網頁設計新手村 - 假日班

第一階段:基礎觀念建立

你是否曾經想接觸網頁原始碼,但發現自己不知從何下手呢?在第一階段中,Amos 老師將會解釋 HTML 的結構,並建立網頁語意與各個網頁標籤的重要基礎觀念,融會貫通後再進行網頁架構的撰寫,讓你學習不走冤枉路!

此外也會帶領同學們如何使用網頁編輯軟體「Sublime Text」,使用純文字編輯器撰寫網頁原始碼,打好網頁開發基礎!

HTML 網頁設計新手村 - 假日班

第二階段:CSS 入門與實務應用

瞭解 HTML 架構後,要讓網頁有美美的顏色與排版,最不可或缺的就是 CSS 樣式,但到底什麼是 CSS?又應該把 CSS 檔案如何套用在 HTML 上呢?在本階段都會詳細的告訴你!

舉凡樣式的寫法與超重要的樣式優先權、區塊與行屬性,每一項都是網頁開發的根本,身為網頁初心者絕對不可錯過的精華課程!

HTML 網頁設計新手村 - 假日班

第三階段:入手排版三大神器

初學網頁設計,在克服了一開始的 HTML 架構與 CSS 樣式套用後,另一大關卡就是分析網頁的結構,並將各個區塊排到應該在的地方,在這個階段將會帶領大家認識排版三大神器「Float 浮動」、「定位屬性」與「Flex 彈性排版」,學會三大排版方式,讓你不再困擾於理不清的排版問題,網頁設計開發隨心所欲!

HTML 課程內容

一、​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 排版

五倍紅寶石課程提供

程式網頁設計課程結業證書證明 | 五倍紅寶石

課程結業證書證明

程式網頁設計線上補課 | 五倍紅寶石

每週二獨家默默會讓你問題問到飽 & 業界高手一同交流

前端後端課程詢問 | 五倍紅寶石

共同討論課程群組,老師同學即時交流

程式課程環境 | 五倍紅寶石

舒適教室環境,備有插座及快速穩定免費 wifi 連線操作

程式網頁設計線上補課 | 五倍紅寶石

線上補課,不怕跟不上進度!

程式課程貓 | 五倍紅寶石

吉祥物貓貓加持

五倍紅寶石上課環境、地點

上課地點:台北市中正區衡陽路 7 號 5 樓
交通資訊:台大醫院站 1 號出口 (走路 4 分鐘)

立即揪團課程享折扣(名額有限)

超值加購方案

2 人同行 or 一次購買 2 堂課,可享 9 折優惠

3 人同行 or 一次購買 3 堂課,可享 85 折優惠

更多團報 or 相關課程諮詢請洽 02 - 2331-8188

立即報名搶位

報名及付款方式:

  1. 點擊「立即報名搶位」連結並填寫表單。
  2. 課程達開課人數後,我們會主動寄發繳費連結。
  3. 線上繳費(刷卡或匯款),或是現場現金或刷卡繳款。
  4. 匯款帳號資訊:
    • 銀行:華南商業銀行 營業部
    • 帳號:100-10-034068-2
    • 戶名:五倍紅寶石股份有限公司附設臺北市私立五倍紅寶石文理技藝短期補習班

注意事項:

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

聽聽看同學怎麼說