課程簡介：
曾經對某個網頁激賞不已，想要學習卻不知從何下手？
開始網頁設計、排版，有些細節卻總是無法微調？
節省時間不再走冤枉路！一門讓你受用一輩子的網頁課！
不只學技術也從核心觀念扎根，過去讀不懂得原始碼，理不清的排版問題，Amos 老師帶您一次從原理搞懂！
✨早鳥優惠倒數中✨
現在立即報名享折扣 NTD 3000 元
你將會學到：
- 具 SEO 效益的網頁設計
- 高效的 CSS 選取方式
- 詳細扎實的 CSS 原理與概念
- CSS 排版與定位技能
- 多樣類型的版面製作方式
- 專案實務的切版規劃
本講座適合：
- 想嘗試程式領域的新手
- 想找到一起進步的夥伴
- 想改變生活，嘗試不同可能性的人
- 想學會如何用 HTML / CSS 切版的人
課程大綱：
- 關於網頁二三事
- HTML 的結構
- HTML 觀念一點通
- 各式網頁標籤意義
- 如何撰寫一個具有意義的網頁
- 語意的重要性
- 何謂 SEO
- SEO 與網頁的關係
- 原始碼縮排
- Sublime Text 操作應用
- 為何我們需要專有名詞
- 溝通與發問的技巧
第 0 堂： HTML 是什麼
HTML 是什麼
撰寫網頁的重要習慣
- 樣式的寫法
- 樣式的重要觀念
- 超重要的樣式優先權
- 重要的區塊與行屬性
- Tag select
- Class select
- ID select
- Pseudo class select
- Pseudo-elements
- 選取器實務應用方式
- 什麼是 Float
- 清除浮動？避開浮動？
- 浮動
- 固定定位特性
- 絕對定位特性
- 相對定位特性
- 定位應用實例
- 蓋版廣告
- 側邊廣告
- 商品標籤
第 1 堂： CSS 樣式入門與 CSS 選取器
CSS 樣式入門
重要的 CSS 選取器與實務應用
第 2 堂： Float 浮動與定位屬性
Float 浮動＆清除浮動
定位屬性
第 3 堂： Flex 彈性排版與排版實務
Flex 彈性排版
- Flex
- 彈性排版的重要觀念
- 什麼是彈性排版
- 多欄版面製作
- 排版起手式與原理
- 直排橫排隨你變
- 換行與注意事項
排版實務
- 選單製作
- 兩欄式版面入門
- 三欄版面排版實務
- 商品頁面排版實務
- 單頁網頁製作
加碼內容（依課程進度動態增減）
- Grid 排版
課程資訊
HTML 網頁設計新手村
上課日期：
‣ 09/01 （六）、 09/08 （六）、 09/15 （六）、 09/29 （六）
- 講座內容、日期及講師可能因故有所修改，主辦單位保留異動之權利。
- 學員需自備筆記型電腦。
- 本次講座僅開放 30 人報名。
- 報名費不包含餐費。
- 若報名學員人數不足 10 人，將視情況取消當次講座，並全額退還報名費用。
- 如有企業或團體講座需求，歡迎直接來信洽詢。
上課時間：
‣10:00 ~ 17:00（6hrs / 天，共計 24hrs）
上課地點：
‣ 五倍紅寶石出礦坑
學費：
‣ 原價 $16,500 （ 前 15 名繳費享：早鳥價 $13,500 目前還有名額！）
費用包含：
‣ 五倍紅寶石結訓證書乙份
攜帶物品：
‣ 請自備筆記型電腦，現場將提供 Wi-Fi，供您實作喔！
注意事項
五倍紅寶石程式教育平台網址 https://5xruby.tw/
講師：李建杭 Amos
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
講師介紹 一 李建杭 Amos
經歷
五倍紅寶石 講師資策會(台北、中壢) 講師
視覺設計師
Modern Web 研討會講者
💎💎💎💎💎💎💎💎💎💎超值加購方案💎💎💎💎💎💎💎💎💎💎
2 人同行 or 一次購買 2 堂課，可享 95 折優惠
3 人同行 or 一次購買 3 堂課，可享 9 折優惠
更多團報 or 相關課程諮詢請洽： 02 - 2331-8188
💎💎💎💎💎💎💎💎💎💎💎💎💎💎💎💎💎💎💎💎💎💎💎💎💎💎
