優勢多媒體前端互動設計 - DWWD

Dreamweaver專業網頁編輯應用

Dreamweaver Design
  • 時數：24小時
  • 費用：NT$ 8,400
  • 點數：2.5

選擇查詢分區開課時間

地點 班號 日期 時間 報名
台北 651 班 2023/12/19 ~ 2023/12/25 每週一二三四五 09:00~16:00 報名

目前查無開課時段

詳細開課時間請洽詢業務
新竹、台中、高雄如有上課需求，請參考台北開課日期，洽當地服務人員依需求加開遠距開課日期

聯絡恆逸

教材

優勢精選教材

課程目標

本課程將學習如何從網頁的基礎內容編輯開始，進行HTML檔案格式的編排與設計，了解網頁格式的特殊性，以及如何完成網站架構規劃，使用免費的網頁空間完成網站架設，對於之前從沒有學過網頁設計的人來說，這一門課程可以讓您學到最實用的網頁設計技巧，並為進階的CSS排版，及HTML5等新技術打好基礎。

學會了網頁的完整內容編輯並有能力完成網站後，最需要進一步學習的專業即是網頁進階版面整合編排技巧，包括與Photoshop設計的版型切割整合完成網站，內頁框等進階頁面編排方法，再加上基礎JavaScript效果與基礎AP元素(div)應用，讓您的網站開始有互動功能，包括以滑鼠開關顯示隱藏頁面內容、拖曳頁面內容等，加上以實際完整網站建置範例，讓您即學即用，開心完成專業網站設計的第一步。

最後本課程也將讓您開始接觸下一階段的網頁專業，即是CSS的使用，先輕鬆跟CSS第一類接觸，嘗試開始使用CSS，做好學習CSS排版的準備。

適合對象

欲學習專業網站建置與編輯應用者

課程內容

1.網站定義與基本操作

1-1網頁檔案基本規則

1-2 定義網站

1-3 檔案基本操作

1-4 網頁文字資料

1-5 空白字元

1-6 清單

1-7 頁面屬性

1-8 插入影像

1-9 滑鼠互動影像

1-10 文字與影像排版

2.網頁影像與Photoshop快速整合

2-1 網頁影像格式

2-2 旋轉與更改影像尺寸

2-3 影像裁切

2-4 去背圖編輯應用

2-5 網頁GIF動畫

2-6 網頁替換影像按鈕

3.表格與網頁頁面內容編排

3-1插入表格

3-2表格屬性設定與表格外觀

3-3 表格與網頁頁面尺寸

3-4 隱形表格應用—頁面版面分欄編排

3-5 表格編排- 縮排應用

3-6 表格編排- 項目符號應用

3-7 表格編排應用-首頁編排

3-8 表格編排應用-內頁編排

4.連結設定完成網站

4-1文字與圖片連結設定

4-2 連結文字屬性設定

4-3 影像地圖連結

4-4 錨點連結

5.Photoshop進階影像切割與網頁版面設計整合

5-1 使用分割建立影像切片

5-2 使用切片工具建立影像切片

5-3 影像切割與背景圖應用

5-4 網站設計版面切割與完成網站

5-5 版面切割與iframe應用

6.互動控制與行為效果

6-1 用AP元素(div)跨出網站編輯限制

6-2 加入JavaScript行為

6-3 套用彈出訊息行為

6-4 套用調換影像行為

6-5 套用拖曳AP元素(div)行為

6-6 套用顯示隱藏AP元素(div)行為

6-7 整合AP元素控制-互動產品說明

6-8 jQuery效果

6-9 覆蓋版面廣告的效果應用

  1. CSS基礎

    7-1 如何開始設定CSS

    7-2 CSS設定文字屬性

    7-3 CSS設定背景圖

    7-4 類別選取器控制頁面內容設定

    7-5 CSS基礎圖文編排

*附錄 / 申請免費網站空間與上傳發佈網站

學會技能

  1. 獨立完成表格排版的網站
  2. 輕鬆整理準備網頁所需使用的標準規格圖片
  3. 擁有網站圖片切圖、GIF動畫製作的能力
  4. 了解網頁切圖與頁面編排的應用
  5. CSS基礎與JavaScript使用基礎

備註事項

學生優惠價：參加校園IT職涯學習護照方案，享有5折優惠價NT$4,200元

課程範例：