Dreamweaver + Photoshop + Flash 多媒體網頁玩美必修技(附DVD*2)

作者:林安琪、于冠雲

出版社:碁峰

出版日期:2010年02月05日

語言:繁體中文  ISBN:9789861818894

書號:EU0081

定價:520元  75折價:390元

有看部落格的才有此優惠ㄛ

內容簡介

一次學會專業網頁設計與製作
輕鬆完成個人網頁及專屬網站

想真正設計好美麗網頁,這樣學習準沒錯!
  學會影像處理
  學會文字藝術
  學會素材製作
  學會動畫製作
  學會多媒體運用
  學會網頁建立
  學會網頁特效
  學會網頁版面設計
  學會歡迎頁面製作

  很多人都有這樣的困擾?學過影像處理,也會做一些動畫,更是花時間學了網頁設計,但仍然做不出像樣的網頁。

  很多人也有這樣的問題?想要製作個人專屬網頁,但是卻不會影像處理,也不會動畫設計。

  現在,就讓這本書來幫您解決這些疑難雜症。不用學會Photoshop及Flash的所有招式,只要掌握關鍵技巧,你也可以簡單的做出專業網站設計。

  本書以Dreamweaver為主體,利用Photoshop及Flash設計網頁所需的素材。Photoshop是網頁影像的基礎工具,不論是特效文字、背景、按鈕及簡單的GIF動畫…等,都可完美產生;Flash是網頁動畫的靈魂,使網頁更加的活潑生動,創造出令人驚豔的動態效果;Dreamweaver是網頁的總工程師,可利用Photoshop及Flash所產生的影像與動畫來強化網頁內容。

  書中共分成四篇:「網頁的影像處理篇」、「網頁的多媒體動畫篇」、「網頁設計篇」、「網站進階篇」。逐步學習,不僅可學會Photoshop的影像特效、Flash的動畫製作,以及Dreamweaver的網頁設計;更重要的是,能更精準、有效率的製作出實用的美麗網頁。

  如果不喜歡太多的文字敘述,本書提供了更輕鬆的學習管道,請直接瀏覽影音教學光碟(近200分鐘超值影片)吧!想學什麼就點什麼,依樣邊學邊操作,網頁設計就能輕鬆上手。

附書光碟內容

  近200分鐘超值影音教學檔、範例素材檔、範例完成檔、學習評量素材檔

  Photoshop、Flash、Dreamweaver CS4試用版

章節目錄

Part Ⅰ:網頁的「影像處理」篇
(Photoshop 在 Dreamweaver 的應用)

Chapter 1 環境設定與基本操作
不管是網頁或部落格相簿,通常都會限制圖片的尺寸,這章就先暖身學會 Photoshop 的影像尺寸的調整、選取與變形的基本技巧。
1-1 工作區導覽
1-2 建立新檔案與設定
1-3 裁切與更改影像尺寸
1-4 選取
1-5 圖層
1-6 變形

Chapter 2 文字藝術
設計網頁,除了影像和動畫是重頭戲之外,妥善的文字處理,常會有畫龍點睛的效果。所以本章要學會建立各種文字特效如路徑文字、區域文字、鏡像文字、影像文字、3 D文字等, 不但可以應用在網頁上,也可以應用在各種海報、DM上。
2-1 建立文字
2-2 圖層樣式及樣式視窗
2-3 路徑與區域文字
2-4 各種文字特效

Chapter 3 Photoshop 在網頁的應用
要設計出活潑精彩的網頁,少不了要運用背景及按鈕等工具,本章學會製作各種背景及按鈕等網頁必備素材,並利用 Photoshop 處理影像,產生網頁圖像最佳化圖片,供 Dreamweaver 網頁設計時使用。
3-1 製作背景圖
3-2 影像去背
3-3 製作按鈕
3-4 網頁圖像最佳化
3-5 影像切片
3-6 存為 Zoomify

Chapter 4 GIF 動畫製作
大家都只知道可以用 Flash 製作動畫,但您知道 Photoshop 也可以製作簡單的補間動畫、廣告輪播、逐格動畫及時間軸等 GIF 動畫嗎?
4-1 動畫的介紹
4-2 製作動畫
4-3 補間動畫
4-4 廣告輪播製作
4-5 圖層屬性
4-6 逐格動畫
4-7 時間軸動畫
4-8 動畫的輸出

Part Ⅱ:網頁的「多媒體動畫」篇
(Flash 在 Dreamweaver 的應用)

Chapter 5 操作環境與基本操作
前四章學會了利用 Photoshop 設計、編輯網頁所需的素材,這章開始,要學習 Flash 的基本作業環境、熟悉各種工具的操作及屬性設定。
5-1 操作環境
5-2 工具的使用
5-3 圖形物件的編輯
5-4 文字的設計

