Tutorials and Online Training Videos

SVG (Español)


La autora de Virtual Training Company, Ellen Pearlman, le enseña a los usuarios el poder del progrma SVG (Gràficas Vectoriales Escalables). Este es un lenguaje modularizado para describir vectores bidimensionales y mezcla de graficas vectoriales/raster con el lenguaje de del (XML) o Expansible Markup Language. SVG es esencialmente un subconjunto de XML, permitiendo tres tipos de objetos gráficos: formas graficas vectoriales, imagenes y texto. A diferencia del Flash ActionScript, SVG está basado en texto, permitiendo a los motores de búsqueda, indexarlo con base en graficas. Los objetos gráficos pueden ser agrupados, diseñados, transformados y combinados en objetos previamente renderizados. Haga clic en un titulo de su interés de los que se muestran a continuación y comience su aprendizaje!

Introducción a SVG

Introducción
Ejemplos de SVG
Edición de Instructivos del Programa SVG con el Viewer
Estructura XML
Instrucciones de Programación XML pt. 1
Instrucciones de Programación XML pt. 2

Estructura de Documento SVG

Documento Bien Formado
Documento Válido
Texto de las Instrucciones de Programación en SVG
Viewport SVG
Viewbox
Atributo Preserve Aspect Ratio
Atributo Meet y Slice Ratios
Elementos Contenedores
Elemento Use
Código de Perfilación
Elemento Defs
Elemento Symbol

El Sistema Coordenado SVG

El Sistema Coordinado y las Unidades Identificadoras
Sistema Coordenado Múltiple
Transformación Translate pt. 1
Transformación Translate pt. 2
Transformaciones de Tamaño y Rotación
Transformaciones Sesgadas de X y Y

Formas Básicas

Rectángulo Redondeado
Rectángulo/Círculo/Elipse Rellenos
Elemento Polygon
Elemento Polyline
Elemento Line
Texto en SVG
Atributos DX y DY
Elementos Tspan y Tref
Fonts/Kerning/Baseline Shift
Internacionalización

Paths

Elementos Path
Código Stream Lining y Comando "C"
Creando un Triángulo y un Arco Elíptico
Valores Large Arc Flag/Sweep Flag
Curvas Cúbicas de Bezier
Curvas Cuadráticas de Bezier

Gradientes/Rellenos y Modelos

Órdenes de Color/Relleno en Color y Borde
Gradientes Lineales pt. 1
Gradientes Lineales pt. 2
Atributo Spread Method
Gradientes Radiales pt. 1
Gradientes Radiales pt. 2
Modelos pt. 1
Modelos pt. 2

Filtros

Introducción a Elementos Filter pt. 1
Introducción a Elementos Filter pt. 2
Luz Difusa y Specular pt. 1
Luz Difusa y Specular pt. 2
feComposite pt. 1
feComposite pt. 2
feImage/feFlood/feTile
feMorphology
feDisplacementMap/feTurbulance
feColorMatrix
feCompononentTransfer pt. 1
feCompononentTransfer pt. 2
feConvolveMatrix

Recorte y Enmascarado

ClipPath pt. 1
ClipPath pt. 2
ClipPath Usando Texto
Elemento Mask
Máscara Sombreada con Gradiente
Color en las Máscaras

Hojas de Estilo en Cascada

Hojas de Estilo Internas
Selector y Atributo Class
Hojas de Estilo Externas

Animación e Interactividad

Introducción a Animación en SVG
Animate
Set Animate Color
Animate Motion pt. 1
Animate Motion pt. 2
Tiempo pt. 1
Tiempo pt. 2
Cadenas y Repeticiones
Gradientes Radiales
Eventos Interactivos
Una Breve Mirada a Scripting

SVG y los Paquetes Gráficos

Adobe Illustrator 10
Filtros SVG en el Ilustrador
SVG y CorelDraw pt. 1
SVG y CorelDraw pt. 2
Jasc WebDraw

Créditos

Acerca de este Autor


Related Books on SVG (Español)







Save $80 on the
DROID BIONIC
by Motorola with Verizon Wireless service for less than from Verizon Wireless directly.
Save $80 on DROID BIONIC
More Cell Phone Discounts