Flash ActionScript for Designers: Drag Slide Fade
暫譯: Flash ActionScript 為設計師：拖曳、滑動、淡出

Brendan Dawes

Flash ActionScript for Designers: Drag Slide Fade
  • 出版商: New Riders
  • 出版日期: 2001-11-02
  • 售價: $1,880
  • 貴賓價: 9.5 折 $1,786
  • 語言: 英文
  • 頁數: 296
  • 裝訂: Paperback
  • ISBN: 0735710473
  • ISBN-13: 9780735710474
  • 相關分類: ActionScript & FLASH

    • 已絕版

買這商品的人也買了...

相關主題

商品描述

Using a heavily illustrated, step-by-step style, Watt aims to ease designers into a more analytical, programming approach to graphics without losing the appeal of form and design. The change in mindset required of graphic designers in exploiting "visual components" is explained clearly and practically. While presenting real-world examples of design tasks (such as creating a logo, navigation bar, or a full web page), Watt embeds sidebars, notes, and tips to convey the strict programming portion of the process. This makes it easier for the reader to balance the formality of the SVG code with the functionality of the design.The book assumes no prior knowledge of SVG and provides the foundational information for the reader to grasp the key concepts.In addition, and importantly, it contains source code for all of the SVG images and animations created in the book. This educates the readers in how SVG works and lays a foundation for their own experiments.

Table of Contents

Introduction SVG in Perspective.

I. GETTING STARTED WITH SVG.

1. The Basic SVG Tool Set.

Creating and Editing SVG. Text Editors. Vector Drawing Packages. SVG Viewers.


2. SVG Document Overview.

Syntax. Structure of an SVG Image (Document). The Preliminaries of an SVG Document. The Element. Nested SVG Elements. The Element. Some Basic SVG Elements. Painter's Model. SVG Coordinate Systems. Fonts.

II. PUTTING SVG TO WORK.


3. Creating Static Graphics _Elements.

Essential Building Blocks. The Element. A Simple Square. The Element. The Element. The Element. Combining Ellipses. The Element. The Element. The Element.


4. Using Text in SVG.

Text Basics. Text in SVG. The Element. The Element. The Element. Displaying Text on a Path.


5. Creating Navigation Bars.

Navigation Bars. Linking Web Pages Using SVG. Adding Mouseover Effects. Simple Navigation Bars. Text Navigation Bars. Tabbed Navigation Bars. Using Elements to Aid _Positioning.


6. Creating SVG Gradients.

What Are Gradients? The Element. The Element. SVG Gradients. Multiple Elements. SVG Gradients at Work. SVG Patterns.


7. Using SVG Filters.

Why Use Filters. Using SVG Filters. The Range of SVG Filters. Examples Using SVG Filters.


8. Animation: SVG and SMIL _Animation.

Basic Animations. SVG As an Animation Grammar. Basic Attributes of an Animation. Applying SVG Animation to SVG _Static Elements. More Complex Animations. SVG, SMIL Animation, and SMIL 2.0. The Element. The Element. The Element. The Element. The Element. Rotation Using . Simple Sample Animations.


9. Creating Logos and Banner Ads.

Creating Logos. Creating Banner and Other Types _of Ads in SVG.


10. Embedding SVG in HTML or _XHTML Pages.

SVG and HTML. Using the Element. Adding Scroll Bars to SVG Web _Pages. Using theElement. Displaying Alternative Text or Images.

11. Creating Interactive SVG _Graphics.
Defining Interactive. SVG Events. Sample SVG Images and _Components Using Interactivity. Zooming, Panning and Scrolling _SVG Images.

12. Creating a Simple SVG _Web Site.
Creating an Entire Web Page _with SVG. Creating Web Pages with a “Graphics” Language. Who Might Use SVG As a Web _Authoring Tool? Creating SVG Web Pages. Some Sample Page Layouts.

13. Designing SVG for Use with CSS.
Cascading Style Sheets. Planning Your Text and Graphics. Sample Design: SVG and CSS.

14. When Things Go Wrong.
Minimizing Errors. Avoiding Problems by Using Good _Coding Practice. Handling Common Error Symptoms. Diagnosing and Solving Problems.

III. LOOKING AHEAD.


15. Planning and Building SVG Components.
Visual Components Defined. Envisioning XML and Visual _Components. Understanding the Element _and Visual Components. Using Components that Save Time _and Work. Creating a Plug-In Component and _Making It Mobile. Building a Portfolio of Visual _Components.

16. Building Your SVG Skills.
Combining Your Skills. Interactive SVG. SVG and ECMAScript. An SVG Mindset. Clipping Paths.

