零基礎入門網頁設計
Dreamweaver & CSS 網頁設計入門班
札札實實打好網頁設計入門基本功夫，Dreamweaver 是學習網頁設計最快的工具，HTML CSS 與 Photoshop 整合網頁切版教學。
現在報名 Dreamweaver 網頁設計入門課程我們就送您一年份的網站空間，讓您在上課時就能設計出一個真正的線上網站喔！
Dreamweaver & CSS 網頁設計課程 【一三晚班】【洪銘徽老師】
- 課程教學日期：2021 年 6 月 7 日 ~ 7 月 5 日
- 課程教學日期：6/7、6/9、6/16、6/21、6/23、6/28、6/30、7/5
- 課程教學時間：星期一、三 / 晚上 7:00 ~ 10:00
Dreamweaver 學網頁設計教學 - 課程資訊
- 【 新生報名特價 7800 / 舊生會員特價 7200 】限時特價：付現金再折 200 元
- 付款方式：開課當天現場繳費【 現金 / 刷卡 / 匯款 / 支票 】
- 教學時數：每堂課 3 小時 / 共 8 堂課 / 共 4 週
- 教學教材：網頁設計教學講義 / 網頁設計範例原始檔
- 上課地點：飛肯設計學苑 - 台北教室 【教室照片】【Google地圖】
- 聯絡電話：(02) 2370-1122
- 贈送服務：現在報名本課程，飛肯就送您一年份的網站空間，讓您在上課時就能設計出一個真正的線上網站！
Dreamweaver 學網頁設計教學 - 課程適合對象
- 1. 對網頁設計有工作需求的人
- 2. 完全沒有學過網頁設計的人
- 3. 沒有學過 Dreamweaver 網頁設計的人
- 4. 剛剛入門的網頁設計師進修
Dreamweaver 學網頁設計教學 - 課程報名資格
- 1. 熟悉電腦基本操作
- 2. 會 Photoshop 基本操作者較佳，（課程推薦：「Photoshop 視覺設計影像合成入門課程」）
- 3. 完全沒有學過 Dreamweaver 網頁設計的人也可以參加這個課程
- 4. 完全沒有學過 Photoshop 影像設計的人也可以參加這個課程
Dreamweaver 學網頁設計教學 - 課程簡介
台北 Dreamweaver 網頁設計入門課程推薦：本課程是最基礎的網頁設計入門、網站架構與網頁結講分析教學，使用 dreamweaver 教學，課堂上除了對這個軟體的工具操作方法解說之外，更著重於網頁設計的實務應用，規劃以完全〝網頁設計範例〞導向為主，讓學生在課堂上紮紮實實製作出一系列各式各樣的網頁設計版型。此外，課程的教學方向將以業界網頁設計製作流程為主軸，介紹如何規劃網站設計架構、網站檔案結構規劃和各種網頁編排應用整合…等。
Dreamweaver網頁設計排版入門教學 與 Photoshop網頁版型切版的整合教學，本課程所要給您的不是只 Dreamweaver 的操作，更強調於「 網頁 UI 設計」、「 UX 概念啟發」、「網站設計的結構」、「網頁版型的設計」、「網頁配色的規劃」、「使用者閱讀習慣的設計」等。
單單只依靠 dreamweaver 做網頁會很沒有札實感，似乎少了點什麼，為了加強同學的實力，本網頁設計入門教學課程將會為大家講解 HTML 語法 和 CSS 語法，讓您真正了解網頁設計真正的核心語法部份
飛肯講師均來自業界在職高手中的高手，老師上課時會帶著同學實做網頁設計範例練習，課堂有很多的網頁設計排版教學範例，老師隨側指導同學，一步一步解說再練習，學習效果佳，教學口碑看得到！練熟之後就可以馬上應用在你的網頁站計工作上喔！
Dreamweaver 學網頁設計教學 - 課程大綱
老師會因應職場的需求變化，做課程內容和範例的即時調整與修改，確保本課程的實用性和即時性。
【教學主題一】學網頁設計基本觀念
- 如何申請網址？如何申請網站空間？
- HTML語法結構
- 何謂 SEO 搜尋引擎優化
- Dreamweaver 偏好設定最佳化
- 網頁基本 HTML 結構
- 網站地圖架構規劃 / 網頁設計流程
- <HEAD>標籤 / <META>標籤
- 如何增進您的網頁在搜尋引擎上的排名！
- FTP 將網頁上傳到網路上
【教學主題二】學網頁設計 UI 的設計 與 UX 的啟發
- 網頁版型 UI 設計與排版
- 網頁使用者的閱讀習慣設計與排版
- 如何加強內容的可閱讀性
- 站內網頁的階層與交互連結
- 主選單與次選單該如何編排
- 網頁各種功能區塊的交互作用
- 動態內容操作 UI 流程的設計
【教學主題三】學網頁設計文字、圖片、超連結
- 使用HTML編排文字 / 使用CSS編排文字
- <H1>~<H6> 標籤的使用方法
- <DIV> 標籤的使用時機
- Dreamweaver 與 Photoshop 的網頁排版整合
- Photoshop 網頁圖形最佳化
- 超連結語法
- 相對路徑 / 絕對路徑 /網路路徑
- <img> 圖片語法 / 正確的圖片路徑
- <P> <BR> 標籤的使用方法
- 最簡潔的文字編排觀念
- 圖檔格式【JPG】、【GIF】、【PNG】分析
- 文字與圖片最佳化編排
- 檔案路徑：如何有效規劃網站檔案結構
【教學主題四】表格式網頁排版 UI 設計
- 表格排版的優缺點分析
- 網頁版型結構分析
- 網頁使用者介面的設計
- 三欄式網頁設計與編排
- 100%寬度~三欄式網頁設計與編排
- 網頁配色觀念
- 表格的HTML語法
- 使用 Photoshop 設計網頁版型
- 使用 Photoshop 切割網頁版型
- 兩欄式網頁設計與編排
- 100%寬度~兩欄式網頁設計與編排
- 表格最佳化
【教學主題五】學網頁設計 CSS 語法入門
- CSS 語法入門
- CSS 文字編排語法
- id 與 class 命名區塊
- 文字間距、行距
- 各種超連結變色語法
- 外掛式 CSS 檔案
- 指定區塊、複合式樣式
- CSS 圖形化區塊的應用
- <DIV>標籤的正確使用方法
- 局部超連結變色語法
