File:  [Public] / Amaya / amaya / AmayaPage.html.es
Revision 1.1: download - view: text, annotated - select for diffs
Mon Apr 14 12:21:53 2003 UTC (21 years, 2 months ago) by vatton
Branches: MAIN
CVS tags: HEAD
Spanish Welcome page.
Irene

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Processing Instruction generated by Amaya; the stylesheet is
     available on the W3C site at http://www.w3.org/Math/XSL/pmathml.xsl -->
<?xml-stylesheet type="text/xsl" href="pmathml.xsl"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN"
      "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Welcome to Amaya</title>
  <style type="text/css">
 body {font-family: helvetica, arial, sans-serif; color: black; background-color: #C0C0C0}
 h1 {font-size: 200%; font-weight: bold; font-style: italic; color: #488B9B;
 margin-bottom: 0}
 h2 {margin-top: 0; margin-bottom: .4em; font-style:italic;  color: #488B9B;}
 h3 {border: solid 1px #488B9B; padding: 4px; margin-bottom: .2em;  color: #488B9B }
 div p {text-align: justify}
 div {margin-top: 0}
 strong {color: #488B9B}
 .button {border: solid 1px #488B9B; padding: 4px}
 .buttonbar {text-align: center; margin-top: 1.5em}
 .pink {color: #dc5b53}
 a:link {color:#dc5b53; font-weight: bold}
 a:active {color: #ff0000; font-weight: bold}
 a:visited {color: #9820c8; font-weight: bold}</style>
</head>

<body xml:lang="es">
<p style="text-align: center"><svg xmlns="http://www.w3.org/2000/svg"
     width="600" height="349">
  <rect x="464" y="4" width="138" height="330" style="fill: #E1E1E1"/>
  <g style="fill:#dc5b53; font: bold 16px"
    transform="translate(477,0) scale(0.1)">
    <animateTransform attributeName="transform" attributeType="XML"
                      type="scale" from="0.1" to="1" additive="sum"
                      begin="0s" dur="10s" fill="freeze"/>
    <a xlink:href="http://www.w3.org/Amaya">
      <text y="38px" x="0px">Amaya en el W3C
      </text>
    </a>
    <a xlink:href="../doc/html/Manual.html.es">
      <text y="68px" x="0px">Manual
      </text>
    </a>
    <a xlink:href="../doc/html/Index.html.es">
      <text y="98px" x="0px">Índice
      </text>
    </a>
    <a xlink:href="../doc/html/Annotations.html.es">
      <text y="128px" x="0px">Anotaciones
      </text>
    </a>
    <a xlink:href="../doc/html/Creating.html.es">
      <text y="158px" x="0px">XHTML
      </text>
    </a>
    <a xlink:href="../doc/html/Math.html.es">
      <text y="188px" x="0px">MathML
      </text>
    </a>
    <a xlink:href="../doc/html/SVG.html.es">
      <text y="218px" x="0px">SVG
      </text>
    </a>
    <a xlink:href="../doc/html/StyleSheets.html.es">
      <text y="248px" x="0px">CSS
      </text>
    </a>
    <a xlink:href="http://www.w3.org">
      <text y="278px" x="0px">W3C
      </text>
    </a>
  </g>
  <g>
    <image id="backgroundImage" xlink:href="amaya.png" width="471px"
           height="338px" y="1px">
      <desc>Leading the Web to its full potential</desc>
    </image>
    <defs>
      <symbol id="cube">
        <polygon points="0,0 5,5 5,20 0,15" transform="translate(0,1)"
                 stroke-width="1"/>
        <polygon points="0,0 15,0 20,5 5,5" transform="translate(1,0)"
                 stroke-width="1"/>
        <rect x="6" y="6" width="15" height="15" stroke-width="1"/>
      </symbol>
      <symbol id="amayatext">
        <text x="80" y="80" style="fill:black">AMAYA
        </text>
      </symbol>
    </defs>
    <g transform="translate(-50,-20)"
      style="font-family:Times New Roman;font-size:96">
      <use xlink:href="#amayatext"/>
      <use opacity="20%" transform="matrix( 1 0 -1 -1 80 160 )"
           xlink:href="#amayatext"/>
    </g>
    <g id="cubes">
      <animateColor attributeName="fill" attributeType="CSS"
                    from="rgb(0,0,255)" to="rgb(128,0,0)" begin="0s" dur="6s"
                    fill="freeze"/>
      <use x="200" y="112" xlink:href="#cube" style="fill: #0192BF"
           opacity="20%"/>
      <use x="230" y="112" xlink:href="#cube" style="fill: #2B9FC3"
           opacity="40%"/>
      <use x="260" y="112" xlink:href="#cube" style="fill: #53AAC5"
           opacity="60%"/>
      <use x="290" y="112" xlink:href="#cube" style="fill: #7AB4C6"
           opacity="80%"/>
      <use x="320" y="112" xlink:href="#cube" style="fill: #A3C0C9"/>
      <use x="350" y="112" xlink:href="#cube" style="fill: #A3C0C9"/>
      <use x="380" y="112" xlink:href="#cube" style="fill: #A3C0C9"/>
      <use opacity="40%" x="410" y="112" xlink:href="#cube"
           style="fill: #EC1608"/>
      <use x="410" y="142" xlink:href="#cube" style="fill: #E2372C"/>
      <use x="350" y="172" xlink:href="#cube" style="fill: #DAAFAC"/>
      <use x="380" y="172" xlink:href="#cube" style="fill: #DF8984"/>
      <use x="410" y="172" xlink:href="#cube" style="fill: #DC5B53"/>
    </g>
    <text id="version" x="360px" y="320"
          style="font: bold 16px italic; fill: #0192BF;">Versión 8.0
    </text>
    <g id="polygonMask" style="stroke: none;">
      <polygon style="fill: #0192BF;" points="0,0 0,170 78,148"
               transform="translate(30,60)" stroke-width="1" opacity="1"/>
      <polygon style="fill: #9EA4A6;" points="0,0 78,148 95,95"
               transform="translate(30,60)scale(1.000000,1.000000)"
               stroke-width="1" opacity="80%"/>
      <polygon style="fill: #89A5C7;" points="0,0 95,95 114,101"
               transform="translate(30,60)scale(1.000000,1.000000)"
               stroke-width="1" opacity="90%"/>
      <polygon style="fill: #488B9B;" points="0,0 114,101 108,55"
               transform="translate(30,60)scale(1.000000,1.000000)"
               stroke-width="1" opacity="0.6"/>
      <polygon style="fill: #9EA4A6;" points="0,0 108,55 150,54"
               transform="translate(30,60)scale(1.000000,1.000000)"
               stroke-width="1" opacity="0.4"/>
      <polygon style="fill: #EC1608;" points="0,0 150,54 130,0"
               transform="translate(30,60)scale(1.000000,1.000000)"
               stroke-width="1" opacity="0.2"/>
      <switch>
        <foreignObject y="156px" x="35px">
          <math xmlns="http://www.w3.org/1998/Math/MathML"
          style="color: #FFFFFF; font-family: times">
            <mrow>
              <mi>y</mi>
              <mo>=</mo>
              <mfrac>
                <mn>1</mn>
                <msqrt>
                  <mrow>
                    <msup>
                      <mi>x</mi>
                      <mn>2</mn>
                    </msup>
                    <mo>+</mo>
                    <mn>1</mn>
                  </mrow>
                </msqrt>
              </mfrac>
            </mrow>
          </math>
        </foreignObject>
      </switch>
    </g>
  </g>
  <g id="logo"
    style="font: 68px helvetica; font-weight: bold; fill: #488B9B;"
    transform="translate(0,200)">
    <text opacity="0" transform="rotate(-90, 0, 0) translate(13,0)">A 
      <animate attributeName="opacity" attributeType="CSS" from="0" to="1"
               begin="0s" dur="3s" fill="freeze"/>
      <animateTransform attributeName="transform" attributeType="XML"
                        type="scale" from="1" to="0.5" additive="sum"
                        begin="0s" dur="3s" fill="freeze"/>
    </text>
    <text opacity="0" transform="rotate(-90, 0, 0) translate(33,0)">M 
      <animate attributeName="opacity" attributeType="CSS" from="0" to="1"
               begin="1s" dur="3s" fill="freeze"/>
      <animateTransform attributeName="transform" attributeType="XML"
                        type="scale" from="1" to="0.5" additive="sum"
                        begin="1s" dur="3s" fill="freeze"/>
    </text>
    <text opacity="0" transform="rotate(-90, 0, 0) translate(60,0)">A 
      <animate attributeName="opacity" attributeType="CSS" from="0" to="1"
               begin="2s" dur="3s" fill="freeze"/>
      <animateTransform attributeName="transform" attributeType="XML"
                        type="scale" from="1" to="0.5" additive="sum"
                        begin="2s" dur="3s" fill="freeze"/>
    </text>
    <text opacity="0" transform="rotate(-90, 0, 0) translate(80,0)">Y 
      <animate attributeName="opacity" attributeType="CSS" from="0" to="1"
               begin="3s" dur="3s" fill="freeze"/>
      <animateTransform attributeName="transform" attributeType="XML"
                        type="scale" from="1" to="0.5" additive="sum"
                        begin="3s" dur="3s" fill="freeze"/>
    </text>
    <text opacity="0" transform="rotate(-90, 0, 0) translate(100,0)">A 
      <animate attributeName="opacity" attributeType="CSS" from="0" to="1"
               begin="4s" dur="3s" fill="freeze"/>
      <animateTransform attributeName="transform" attributeType="XML"
                        type="scale" from="1" to="0.5" additive="sum"
                        begin="4s" dur="3s" fill="freeze"/>
    </text>
  </g>
</svg>
</p>

<div>
<p><strong>Amaya</strong> es un cliente Web que actúa como navegador y como
editor. Ha sido diseñado por el <a href="http://www.w3.org/">World Wide Web
Consortium <acronym title="World Wide Web Consortium">(W3C</acronym>)</a> con
el principal objetivo de demostrar nuevas tecnologías Web en un entorno
<acronym>WYSIWYG</acronym> (What You See Is What You Get = Lo Que Ves Es Lo
Que Obtienes). La versión actual implementa <acronym>HTML</acronym>
(Hypertext Markup Language = Lenguaje de Marcas de Hipertexto),
<acronym>XHTML</acronym> (Extensible Hypertext Markup Language = <acronym
title="Extensible Hypertext Markup Language">Lenguaje Extensible de Marcas de
Hipertexto),</acronym> <acronym>MathML</acronym> (Mathematical Markup
Language <acronym title="Mathematical Markup Language">= Lenguage Matemático
de Marcas</acronym>), <acronym>SVG</acronym> (Scalable Vector Graphics =
Gráficos Vectoriales Escalables), <acronym>CSS</acronym> (Cascading Style
Sheets <acronym title="Cascaded Stylesheets">= Hojas de Estilo en
Cascada</acronym>) y <acronym>HTTP</acronym> (HyperText Transfer Protocol =
Protocolo de Transferencia de HiperTexto).</p>
</div>

<div>
<h3>Características principales</h3>

<p>Con Amaya puedes manipular páginas Web complejas, con formularios, tablas
y las características más avanzadas del <acronym>HTML</acronym>. Puedes crear
y editar complejas <a href="../doc/html/Math.html.es">expresiones
matemáticas</a> y <a href="../doc/html/SVG.html.es">gráficos SVG</a> simples
dentro de las páginas web. Puedes dar estilo a tus documentos mediantes las
Hojas de Estilo en Cascada (<acronym>CSS</acronym>). Puedes publicar
documentos <acronym>HTML</acronym>, <acronym>XHTML</acronym>,
<acronym>MathML</acronym> y <acronym>SVG</acronym> en servidores locales o
remotos mediante <acronym>HTTP</acronym>. El soporte actual de
<acronym>XML</acronym> genérico (Extensible Markup Language = Lenguaje
Extensible de Marcas) te permite mostrar el contenido de cualquier documento
XML y asociarle una hoja de estilo CSS.</p>

<p>La navegación y la edición están integradas en Amaya. Puedes navegar y
editar páginas web al mismo tiempo. Para editar un documento, haz clic en
cualquier lugar y ya puedes escribir; para navegar debes hacer doble clic
sobre los enlaces. Puedes modificar este comportamiento, así que como muchas
otras características, mediante el menú Especial / Preferencias.</p>

<p>Amaya incluye una herramienta de colaboración para <a
href="../doc/html/Annotations.html.es"><img src="annot.gif"
alt="annotation icon" />anotaciones</a> basada en tecnologías del <acronym
title="World Wide Web Consortium">W3C</acronym> (Resource Description
Framework (<acronym title="Resouce Description Framework">RDF</acronym>),
XLink y XPointer). Una anotación es un comentario, una nota o una observación
que puedes adjuntar a cualquier documento Web o a una parte de un documento.
Puedes almacenar las anotaciones localmente o en servidores de anotaciones
públicos. Al crear una anotación no modificas el documento original.</p>
</div>

<div>
<h3>Manual de Usuario</h3>

<p>Puedes acceder al Manual de Usuario a través del menú Ayuda, que muestra
cada sección por separado. Si quieres imprimir el manual completo, haz clic
en este enlace a la <a href="../doc/html/Manual.html.es">página principal del
Manual</a>. Construye el manual completo con el comando "Hacer libro" del
menú Especial e imprime el resultado.</p>
</div>

<div>
<h3>Copyright</h3>

<p>Se concede permiso para utilizar, copiar, modificar y distribuir este
programa y su documentación, para cualquier fin y sin cargas ni regalías,
siempre que el texto completo de la licencia <a
href="http://www.w3.org/Consortium/Legal/copyright-software.html"><acronym
title="Massachusetts Institute of Technology">MIT</acronym> and INRIA</a> se
incluya en <strong>todas</strong> las copias del programa y de la
documentación o de porciones de ellos, incluso en las modificaciones que tú
realices.</p>
</div>
</body>
</html>


Webmaster