initial commit

1 files changed, 110 insertions, 0 deletions

diff --git a/files/es/web/svg/index.html b/files/es/web/svg/index.html
new file mode 100644
index 0000000000..642ed8aedf
--- /dev/null
+++ b/files/es/web/svg/index.html
@@ -0,0 +1,110 @@
+---
+title: SVG
+slug: Web/SVG
+tags:
+  - Gráficos 2D
+  - Gráficos(2)
+  - SVG
+  - Todas_las_Categorías
+  - Web
+translation_of: Web/SVG
+---
+<div class="callout-box"><strong><a class="external" href="/es-ES/docs/SVG/Tutorial">Comenzando con SVG</a></strong><br>
+Este tutorial te ayudará a comenzar a usar SVG.</div>
+
+<p class="summary"><span class="seoSummary"><strong>Gráficos vectoriales escalables</strong> <strong>(SVG)</strong> es un lenguaje de marcado <a href="/es/docs/XML_Introduction" hreflang="es">XML</a> para describir <a href="https://es.wikipedia.org/wiki/Gr%C3%A1fico_vectorial">gráficos vectoriales </a>en dos dimensiones.</span> Básicamente, es a los gráficos lo que <a href="/es/docs/web/HTML" hreflang="es">HTML</a> es al texto.</p>
+
+<p>SVG es un estándar Web abierto basado en texto. Está expresamente diseñado para trabajar con otros estándares web como <a href="/es/docs/CSS" lang="es" title="es/docs/CSS">CSS</a>, <a href="/es/docs/DOM" lang="es" title="es/docs/DOM">DOM</a>, y <a href="/es/docs/Web/SVG/SVG_animation_with_SMIL" lang="es" title="es/docs/Web/SVG/SVG_animation_with_SMIL">SMIL</a>.</p>
+
+<p><span class="comment">&lt;br style="clear:both;" /&gt;</span></p>
+
+<table class="topicpage-table">
+ <tbody>
+  <tr>
+   <td>
+    <h2 id="Documentaci.C3.B3n" name="Documentaci.C3.B3n">Documentación</h2>
+
+    <dl>
+     <dt><a href="/es-ES/docs/Web/SVG/Element">Referencia de elementos SVG</a></dt>
+     <dd>Detalles sobre cada uno de los elementos SVG.</dd>
+     <dt><a href="/es-ES/docs/Web/SVG/Attribute">Referencia de atributos SVG</a></dt>
+     <dd>Detalles sobre cada uno de los atributos SVG.</dd>
+     <dt><a href="/es-ES/docs/DOM/DOM_Reference#SVG_interfaces">Referencia del interfaz DOM SVG</a></dt>
+     <dd>Detalles acerca del API SVG DOM, para interacción con JavaScript.</dd>
+     <dt><a href="/es-ES/docs/Web/SVG/Applying_SVG_effects_to_HTML_content">Aplicando efectos SVG a contenido HTML</a></dt>
+     <dd>SVG trabaja con with {{Glossary("HTML")}}, {{Glossary("CSS")}} and {{Glossary("JavaScript")}}. Usa SVG para <a href="/es-ES/docs/SVG_In_HTML_Introduction">mejorar una página HTML normal o aplicación web</a>.</dd>
+     <dt>
+     <p><span class="alllinks"><a href="/es-ES/docs/tag/SVG">Ver más...</a></span></p>
+     </dt>
+     <dt>
+     <h2 class="Community" id="Comunidad">Comunidad</h2>
+     Ver foros de Mozilla... {{DiscussionList("dev-tech-svg", "mozilla.dev.tech.svg")}}</dt>
+     <dd> </dd>
+    </dl>
+
+    <h2 class="Tools" id="Herramientas">Herramientas</h2>
+
+    <ul>
+     <li><small><a href="http://www.w3.org/Graphics/SVG/Test/">Área de pruebas SVG</a> </small></li>
+     <li><small><a href="http://jiggles.w3.org/svgvalidator/">Validador SVG</a> (Discontinuado) </small></li>
+     <li><small><a href="/es-ES/docs/tag/SVG:Tools">Más Herramientas...</a> </small></li>
+     <li><small>Otros recursos: <a href="/es-ES/docs/XML">XML</a>, <a href="/es-ES/docs/CSS">CSS</a>, <a href="/es-ES/docs/DOM">DOM</a>, <a href="/es-ES/docs/HTML/Canvas">Canvas</a> </small></li>
+    </ul>
+   </td>
+   <td>
+    <h2 id="Ejemplos">Ejemplos</h2>
+
+    <div class="section">
+    <ul>
+     <li>Google <a href="https://maps.google.com">Maps</a> (superposición de rutas) &amp; <a href="https://docs.google.com">Docs</a> (gráficos con hojas de cálculo)</li>
+     <li><a href="http://starkravingfinkle.org/projects/demo/svg-bubblemenu-in-html.xml">Menús SVG de burbuja</a></li>
+     <li><a href="http://jwatt.org/svg/authoring/">Directríces de autoría de SVG</a></li>
+     <li>Una visión general del <a href="/es-ES/docs/Mozilla_SVG_Project">Proyecto SVG de Mozilla</a></li>
+     <li><a href="/es-ES/docs/SVG/FAQ">Preguntas frecuentes</a> acerca de SVG y Mozilla</li>
+     <li>Diapositivas y demos de la charla sobre <a href="http://jwatt.org/svg-open-US/docs/2009/slides.xhtml">SVG y Mozilla</a> en el SVG Open 2009</li>
+     <li><a href="/es-ES/docs/SVG/SVG_as_an_Image">SVG como imagen</a></li>
+     <li><a href="/es-ES/docs/SVG/SVG_animation_with_SMIL">Animación SVG con SMIL</a></li>
+     <li><a href="http://plurib.us/1shot/2007/svg_gallery/">Galería de arte SVG</a></li>
+     <li>Más ejemplos (<a href="http://www.carto.net/papers/svg/samples/">carto.net</a>)</li>
+    </ul>
+
+    <p> </p>
+
+    <h3 id="Animaciones_e_interacciones">Animaciones e interacciones</h3>
+
+    <p>Al igual que HTML, SVG tiene un modelo de objetos de documento (DOM) y eventos, y es accesible desde JavaScript. Esto permite al desarrollador crear animaciones ricas y permite e imágenes interactivas.</p>
+
+    <ul>
+     <li>Algunos SVG muy atractivos en <a href="http://svg-wow.org/">svg-wow.org</a></li>
+     <li>Extension Firefox (<a href="http://schepers.cc/grafox/">Grafox</a>) para añadir soporte al subconjunto de animación {{Glossary("SMIL")}}</li>
+     <li>Manipulación interactiva de <a href="http://people.mozilla.com/%7Evladimir/demos/photos.svg">fotos</a></li>
+     <li><a href="http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/">Transformaciones HTML</a> usando <code>foreignObject</code> de SVG</li>
+    </ul>
+
+    <p> </p>
+
+    <h3 id="Mapeado_gráficos_juegos_y_experimentos_3D">Mapeado, gráficos, juegos y experimentos 3D</h3>
+
+    <p>Aunque un poco de SVG puede dar mucho recorrido a la hora de mejorar contenidos web, aquí tienes algunos ejemplos de uso de gran cantidad de SVG.</p>
+
+    <ul>
+     <li><a href="http://www.codedread.com/yastframe.php">Tetris</a></li>
+     <li><a href="https://web.archive.org/web/20131019072450/http://www.treebuilder.de/svg/connect4.svg" title="Archive link provided because source now requires authentication.">Connect 4</a></li>
+     <li><a href="http://www.carto.net/papers/svg/us_population/index.html">Mapa de población de los Estados Unidos de América</a></li>
+     <li><a href="http://www.treebuilder.de/default.asp?file=441875.xml">Caja 3D box</a> y <a href="http://www.treebuilder.de/default.asp?file=206524.xml">Cajas 3D</a></li>
+     <li><a href="http://jvectormap.com/">jVectorMap</a> (mapas interactivos para visualización de datos)</li>
+     <li><a href="http://jointjs.com">JointJS</a> (JavaScript libreria de creación de diagramas con JavaScript)</li>
+    </ul>
+    </div>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<p><span class="comment">Categorías</span></p>
+
+<p><span class="comment">Interwiki Language Links</span></p>
+
+<p> </p>
+
+<p>{{ languages( { "en": "en/SVG", "fr": "fr/SVG", "it": "it/SVG", "ja": "ja/SVG", "pl": "pl/SVG", "pt": "pt/SVG" } ) }}</p>