【飛肯設計學苑】電腦教育教學中心
教學課程及範例下載，還有photoshop教學、css語法教學、dreamweaver教學、flash actionscript教學、網頁設計教學...等
課程名稱：Dreamweaver & CSS 網頁版型設計班
- 課程梯次：9 月 【二四晚班】
- 課程日期：2010 年 9 月 7 日 ~ 9 月 30 日
- 課程日期：9/7、9/9、9/14、9/16、9/21、9/23、9/28、9/30
- 課程時間：星期二、四 / 晚上 6:50~9:50
Curriculum information
課程資訊
- 授課講師：佩姬 老師
- 課程時數： 8 堂課 / 時數共 24 小時 / 週數共四週
- 課程學費：7500 元【新生線上報名特價 6800 元 / 舊生報名特價 6500 元】
- 付款方式：開課當天現場繳費
- 課程教材：教學講義 / 範例原始檔
- 課程地點：【飛肯教室】交通位置詳圖 > >
- 聯絡電話： (02)2211-1414 / 0925-014-000
Curriculum information
適合對象
- 1.沒有學過 Dreamweaver 的人
- 2.沒有學過網頁設計的美術設計人員
- 3.剛入門的網頁設計師
- 4.上班族及學生族自我進修
Registration qualifications
報名資格
- 1.略通電腦基本操作
- 2.略通 Photoshop 基本操作
- 3.完全沒有學過 Dreamweaver的人也可以參加這個課程
Curriculum characteristic
課程特色
10人左右超小班制，面對面教學品質有保障~ 口碑看得見~教室電腦及網路設備完善，一人一機，有大量的範例讓同學現場練習。上課附有老師親自寫的講義及範例原始檔~ 上完一次課程後可申請多次免費重修喔！！！
凡是報名「Dreamweaver & CSS 網頁版型設計班」的同學， 我們將免費提供您 100MB 網頁空間，讓您實際上線練習，設計出一個真正的網站~
Curriculum synopsis
課程簡介
本課程是最基礎的網頁設計入門，使用目前業界網頁設計最專業且最普及的軟體 Dreamweaver，課堂上除了對這個軟體的工具操作方法一一解說之外，更著重於實務應用，規劃以完全〝範例〞導向為主，讓學生在課堂上紮紮實實製作出一系列各式各樣的網頁。此外，課程的教學方向將以業界網頁設計製作流程為主軸，介紹如何規劃網站架構、網站檔案結構規劃和各種網頁編排應用整合…等。
Dreamweaver 與 Photoshop 的整合，本課程所要給您的不是只 Dreamweaver 的操作，更強調於「設計」、「網站結構的設計」、「網頁版面的設計」、「網頁配色的設計」、「網頁操作介面的設計」、「使用者閱讀習慣的設計」等。 有些人說只依靠 dreamweaver 做出來的網頁很沒有札實感，似乎少了點什麼，為了加強同學的實力，本課程將會在視覺化網頁設計之中為大家講解 HTML 語法。
Dreamweaver 針對 CSS 語法做了很大的調整，不但可以使您的網頁設計更為專業、更為快速，更可以應用到現在流行的部落格版面編排上喔！但是，原本 CSS 語法的初衷是為了讓網頁設計更便利，大部份一知半解的網頁設計師卻造成更嚴重的錯誤，那就是將 CSS 當成 HTML 在用，這樣做出來的網頁比純 HTML 還要更錯綜複雜，因此如何正確使用 CSS 語法，將會是本課程的重點之一。
Curriculum subject
課程大綱
【主題一】網頁設計基本觀念
- 如何申請網址？如何申請網站空間？
- 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 管理網站 / 網站地圖
- 找出網站中沒用到的垃圾檔
- 快速更新整個網站
- 「圖庫」的製作
- 檢查整個網站的錯誤
- 「樣版」「範本」的製作
- 「資源」面板的使用