實體課程
HTML CSS 給新手的網頁設計入門課程【一三晚班】
- 課程日期：2023 年 9 月 11 日 ~ 10 月 4 日
- 課程日期：9/11、9/13、9/18、9/20、9/25、9/27、10/2、10/4
- 課程時間：星期一三 / 晚上 7:00 ~ 10:00
- 授課講師：黃芷沄 老師
HTML CSS 網頁設計課程資訊
- 課程費用：【新生報名 7800 元】【飛肯舊生 7400 元】
- 繳費時間：開課當天現場繳費
- 繳費方式：現金 / 刷卡 / 匯款 （現金繳費可再享 200 元折扣）
- 上課地點：飛肯教室（ Google 地圖 ）
- 免費贈送：付費上完課程後的兩年之內可以登記「免費重修」「免費補課」本課程
- 註解說明：本課程在 2020 年之前的原名稱為「Dreamweaver & CSS 網頁設計入門課程」
HTML CSS 網頁設計課程報名資格
- 1. 熟悉電腦基本操作
- 2. 本課程是 HTML CSS 網頁設計的入門教學課程
- 3. 完全沒有學過 HTML CSS 網頁設計也可以參加這個課程
HTML CSS 網頁設計課程適合對象
- 1. 對網頁設計有工作需求的人
- 2. 完全沒有學過網頁設計的人
- 3. 沒有學過 HTML CSS 的人
- 4. 平面設計師進修
HTML CSS 網頁設計課程簡介
台北 HTML CSS 網頁設計入門課程推薦：本課程是最基礎的網頁設計入門、網站架構與網頁結講分析教學，課堂上除了對這個軟體的工具操作方法解說之外，更著重於網頁設計的實務應用，規劃以完全〝網頁設計範例〞導向為主，讓學生在課堂上紮紮實實製作出一系列各式各樣的網頁設計版型。此外，課程的教學方向將以業界網頁設計製作流程為主軸，介紹如何規劃網站設計架構、網站檔案結構規劃和各種網頁編排應用整合…等。
HTML CSS 網頁設計與排版入門教學，本課程調於「 網頁 UI 設計」、「 UX 概念啟發」、「網頁設計的結構」、「網頁版型的設計」、「使用者閱讀習慣的設計」等。
為了加強同學的實力，網頁設計入門教學課程將會為大家詳細講解 HTML 語法 和 CSS 語法，讓您真正了解網頁設計真正的核心語法部份
老師上課時會帶著同學實做網頁設計範例練習，課堂有很多的網頁設計排版教學範例，老師隨側指導同學，一步一步解說再練習，學習效果佳，教學口碑看得到！練熟之後就可以馬上應用在你的網頁站計工作上喔！
HTML CSS 網頁設計課程大綱
老師會因應語法的更新和職場的需求變化，對課程內容調整與修改。
【教學主題一】學網頁設計基本觀念
- 如何申請網址？如何申請網站空間？
- HTML語法結構
- 何謂 SEO 搜尋引擎優化
- 網頁基本 HTML 結構
- 網站地圖架構規劃 / 網頁設計流程
- <HEAD>標籤 / <META>標籤
- 如何增進您的網頁在搜尋引擎上的排名！
- FTP 將網頁上傳到網路上
【教學主題二】學網頁設計 UI 的設計 與 UX 的啟發
- 網頁版型 UI 設計與排版
- 網頁使用者的閱讀習慣設計與排版
- 如何加強內容的可閱讀性
- 站內網頁的階層與交互連結
- 主選單與次選單該如何編排
- 網頁各種功能區塊的交互作用
- 動態內容操作 UI 流程的設計
【教學主題三】學網頁設計文字、圖片、超連結
- 使用HTML編排文字 / 使用CSS編排文字
- <H1>~<H6> 標籤的使用方法
- <DIV> 標籤的使用時機
- 超連結語法
- 相對路徑 / 絕對路徑 /網路路徑
- 檔案路徑：如何有效規劃網站檔案結構
- <img> 圖片語法 / 正確的圖片路徑
- <P> <BR> 標籤的使用方法
- 最簡潔的文字編排觀念
- 圖檔格式【JPG】、【GIF】、【PNG】分析
- 文字與圖片最佳化編排
【教學主題四】表格式網頁排版 UI 設計
- 表格排版的優缺點分析
- 網頁版型結構分析
- 網頁使用者介面的設計
- 表格的 HTML 語法
- 使用表格設計網頁版型
- 表格最佳化
【教學主題五】網頁設計 CSS 語法入門
- CSS 語法入門
- CSS 文字編排語法
- id 與 class 命名區塊
- 文字間距、行距
- 各種超連結變色語法
- 外掛式 CSS 檔案
- 指定區塊、複合式樣式
- CSS 圖形化區塊的應用
- <DIV>標籤的正確使用方法
- 局部超連結變色語法
【教學主題六】CSS DIV 網頁排版 UI 設計
- CSS DIV 排版的優缺點分析
- 網頁版型結構分析
- 網頁使用者介面的設計
- DIV 的 HTML 語法
- 使用 CSS DIV 設計網頁版型
- CSS DIV 最佳化
