目錄
PART 1 網頁的「影像處理」篇(Photoshop 在 Dreamweaver 的應用)
chapter 01 環境設定與基本操作 影像在網頁上是不可或缺的主角,各種不同的影像,除了可以美化、增色網頁外,更可以達到一圖勝千文,解釋網頁的目的。本章的重點在於設定影像的尺寸以符合網頁需求;選取、裁切影像中的部分重點以便置放在網頁中。
chapter 02 文字藝術 文字對於網頁來說非常重要,網頁加上適當的文字,往往能使人印象深刻,而 Photoshop 在文字的處理上,不僅容易輸入、編輯、格式化,在特效方面更是令人讚嘆。本章重點在於建立各種文字特效,置放在網頁上,以凸顯網頁的特色。
chapter 03 背景、按鈕的製作及影像切片 一般的網頁編輯軟體只專注於網頁的編輯,並不提供網頁背景、按鈕、影像去背或影像切片等功能,Photoshop 除了影像編輯外,對於應用於網頁上的圖片,製作處理更是得心應手,網頁編輯軟體搭配Photoshop 可說是絕配。本章重點是製作背景圖及按鈕、影像去背、網頁圖像最佳化及圖像切片。
chapter 04 Photoshop 在網頁的應用 在製作網頁或上傳個人部落格影像時,往往需要處理大批的影像檔案,不論是將大量影像更改成相同尺寸方便展示、或是將影像統一重新命名以便於管理、或是統一套用特效等,如果都是一張一張的處理,需花費大量的時間,Photoshop 提供大量處理影像的「自動執行」指令,除了可以套用預設的特效外,也可以用來更改尺寸,甚至可以將影像裁切、調整、套用濾鏡等操作過程「錄製」並存檔,自訂「動作」,可以大量套用在其他的影像上。本章介紹批次處理、快捷批次處理及其他可以快速、大量地自動處理的工作。
PART 2 網頁的「多媒體動畫」篇(Flash 在 Dreamweaver 的應用)
chapter 05 基本操作與文字設計 Flash 動畫已經是網頁不可或缺的元素,因為 Flash 所製作的動畫,除了動畫的功能外,還提供了與使用者溝通的功能,例如按鈕、超連結等,而在多媒體的音訊、視訊等的播放功能,更是發揮得淋漓盡致,若再加上 ActionScript 的應用,將使網頁如虎添翼。Flash 所建立的動畫與多媒體內容除了可輸出為網頁用外,更可以跨平台為移動裝置所用、例如手機、平板電腦等,應用範圍相當廣大。
chapter 06 元件、時間軸與動畫 Flash 除了可以將所製作精美的動畫置放於網頁上外,並能將之輸出至桌上型電腦和其他多種裝置,包括平板電腦、智慧型手機和電視等。
chapter 07 多媒體與動畫 要在網頁加上影像、音訊及視訊等多媒體素材,Flash 是最好的選擇。藉由 Flash 的包裝,使得影像動了起來。本章的重點是如何在Flash中,匯入、應用及控制多媒體的素材。
chapter 08 ActionScript 的應用 ActionScript 可以增加 Flash 與使用者的互動,使網頁更增樂趣。尤其是提供了「程式碼片段」的功能,使得 ActionScript 不再是程式設計師的專利,即使不會程式設計,也能輕鬆套用所提供的功能。本章的重點是說明如何撰寫 ActionScript、學習「程式碼片段」及可隨意點播視訊任一精彩片段的「視訊提示點」功能。
PART 3 網頁設計篇(Dreamweaver 的基礎應用)
chapter 09 定義網站與建立網頁 從基本的定義網站做起,接著建立新網頁、插入圖片,最後使用 CSS 規則來美化網頁。
chapter 10 加強網頁與網站發佈 網頁建立好之後,就是如何使用各種超連結,連結網外與網內。加上進階的跳頁選單、影像地圖及滑鼠變換影像的製作等,使得連結的方式更多樣化。還在怕所指定的美麗字體,上傳網頁後瀏覽者看不到嗎?網頁字體解決你的煩惱。表格在網頁的應用是很重要的,可以使文字或圖片整齊排放。多媒體則會讓網頁更加多采多姿,最後發佈網站,使您的網頁與世界接軌。
chapter 11 網頁特效 在瀏覽網頁時,常常可以看到很多有趣的網頁特效,而這些網頁通常是由 Flash 或 JavaScript、VBScript 等程式所撰寫的。現在 Dreamweaver 提供了內建的行為、擴充功能、CSS3 轉變及 Widget 等特效,使得不懂程式設計的使用者,也能做出漂亮的特效功能。
chapter 12 使用 CSS 配置頁面 在撰寫網頁時,常常為了版面及文字的外觀設計而傷神,但 Dreamweaver 的 CSS 配置版面功能,除了可以快速地做出漂亮且專業的網頁版面外,且由於是使用 CSS 的標準,就不用擔心瀏覽器的相容性問題。
PART 4 整合篇(Dreamweaver + Photoshop + Flash 的整合應用)
chapter 13 使用 Photoshop 設計網頁 Photoshop 除了可以修圖外,也可製作網頁。很多漂亮的版面都是先在 Photoshop 中完成整體的設計、美化,然後再將整個版面移植到 Dreamweaver 中,提升網頁的美感與質感。
chapter 14 使用範本配置頁面 網頁的導覽按鈕位置通常是固定的,以求網頁的一致性。要達成這樣的目的有很多種方法,例如頁框或範本等,但頁框因有若干的缺點,Adobe 不鼓勵使用,而範本只要將網頁的部分區域,如標題及導覽列,當成範本使用,其他的檔案只要套用範本就繼承了標題及導覽列的功能,而不必另外製作導覽按鈕或標題等。好處是不只節省時間、統一版面,且當範本更改時,所有套用範本的網頁也會自動更新。
chapter 15 用 Flash 設計網頁 Flash 除了可以製作網頁動畫及首頁的歡迎畫面外,也可以用來編排整個網頁。好處是美觀及具有保密性,因為文字無法被複製,而且網頁中的每個元件都可以動起來,使網頁更活潑生動。 |