HTML 網頁設計新手村 - 假日班 | 五倍紅寶石

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

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

開課時段 2021 / 5 月|假日班5/1 (六)、5/8 (六)、5/15 (六)、5/22 (六) 10:00 - 17:00,共計 24 小時

原價 NTD 16,500 優惠價 NTD 13,500

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-5247

報名及付款方式:

  1. 點擊「 立即報名課程 」。
  2. 選擇付款方式 (一次付清、分期付款)。
  3. 舊生、團報優惠以及其他優惠折扣,請私訊五倍紅寶石粉絲專頁將由課務專員為您服務。

注意事項:

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

聽聽看同學怎麼說