Dreamweaver & CSS 網頁版型設計班【週五晚班】 【黃佩琪 老師】
- 課程日期：2014 年 12 月 5 日 ~ 2015 年 1 月 30 日
- 課程日期：12/5、12/12、12/19、12/26、1/9、1/16、1/23、1/30
- 課程時間：星期五 / 晚上 6:50~9:50
Dreamweaver & CSS 網頁版型設計班【一三晚班】 【洪銘徽 老師】
- 課程日期：2014 年 12 月 15 日 ~ 2015 年 1 月 12 日
- 課程日期：12/15、12/17、12/22、12/24、12/29、1/5、1/7、1/12
- 課程時間：星期一、三 / 晚 6:50~9:50
課程資訊
- 課程學費：7500 元【新生線上報名特價 6800 元 / 舊生報名特價 6500 元】
- 付款方式：開課當天現場繳費
- 課程時數：每堂課 3 小時 / 共 8 堂課 / 時數共 24 小時 / 共 四 週
- 課程教材：教學講義 / 範例原始檔
- 課程地點：【飛肯設計學苑教室】交通位置圖 > >
- 聯絡電話： (02)2370-1122 / 0925-014-000
適合對象
- 1.沒有學過 Dreamweaver 的人
- 2.沒有學過網頁設計的美術設計人員
- 3.剛入門的網頁設計師
- 4.上班族及學生族自我進修
報名資格
- 1.電腦基本操作
- 2.略通 Photoshop 基本操作者佳（基礎課程請參考「Photoshop 影像設計專修班」）
- 3.完全沒有學過 Dreamweaver的人也可以參加這個課程
課程特色
小班制，面對面教學品質有保障~ 口碑看得見~教室電腦及網路設備完善，一人一機，有大量的範例讓同學現場練習。上課附有老師親自寫的講義及範例原始檔，上完課程之後，需要複習的同學還可申請免費重修喔。
凡是報名「Dreamweaver & CSS 網頁版型設計班」的同學， 飛肯將免費提供您 100MB 網頁空間，可使用期限一年，讓您實際練習上傳網頁，在課堂上跟著老師的教學就可以設計出一個真正的線上網站！
課程簡介
本課程是最基礎的網頁設計入門教學，使用目前業界網頁設計最專業且最普及的軟體 Dreamweaver，課堂上除了對這個軟體的工具操作方法一一解說之外，更著重於實務應用，規劃以完全〝範例〞導向為主，讓學生在課堂上紮紮實實製作出一系列各式各樣的網頁。此外，課程的教學方向將以業界網頁設計製作流程為主軸，介紹如何規劃網站架構、網站檔案結構規劃和各種網頁編排應用整合…等。
Dreamweaver 與 Photoshop 的整合，本課程所要給您的不是只 Dreamweaver 的操作，更強調於「設計」、「網站結構的設計」、「網頁版面的設計」、「網頁配色的設計」、「網頁操作介面的設計」、「使用者閱讀習慣的設計」等。 有些人說只依靠 dreamweaver 做出來的網頁很沒有札實感，似乎少了點什麼，為了加強同學的實力，本課程將會在視覺化網頁設計之中為大家講解 HTML 語法。
Dreamweaver 針對 CSS 語法做了很大的調整，不但可以使您的網頁設計更為專業、更為快速，更可以應用到現在流行的部落格版面編排上喔！但是，原本 CSS 語法的初衷是為了讓網頁設計更便利，大部份一知半解的網頁設計師卻造成更嚴重的錯誤，那就是將 CSS 當成 HTML 在用，這樣做出來的網頁比純 HTML 還要更錯綜複雜，因此如何正確使用 CSS 語法，將會是本課程的重點之一。
課程大綱
【教學主題一】網頁設計基本觀念
- 如何申請網址？如何申請網站空間？
- HTML語法結構
- 何謂 SEO 搜尋引擎最佳化
- Dreamweaver 偏好設定最佳化
- 網站地圖架構規劃 / 網頁設計流程
- <HEAD>標籤 / <META>標籤
- 如何增進您的網頁在搜尋引擎上的排名！
- CSS語法使用面板的調整
【教學主題二】文字、圖片、超連結
- 使用HTML編排文字 / 使用CSS編排文字
- <H1>~<H6> 標籤的使用方法
- <DIV> 標籤的使用時機
- Dreamweaver 與 Photoshop 的整合
- Photoshop 網頁圖形最佳化
- 超連結語法
- 相對路徑 / 絕對路徑 /網路路徑
- <img> 圖片語法 / 正確的圖片路徑
- <P> <BR> 標籤的使用方法
- 最簡潔的文字編排觀念
- 圖檔格式【JPG】、【GIF】、【PNG】分析
- 文字與圖片最佳化編排
- 檔案路徑：如何有效規劃網站檔案結構
【教學主題三】表格式網頁版型設計
- 表格排版的優缺點分析
- 網頁版型結構分析
- 網頁使用者介面的設計
- 三欄式網頁設計與編排
- 100%寬度~三欄式網頁設計與編排
- 網頁配色觀念
- 表格的HTML語法
- 使用 Photoshop 設計網頁版型
- 使用 Photoshop 切割網頁版型
- 兩欄式網頁設計與編排
- 100%寬度~兩欄式網頁設計與編排
- 表格最佳化
【教學主題四】互動式網頁
- 另開小視窗
- 圖層與表格 / 相對位置與絕對位置
- 動態滑動式選單的設計
- Spry 視覺轉場特效
- Spry 伸縮式區塊
- Flash 相片播放器
- 滑鼠事件 / 瀏覽器事件
- 伸縮式內容區塊設計
- 可切換的活頁式內容區塊
- 外掛程式~ 亂數圖片的運用
- Spry 下拉式選單的設計
- Spry 活頁式區塊
【教學主題五】CSS 語法
- CSS 語法入門
- CSS 文字編排語法
- id 與 class 命名區塊
- 文字間距、行距
- 各種超連結變色語法
- 外掛式 CSS 檔案
- 指定區塊、複合式樣式
- CSS 圖形化區塊的應用
- <DIV>標籤的正確使用方法
- 局部超連結變色語法
【教學主題六】網站管理功能
- Dreamweaver 管理網站 / 網站地圖
- 找出網站中沒用到的垃圾檔
- 快速更新整個網站
- 「圖庫」的製作
- 檢查整個網站的錯誤
- 「樣版」「範本」的製作
- 「資源」面板的使用
沒有留言:
張貼留言