作者:林安琪、于冠雲
出版社:碁峰
出版日期:2010年12月15日
語言:繁體中文 ISBN:9789862760512
裝訂:平裝
書號:EU0096
定價:520元 75折價:390元
有看部落格的才有此優惠喔
也可到露天購買http://goods.ruten.com.tw/item/show?21012174830740
內容簡介
附書光碟DVD*2 個人爆紅網頁設計/網拍照片去背修片/部落格版式美化基礎必修技 學網頁設計,不是只要學會Dreamweaver而已! .很多人都有這樣的困擾? .很多人也有這樣的問題? 現在,就讓這本書來幫您解決這些疑難雜症。不用學會Photoshop及Flash的所有招式,只要掌握關鍵技巧,你也可以替網拍照片去背修片、幫部落格版式美化,更可以簡單的做出專業網站設計。 本書以Dreamweaver為中心,運用Photoshop及Flash設計網頁所需的素材。Photoshop是網頁影像的基礎,不論是潤飾影像、圖片去背、特效文字、背景、按鈕及簡單的 GIF 動畫…等,都可完美產生;Flash是網頁動畫的靈魂,使網頁更加的活潑生動,創造出令人驚豔的動態效果;Dreamweaver是網頁的總工程師,可利用Photoshop及Flash所產生的影像與動畫來強化網頁內容。 書中共分成四篇:「網頁的影像處理篇」、「網頁的多媒體動畫篇」、「網頁設計篇」、「整合篇」。逐步學習,不僅可學會Photoshop的影像特效、Flash的動畫製作,以及Dreamweaver的網頁設計;更重要的是,整體的綜合應用,能更精準、有效率的製作出實用的美麗網頁。 而本書除了詳細的圖文解說,更提供了超過 6 小時的影音教學DVD。想學什麼就點什麼,依樣邊學邊操作,網頁設計就能輕鬆上手! 光碟內容 DVD1:Photoshop、Flash、Dreamweaver CS5試用版 DVD2:370分鐘超值影音教學檔、範例檔、延伸練習素材檔、範例網站原始檔範例網站完成檔(已套用範本)、範例網站完成檔(未套用範本)
從文字變化、背景圖片、按鈕設計、影像處理、動畫製作、互動效果、網頁特效、網頁版面到網站設計,一次讓你做出有聲有色有影的個人專屬網頁與專業網站。
學過影像處理,也會做一些動畫,更是花時間學了網頁設計,但仍然做不出像樣的網頁。
想要製作個人專屬網頁,但是卻不會影像處理,也不會動畫設計,更不知從何開始下手。
章節目錄
Part 1:網頁的「影像處理」篇(Photoshop 在 Dreamweaver 的應用) Chapter 1 環境設定與基本操作 Chapter 2 文字藝術 Chapter 3 背景、按鈕的製作及影像切片 Chapter 4 Photoshop 在網頁的應用 Part 2:網頁的「多媒體動畫」篇(Flash 在 Dreamweaver 的應用) Chapter 5 基本操作與文字設計 Chapter 6 元件、時間軸與動畫 Chapter 7 多媒體與動畫 Chapter 8 ActionScript 的應用 Part 3:網頁設計篇 (Dreamweaver 的基礎應用) Chapter 9 定義網站與建立網頁 Chapter 10 加強網頁與網站發佈 Chapter 11 網頁特效 Part 4:整合篇 (Dreamweaver + Photoshop + Flash 的整合應用) Chapter 12 使用 CSS 配置頁面 Chapter 13 用 Photoshop 設計網頁 Chapter 14 使用範本配置頁面 Chapter 15 用 Flash 設計網頁
不管是網頁或部落格相簿,通常都會限制圖片的尺寸,這章我們就先來個暖身,學會 Photoshop 影像尺寸的調整、選取與變形等基本必修技巧。
設計網頁,除了影像和動畫是重頭戲之外,妥善的文字處理,常會有畫龍點睛的效果。所以本章要學會建立各種文字特效,如:路徑文字、區域文字、鏡像文字、影像文字、3D 文字等等,不但可以應用在網頁上,也可以應用在各種海報與 DM 上。
要設計出活發精彩的網頁,少不了要運用背景及按鈕等工具,本章將學會製作各種背景、按鈕及圖像切片等網頁必備素材,並利用 Photoshop 處理影像,產生網頁圖像最佳化圖片,以供 Dreamweaver 網頁設計時使用。
在製作網頁時,往往需要處理一大批的影像檔案,本章將告訴您如何大批製作簽名檔與調整影像尺寸,並使用 Adobe Bridge 快速批次命名及製作網路相簿。另外,大家都只知道可以用 Flash 製作動畫,但您知道 Photoshop 也可以製作簡單的補間動畫、廣告輪播、逐格動畫及時間軸等 GIF 動畫嗎?本章毫不保留,一次全部告訴您!
Flash 動畫絕對是網頁動感呈現不可或缺的元素,前四章學會了利用 Photoshop 設計、編輯網頁所需的素材;而從這章開始,我們要學習與熟悉 Flash 必修的各種工具操作及屬性設定,還有建立傳統文字、TLF 文字及文字內嵌字體。
在學習網頁設計同時,又能學好動畫製作,真是太超值了!首先,我們先瞭解元件、實體與時間軸的關係,練習製作基本的移動、形狀、傳統等補間動畫。進一步再建立反向運動、逐格動畫、骨塊的彈性運動、遮色片圖層、描圖紙與導引線動畫,馬上打好動畫設計的基礎。
Flash 不只可以做動畫,也可以結合音訊、視訊等多媒體,還可以直接匯入應用 Photoshop 的 PSD 檔案與 Flash 動畫結合,讓網頁的畫面更加多彩多姿。
想要設計互動式的網頁嗎?在本章中,可以學會運用 ActionScript 腳本語言,來設計按鈕控制動畫,這樣的技巧將大大增加網頁與瀏覽者的互動性;即使不會 ActionScript,也可以使用程式碼片段達到部分 ActionScript 的效果。還可以利用視訊提示點,隨選視訊的任意片段,這樣的秘技絕對不可錯過。
前面八章,我們學到了與網頁有關的各種影像處理技巧及動畫製作技法,為的就是進入 Dreamweaver 網頁設計。這章中,將先學會製作網頁的基本概念,從定義與管理網站開始,到建立網頁、背景圖的使用及運用 CSS 美化頁面等。
應用導覽列、表格、多媒體等功能,可以加強、豐富我們的網頁內容;當然,網頁設計完成時,也該來學習如何發佈網站及如何同步更新本機與遠端伺服器上的檔案。
是不是常會看到別人的網頁上有些特別的功能,比方滑鼠滑過時就小圖變大圖,或是伸展式影像、幻燈片等等的影像展示功能,現在別再羨慕地以為那是什麼了不起的功能了,這章可以學會「行為」特效、擴充功能、推文至社交網站如 Facebook 等及各種SPRY 效果、網站 Widget 等,讓網頁更動感,更具可看性哦!
一個網站總是包含很多的網頁,而網頁彼此之間又常有相關性,怎樣可以建立統一外觀的網頁呢?那就非 CSS 莫屬了。這章我們要使用 CSS 配置網頁的頁面,快速建立網頁的一致外觀,讓網頁外觀更整齊、更具可讀性,當然也會更優囉!
在「影像處理」篇中,我們已學會了運用 Photoshop 製作網頁上常會用到的按鈕、背景圖及 GIF 動畫等等,這章中,我們將學會建立網址列圖示、使用影像切片建立導覽列,以及直接在 Photoshop 製作網頁外觀,再完整移植至 Photoshop 中使用等技巧,這樣的技法,能讓我們更精準設計理想中的網頁,所以非學不可。
一個網站內林林總總的網頁,經常都有相同的標題及導覽列,這時就可以使用範本來達到目的,而且範本還有一個很大的功用,就是便於日後的維護,只要修改範本的內容,所有套用範本的網頁就會全部自動更新哦!
學到這裡,其實您已稱得上是網頁設計的高手了,這章就再來學學如何利用 Flash 製作一個很炫的開場歡迎畫面,當然,還要學會設計一個互動的 SKIP 按鈕,以便沒耐心看完我們精心設計動畫的人,可以選擇離開開場畫面,直接進入主題網站。在第 13 章時,我們學會直接在 Photoshop 製作網頁外觀,再完整移植至 Photoshop 中使用;不過,我們也不能獨厚 Photoshop,這章就來學習如何全部使用 Flash 製作網頁,這樣子,除了美觀外,將有更佳的文字保密性優點。
留言列表