17. The Future of SVG.
Where Does SVG Fit in a Web _Graphics Strategy? SVG and Macromedia Flash. The Future of SVG. SVG As a Web Authoring Tool. Creating SVG Dynamically.

IV. APPENDICES.


A. Online SVG and XML Resources.
B. SVG Glossary.
C. What's on the Web Site.
Index.

商品描述(中文翻譯)

使用大量插圖和逐步指導的風格，Watt 旨在幫助設計師以更具分析性和程式化的方法來處理圖形，同時不失去形式和設計的吸引力。對於圖形設計師在利用「視覺元件」時所需的心態轉變，書中清晰且實用地進行了解釋。在展示設計任務的實際案例（例如創建標誌、導航欄或完整的網頁）時，Watt 嵌入了側邊欄、註解和提示，以傳達過程中嚴謹的程式設計部分。這使讀者更容易平衡 SVG 代碼的正式性與設計的功能性。這本書假設讀者對 SVG 沒有先前的了解，並提供了基礎資訊，讓讀者掌握關鍵概念。此外，重要的是，它包含了書中創建的所有 SVG 圖像和動畫的源代碼。這讓讀者了解 SVG 的運作方式，並為他們自己的實驗奠定基礎。

目錄

引言 SVG 的視角。

I. 開始使用 SVG。
1. 基本的 SVG 工具集。
創建和編輯 SVG。文本編輯器。向量繪圖軟體。SVG 檢視器。

2. SVG 文件概述。
語法。SVG 圖像（文件）的結構。SVG 文件的前置條件。 元素。嵌套的 SVG 元素。 元素。一些基本的 SVG 元素。畫家的模型。SVG 坐標系。字型。

II. 將 SVG 應用於實際工作。
3. 創建靜態圖形元素。
基本構建塊。 元素。一個簡單的正方形。 元素。 元素。 元素。結合橢圓。 元素。 元素。 元素。

4. 在 SVG 中使用文本。
文本基礎。SVG 中的文本。 元素。 元素。 元素。在路徑上顯示文本。

5. 創建導航欄。
導航欄。使用 SVG 連結網頁。添加滑鼠懸停效果。簡單導航欄。文本導航欄。選項卡導航欄。使用 元素輔助定位。

6. 創建 SVG 漸層。
什麼是漸層？ 元素。 元素。SVG 漸層。多個 元素。SVG 漸層的應用。SVG 圖案。

7. 使用 SVG 濾鏡。
為什麼使用濾鏡。使用 SVG 濾鏡。SVG 濾鏡的範圍。使用 SVG 濾鏡的範例。

8. 動畫：SVG 和 SMIL 動畫。
基本動畫。SVG 作為動畫語法。動畫的基本屬性。將 SVG 動畫應用於 SVG 靜態元素。更複雜的動畫。SVG、SMIL 動畫和 SMIL 2.0。 元素。 元素。 元素。 元素。 元素。使用 進行旋轉。簡單的示範動畫。

9. 創建標誌和橫幅廣告。
創建標誌。在 SVG 中創建橫幅和其他類型的廣告。

10. 在 HTML 或 XHTML 頁面中嵌入 SVG。
SVG 和 HTML。使用 元素。為 SVG 網頁添加滾動條。使用 元素。顯示替代文本或圖像。

11. 創建互動式 SVG 圖形。
定義互動式。SVG 事件。使用互動性的示範 SVG 圖像和元件。縮放、平移和滾動 SVG 圖像。

12. 創建一個簡單的 SVG 網站。
使用 SVG 創建整個網頁。使用「圖形」語言創建網頁。誰可能將 SVG 作為網頁創作工具？創建 SVG 網頁。一些示範頁面佈局。

13. 為 CSS 設計 SVG。
層疊樣式表。規劃您的文本和圖形。示範設計：SVG 和 CSS。

14. 當事情出錯時。
最小化錯誤。通過良好的編碼實踐避免問題。處理常見錯誤症狀。診斷和解決問題。

III. 展望未來。
15. 計劃和構建 SVG 元件。
視覺元件的定義。構想 XML 和視覺元件。理解 元素和視覺元件。使用節省時間和工作的元件。創建插件元件並使其可移動。建立視覺元件的作品集。

16. 提升您的 SVG 技能。
結合您的技能。互動式 SVG。SVG 和 ECMAScript。SVG 心態。裁剪路徑。

17. SVG 的未來。
SVG 在網頁圖形策略中的位置？SVG 和 Macromedia Flash。SVG 的未來。SVG 作為網頁創作工具。動態創建 SVG。

IV. 附錄。
A. 在線 SVG 和 XML 資源。
B. SVG 詞彙表。
C. 網站上的內容。
索引。

類似商品

最後瀏覽商品 (20)