Part 1:網頁的「影像處理」篇(Photoshop 在 Dreamweaver 的應用)
Chapter 1 環境設定與基本操作
不管是網頁或部落格相簿,通常都會限制圖片的尺寸,這章我們就先來個暖身,學會 Photoshop 影像尺寸的調整、選取與變形等基本必修技巧。
Chapter 2 文字藝術
設計網頁,除了影像和動畫是重頭戲之外,妥善的文字處理,常會有畫龍點睛的效果。所以本章要學會建立各種文字特效,如:路徑文字、區域文字、鏡像文字、影像文字、3D 文字等等,不但可以應用在網頁上,也可以應用在各種海報與 DM 上。
Chapter 3 背景、按鈕的製作及影像切片
要設計出活發精彩的網頁,少不了要運用背景及按鈕等工具,本章將學會製作各種背景、按鈕及圖像切片等網頁必備素材,並利用 Photoshop 處理影像,產生網頁圖像最佳化圖片,以供 Dreamweaver 網頁設計時使用。
Chapter 4 Photoshop 在網頁的應用
在製作網頁時,往往需要處理一大批的影像檔案,本章將告訴您如何大批製作簽名檔與調整影像尺寸,並使用 Adobe Bridge 快速批次命名及製作網路相簿。另外,大家都只知道可以用 Flash 製作動畫,但您知道 Photoshop 也可以製作簡單的補間動畫、廣告輪播、逐格動畫及時間軸等 GIF 動畫嗎?本章毫不保留,一次全部告訴您!
Part 2:網頁的「多媒體動畫」篇(Flash 在 Dreamweaver 的應用)
Chapter 5 基本操作與文字設計
Flash 動畫絕對是網頁動感呈現不可或缺的元素,前四章學會了利用 Photoshop 設計、編輯網頁所需的素材;而從這章開始,我們要學習與熟悉 Flash 必修的各種工具操作及屬性設定,還有建立傳統文字、TLF 文字及文字內嵌字體。
Chapter 6 元件、時間軸與動畫
在學習網頁設計同時,又能學好動畫製作,真是太超值了!首先,我們先瞭解元件、實體與時間軸的關係,練習製作基本的移動、形狀、傳統等補間動畫。進一步再建立反向運動、逐格動畫、骨塊的彈性運動、遮色片圖層、描圖紙與導引線動畫,馬上打好動畫設計的基礎。
Chapter 7 多媒體與動畫
Flash 不只可以做動畫,也可以結合音訊、視訊等多媒體,還可以直接匯入應用 Photoshop 的 PSD 檔案與 Flash 動畫結合,讓網頁的畫面更加多彩多姿。
Chapter 8 ActionScript 的應用
想要設計互動式的網頁嗎?在本章中,可以學會運用 ActionScript 腳本語言,來設計按鈕控制動畫,這樣的技巧將大大增加網頁與瀏覽者的互動性;即使不會 ActionScript,也可以使用程式碼片段達到部分 ActionScript 的效果。還可以利用視訊提示點,隨選視訊的任意片段,這樣的秘技絕對不可錯過。
Part 3:網頁設計篇 (Dreamweaver 的基礎應用)
Chapter 9 定義網站與建立網頁
前面八章,我們學到了與網頁有關的各種影像處理技巧及動畫製作技法,為的就是進入 Dreamweaver 網頁設計。這章中,將先學會製作網頁的基本概念,從定義與管理網站開始,到建立網頁、背景圖的使用及運用 CSS 美化頁面等。
Chapter 10 加強網頁與網站發佈
應用導覽列、表格、多媒體等功能,可以加強、豐富我們的網頁內容;當然,網頁設計完成時,也該來學習如何發佈網站及如何同步更新本機與遠端伺服器上的檔案。
Chapter 11 網頁特效
是不是常會看到別人的網頁上有些特別的功能,比方滑鼠滑過時就小圖變大圖,或是伸展式影像、幻燈片等等的影像展示功能,現在別再羨慕地以為那是什麼了不起的功能了,這章可以學會「行為」特效、擴充功能、推文至社交網站如 Facebook 等及各種SPRY 效果、網站 Widget 等,讓網頁更動感,更具可看性哦!
Part 4:整合篇 (Dreamweaver + Photoshop + Flash 的整合應用)
Chapter 12 使用 CSS 配置頁面
一個網站總是包含很多的網頁,而網頁彼此之間又常有相關性,怎樣可以建立統一外觀的網頁呢?那就非 CSS 莫屬了。這章我們要使用 CSS 配置網頁的頁面,快速建立網頁的一致外觀,讓網頁外觀更整齊、更具可讀性,當然也會更優囉!
Chapter 13 用 Photoshop 設計網頁
在「影像處理」篇中,我們已學會了運用 Photoshop 製作網頁上常會用到的按鈕、背景圖及 GIF 動畫等等,這章中,我們將學會建立網址列圖示、使用影像切片建立導覽列,以及直接在 Photoshop 製作網頁外觀,再完整移植至 Photoshop 中使用等技巧,這樣的技法,能讓我們更精準設計理想中的網頁,所以非學不可。
Chapter 14 使用範本配置頁面
一個網站內林林總總的網頁,經常都有相同的標題及導覽列,這時就可以使用範本來達到目的,而且範本還有一個很大的功用,就是便於日後的維護,只要修改範本的內容,所有套用範本的網頁就會全部自動更新哦!
Chapter 15 用 Flash 設計網頁
學到這裡,其實您已稱得上是網頁設計的高手了,這章就再來學學如何利用 Flash 製作一個很炫的開場歡迎畫面,當然,還要學會設計一個互動的 SKIP 按鈕,以便沒耐心看完我們精心設計動畫的人,可以選擇離開開場畫面,直接進入主題網站。在第 13 章時,我們學會直接在 Photoshop 製作網頁外觀,再完整移植至 Photoshop 中使用;不過,我們也不能獨厚
Photoshop,這章就來學習如何全部使用 Flash 製作網頁,這樣子,除了美觀外,將有更佳的文字保密性優點。