Chapter 6 元件、時間軸與動畫
這章可以學會動畫的製作囉!首先瞭解元件、實體與時間軸的關係,練習製作基本的移動、形狀、傳統等補間動畫。進一步建立反向運動、逐格動畫、描圖紙與導引線動畫。
6-1 動畫元件、實體與元件庫
6-2 時間軸、圖層與影格
6-3 動畫的製作
6-4 發佈與匯出

Chapter 7 多媒體與動畫
Flash 不只可以做動畫,還可以結合音訊、視訊等多媒體,更可以直接匯入應用 Photoshop 的PSD 檔案呢!
7-1 影像的應用
7-2 音訊的應用
7-3 匯入視訊

Chapter 8 ActionScript 的應用
想要設計互動式的網頁嗎?這章可以學會運用 ActionScript 腳本語言,來設計按鈕控制動畫,這樣的技巧會大大增加網頁與瀏覽者的互動性哦!
8-1 ActionScript 介紹
8-2 控制動畫播放
8-3 展示影像按鈕
8-4 滑鼠變換影像

Part Ⅲ:網頁設計篇
(Dreamweaver 的基礎應用 )

Chapter 9 定義網站與建立網頁
前面八章主要是學習與網頁有關的各種影像的處理技巧及動畫的製作,為的就是這章開始的Dreamweaver 網頁設計。這章先學會製作網頁的基本概念,從定義與管理網站開始,到建立 網頁、背景圖的使用及用 CSS 美化頁面等。
9-1 網站定義與管理
9-2 建立網頁
9-3 用 CSS 美化頁面

Chapter 10 加強網頁與網站發佈
前面章節已學會基本網頁設計了,這章就再應用導覽列、表格、多媒體等功能來加強、豐富我們的網頁內容,當然,設計完成時,也該來學習如何發佈網站及如何同步更新本機與遠端伺服器上的檔案。
10-1 建立超連結
10-2 建立表格
10-3 加入多媒體
10-4 發佈網站

Chapter 11 網頁特效
是不是常看到別人的網頁有些特別的功能,比方滑鼠滑過時就小圖變大圖,或網頁有翻書式、幻燈片等的影像展示功能,現在別再羨慕地以為那是什麼了不起的功能了,這章可以學 會「行為」特效、擴充功能及各種 SPRY 效果等,來讓我們的網頁更生動活潑,更具可看性哦!
11-1 行為特效
11-2 擴充功能
11-3 建立 SPRY 效果

Chapter 12 使用 CSS 配置頁面
一個網站總是包含很多的網頁,而網頁彼此之間又常有相關性,怎樣可以建立統一外觀的網頁呢?那就非 CSS 莫屬了。這章我們要使用 CSS 配置網頁的頁面,快速建立網頁的一致外觀,讓網頁外觀更整齊、有系統,更具可讀性。
12-1 使用預設 CSS 版面
12-2 自訂 CSS 頁面版面
12-3 用 CSS 配置 Div 標籤
12-4 美化版面
12-5 管理 Div 標籤

Part Ⅳ:網站進階篇
(Dreamweaver 的進階應用 )

Chapter 13 從 Photoshop 到 Dreamweaver
在第一篇的「影像處理篇」我們已學會了運用 Photoshop 製作網頁常會用到的按鈕啦、背景圖、及GIF動畫等等,這章要更進一步利用 Photoshop 來批次處理大量的影像,例如批次將數百張圖片修改成同樣尺寸等。這章我們還會學到直接在 Photoshop 製作網頁外觀,再完整移植至Dreamweaver 中使用,這樣的技巧能讓我們更精準設計理想中的網頁。
13-1 批次作業
13-2 使用 Photoshop 設計版面
13-3 用影像切片建立導覽列

Chapter 14 使用範本配置頁面
一個網站內林林總總的許多網頁中,經常都需使用相同的標題及導覽列,這時使用範本可以輕易達到目的,而且使用範本還有一個好處,就是容易管理與維護。日後需修改網頁時,只要修改範本的內容,不必個別一一修改所有網頁,所有套用範本的網頁就會全部更新哦!
14-1 建立範本
14-2 套用範本
14-3 在表格建立範本
14-4 編輯範本
14-5 更新及移除範本

Chapter 15 從 Flash 到 Dreamweaver
學到這裡,其實您已是設計網頁的高手了,行有餘力,這章就再來學學利用 Flash 製作一個很炫的開場歡迎畫面,當然這當中還要學會設計一個互動 SKIP 按鈕,以便沒耐心看完我們精心設計的動畫的人可以選擇快速離開開場畫面,直接進入主題網站。在第13章時,我們學會直接在 Photoshop 製作網頁外觀,再完整移植至 Dreamweaver 中使用,我們當然不能獨厚 Photoshop,這章就來學習使用全部 Flash 製作的網頁,目的除了美觀外,更有較佳文字保密性的優點。
15-1 建立歡迎畫面
15-2 用 Flash 建立網頁版面

 

arrow
arrow
    全站熱搜

    ETAITBOOK08 發表在 痞客邦 留言(0) 人氣()