(NOTE: Each chapter concludes with Summary, Questions & Answers, and Workshop.)
I. SVG FUNDAMENTALS.Introduction.
Advantages of Using SVG. Disadvantages of Using SVG. What Spurred the Development of SVG? What Does SVG Offer Designers? What Does SVG Offer Developers? How Does SVG Compare with Flash? What Does SVG Offer You? SVG Needs You! What Will You Get out of This Book?Hour 2. SVG's Foundation.
Syntax. Structure.Hour 3. Viewing SVG.
Understanding Limitations. What Environments Can View SVG? Implementation.Hour 4. Document Layout.
Understanding SVG Document System. Using the viewBox. Creating a Resizable Document.Hour 5. SVG's Shape Toolbox.
Basic Shapes. Paths.
II. MANIPULATING SVG.Hour 6. Styling SVG.
The Style Attribute. Inline CSS Property Declarations. Creating a Style Sheet. Grouping Styles. Organizing Your Style Sheet. Storing and Accessing Style Sheets.Hour 7. Painting.
Working with Color. Applying a Fill. Applying a Stroke. Setting Transparency. Creating Gradients. Creating Patterns.Hour 8. Symbols.
Creating Symbols and Definitions.Hour 9. Masking and Clipping.
Masking. Clipping.Hour 10. Using Filters.
Understanding Filters. Using Filters. Blurring Images with feGaussianBlur. Moving Objects with feOffset. Merging Filter Primitives with feMerge.Creating Textures with feTurbulence. Taming feTurbulence Effects' Display with feComposite. Creating New Filters.Hour 11. Images.
Using the image Element. Allowed Filetypes. SVG in SVG.
III. BRINGING SVG TO LIFE.Hour 12. Time.
Understanding How Time Unfolds in SVG. Using keyTimes. Using Time Dependencies.Hour 13. Interaction.
Hyperlinks. Using the set Element.Hour 14. Transforms.
Introduction to Transformations. Transforming with the translate Property. Transforming with the scale Property. Transforming Using the skewX and skewY Properties. Transforming Using the rotate Property. Applying Multiple Transform Operations.Hour 15. Animation.
Understanding Motion. Animating Basic Attribute Transitions. Animating an Object's Location. Animating a Transformation. Animating Color Transitions. Repeating Animations. Frame-Based Animation.
IV. TEXT AND TYPOGRAPHY.Hour. 16. Formatting.
Understanding Text with SVG. Including Text in Your Document. Text Boxes. Adjusting Margins and Leading with the dx and dy Attributes. Size. Spacing. Justification. Text Along a Path.Hour 17. Typefaces.
Understanding Typefaces. Font Classifications. System Fonts. SVG Fonts. Kerning. Type Quality.
Understanding Dynamic Graphics. Designing SVG for Dynamic Content. Preparing Your Graphic for Dynamic Content. Localizing SVG Graphics. Creating Dynamic Content.
VI. SVG MASTERY.Hour 20. Organizing and Optimizing Your Code.
Separation of Design and Engineering. Development Process Coding with Basic Elements. Detailing Code Terminology. Annotating Documents. Locating Document Elements Attribute Organization Style Sheet Organization. Compression.Hour 21. Using Adobe Illustrator to Create Artwork.
Layers. Style. Positioning. Cleaning Up Your Code.Hour 22. Overcoming Common Problems.
Animation. Typography. Display. Style Sheet Organization. AOL Image Display. Troubleshooting Issues.Hour 23. Applying Your Knowledge.
The Code. Stepping Stones.Hour 24. References.
Technology Comparison. Viewer Compatibility. Tools to Create SVG. SVG References.Appendix. Color Name and Hex Value Reference Table.
Note: You will need the Free Adobe Acrobat Reader to view the file(s) for the book. If you do not already have Acrobat installed on your machine, click the "Get Acrobat Reader" button to download and install.
Click on the links below to display the PDF file in a new window. Right-click on the link and select Save As if you want to download it to your hard drive.
0672322900errata.pdf (220 KB)