Annotation of Amaya/amaya/AmayaPage.html.es, revision 1.9

1.1       vatton      1: <?xml version="1.0" encoding="iso-8859-1"?>
                      2: <!-- Processing Instruction generated by Amaya; the stylesheet is
                      3:      available on the W3C site at http://www.w3.org/Math/XSL/pmathml.xsl -->
                      4: <?xml-stylesheet type="text/xsl" href="pmathml.xsl"?>
                      5: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN"
                      6:       "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
                      7: <html xmlns="http://www.w3.org/1999/xhtml">
                      8: <head>
1.7       vatton      9:   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
1.4       vatton     10:   <title>Bienvenido a Amaya</title>
1.1       vatton     11:   <style type="text/css">
                     12:  body {font-family: helvetica, arial, sans-serif; color: black; background-color: #C0C0C0}
                     13:  h1 {font-size: 200%; font-weight: bold; font-style: italic; color: #488B9B;
                     14:  margin-bottom: 0}
                     15:  h2 {margin-top: 0; margin-bottom: .4em; font-style:italic;  color: #488B9B;}
                     16:  h3 {border: solid 1px #488B9B; padding: 4px; margin-bottom: .2em;  color: #488B9B }
                     17:  div p {text-align: justify}
                     18:  div {margin-top: 0}
                     19:  strong {color: #488B9B}
                     20:  .button {border: solid 1px #488B9B; padding: 4px}
                     21:  .buttonbar {text-align: center; margin-top: 1.5em}
                     22:  .pink {color: #dc5b53}
                     23:  a:link {color:#dc5b53; font-weight: bold}
                     24:  a:active {color: #ff0000; font-weight: bold}
                     25:  a:visited {color: #9820c8; font-weight: bold}</style>
                     26: </head>
                     27: 
                     28: <body xml:lang="es">
                     29: <p style="text-align: center"><svg xmlns="http://www.w3.org/2000/svg"
                     30:      width="600" height="349">
1.3       vatton     31:   <rect x="464" y="4" width="140" height="330" style="fill: #E1E1E1"/>
1.4       vatton     32:   <g style="fill:#dc5b53; font: bold 16px" transform="translate(477,0)">
1.1       vatton     33:     <a xlink:href="http://www.w3.org/Amaya">
                     34:       <text y="38px" x="0px">Amaya en el W3C
                     35:       </text>
                     36:     </a>
                     37:     <a xlink:href="../doc/html/Manual.html.es">
                     38:       <text y="68px" x="0px">Manual
                     39:       </text>
                     40:     </a>
                     41:     <a xlink:href="../doc/html/Index.html.es">
                     42:       <text y="98px" x="0px">Índice
                     43:       </text>
                     44:     </a>
                     45:     <a xlink:href="../doc/html/Annotations.html.es">
                     46:       <text y="128px" x="0px">Anotaciones
                     47:       </text>
                     48:     </a>
                     49:     <a xlink:href="../doc/html/Creating.html.es">
                     50:       <text y="158px" x="0px">XHTML
                     51:       </text>
                     52:     </a>
                     53:     <a xlink:href="../doc/html/Math.html.es">
                     54:       <text y="188px" x="0px">MathML
                     55:       </text>
                     56:     </a>
                     57:     <a xlink:href="../doc/html/SVG.html.es">
                     58:       <text y="218px" x="0px">SVG
                     59:       </text>
                     60:     </a>
                     61:     <a xlink:href="../doc/html/StyleSheets.html.es">
                     62:       <text y="248px" x="0px">CSS
                     63:       </text>
                     64:     </a>
                     65:     <a xlink:href="http://www.w3.org">
1.3       vatton     66:       <image xlink:href="../doc/images/w3c_home" y="278px" x="0px">
                     67:         <desc>W3C</desc>
                     68:       </image>
1.1       vatton     69:     </a>
                     70:   </g>
                     71:   <g>
                     72:     <image id="backgroundImage" xlink:href="amaya.png" width="471px"
                     73:            height="338px" y="1px">
                     74:       <desc>Leading the Web to its full potential</desc>
                     75:     </image>
                     76:     <defs>
                     77:       <symbol id="cube">
                     78:         <polygon points="0,0 5,5 5,20 0,15" transform="translate(0,1)"
                     79:                  stroke-width="1"/>
                     80:         <polygon points="0,0 15,0 20,5 5,5" transform="translate(1,0)"
                     81:                  stroke-width="1"/>
                     82:         <rect x="6" y="6" width="15" height="15" stroke-width="1"/>
                     83:       </symbol>
                     84:       <symbol id="amayatext">
                     85:         <text x="80" y="80" style="fill:black">AMAYA
                     86:         </text>
                     87:       </symbol>
                     88:     </defs>
                     89:     <g id="cubes">
                     90:       <use x="200" y="112" xlink:href="#cube" style="fill: #0192BF"
                     91:            opacity="20%"/>
                     92:       <use x="230" y="112" xlink:href="#cube" style="fill: #2B9FC3"
                     93:            opacity="40%"/>
                     94:       <use x="260" y="112" xlink:href="#cube" style="fill: #53AAC5"
                     95:            opacity="60%"/>
                     96:       <use x="290" y="112" xlink:href="#cube" style="fill: #7AB4C6"
                     97:            opacity="80%"/>
                     98:       <use x="320" y="112" xlink:href="#cube" style="fill: #A3C0C9"/>
                     99:       <use x="350" y="112" xlink:href="#cube" style="fill: #A3C0C9"/>
                    100:       <use x="380" y="112" xlink:href="#cube" style="fill: #A3C0C9"/>
                    101:       <use opacity="40%" x="410" y="112" xlink:href="#cube"
                    102:            style="fill: #EC1608"/>
                    103:       <use x="410" y="142" xlink:href="#cube" style="fill: #E2372C"/>
                    104:       <use x="350" y="172" xlink:href="#cube" style="fill: #DAAFAC"/>
                    105:       <use x="380" y="172" xlink:href="#cube" style="fill: #DF8984"/>
                    106:       <use x="410" y="172" xlink:href="#cube" style="fill: #DC5B53"/>
                    107:     </g>
1.4       vatton    108:     <g transform="translate(312,156)"
1.2       cheyroul  109:       style="font: 24px helvetica; font-weight: bold; fill: #488B9B;">
                    110:       <text id="logo">AMAYA
                    111:       </text>
                    112:       <text transform="scale(1,-1)skewX(-50)" opacity=".2">AMAYA
                    113:       </text>
                    114:     </g>
1.1       vatton    115:     <text id="version" x="360px" y="320"
1.9     ! vatton    116:           style="font: bold 16px italic; fill: #0192BF;">Versión 8.3
1.1       vatton    117:     </text>
                    118:     <g id="polygonMask" style="stroke: none;">
                    119:       <polygon style="fill: #0192BF;" points="0,0 0,170 78,148"
                    120:                transform="translate(30,60)" stroke-width="1" opacity="1"/>
                    121:       <polygon style="fill: #9EA4A6;" points="0,0 78,148 95,95"
                    122:                transform="translate(30,60)scale(1.000000,1.000000)"
                    123:                stroke-width="1" opacity="80%"/>
                    124:       <polygon style="fill: #89A5C7;" points="0,0 95,95 114,101"
                    125:                transform="translate(30,60)scale(1.000000,1.000000)"
                    126:                stroke-width="1" opacity="90%"/>
                    127:       <polygon style="fill: #488B9B;" points="0,0 114,101 108,55"
                    128:                transform="translate(30,60)scale(1.000000,1.000000)"
                    129:                stroke-width="1" opacity="0.6"/>
                    130:       <polygon style="fill: #9EA4A6;" points="0,0 108,55 150,54"
                    131:                transform="translate(30,60)scale(1.000000,1.000000)"
                    132:                stroke-width="1" opacity="0.4"/>
                    133:       <polygon style="fill: #EC1608;" points="0,0 150,54 130,0"
                    134:                transform="translate(30,60)scale(1.000000,1.000000)"
                    135:                stroke-width="1" opacity="0.2"/>
                    136:       <switch>
                    137:         <foreignObject y="156px" x="35px">
                    138:           <math xmlns="http://www.w3.org/1998/Math/MathML"
                    139:           style="color: #FFFFFF; font-family: times">
                    140:             <mrow>
                    141:               <mi>y</mi>
                    142:               <mo>=</mo>
                    143:               <mfrac>
                    144:                 <mn>1</mn>
                    145:                 <msqrt>
                    146:                   <mrow>
                    147:                     <msup>
                    148:                       <mi>x</mi>
                    149:                       <mn>2</mn>
                    150:                     </msup>
                    151:                     <mo>+</mo>
                    152:                     <mn>1</mn>
                    153:                   </mrow>
                    154:                 </msqrt>
                    155:               </mfrac>
                    156:             </mrow>
1.6       vatton    157:           </math></foreignObject>
1.1       vatton    158:       </switch>
                    159:     </g>
                    160:   </g>
                    161: </svg>
                    162: </p>
                    163: 
                    164: <div>
1.6       vatton    165: <p><strong>Amaya</strong> es un cliente Web que actúa como navegador y como
                    166: editor. Ha sido diseñado por el <a href="http://www.w3.org/">World Wide Web
                    167: Consortium (<acronym title="World Wide Web Consortium">W3C</acronym>)</a> con
                    168: el principal objetivo de demostrar nuevas tecnologías Web en un entorno
1.1       vatton    169: <acronym>WYSIWYG</acronym> (What You See Is What You Get = Lo Que Ves Es Lo
                    170: Que Obtienes). La versión actual implementa <acronym>HTML</acronym>
                    171: (Hypertext Markup Language = Lenguaje de Marcas de Hipertexto),
1.4       vatton    172: <acronym>XHTML</acronym> (Extensible Hypertext Markup Language = Lenguaje
                    173: Extensible de Marcas de Hipertexto), <acronym>MathML</acronym> (Mathematical
                    174: Markup Language = Lenguage Matemático de Marcas), <acronym>SVG</acronym>
                    175: (Scalable Vector Graphics = Gráficos Vectoriales Escalables),
1.5       vatton    176: <acronym>CSS</acronym> (Cascading Style Sheets = Hojas de Estilo en Cascada)
                    177: y <acronym title="HyperText Transfer Protocol">HTTP</acronym> (HyperText
                    178: Transfer Protocol = Protocolo de Transferencia de HiperTexto).</p>
                    179: 
                    180: <h3>Novedades</h3>
                    181: 
                    182: <p>Las versiones OpenGL permiten incluir transformaciones, transparencia y
                    183: animaciones SMIL en los elementos SVG. Puesto que Amaya admite documentos
                    184: compuestos, estas nuevas propiedades se aplican también a los elementos XHTML
                    185: y MathML incluidos. Puedes ver <a href="Amaya.svg">una demostración de una
                    186: animación</a> descargando una versión OpenGL de Amaya. Esta versión admite
                    187: también la propiedad CSS float.</p>
1.1       vatton    188: </div>
                    189: 
                    190: <div>
                    191: <h3>Características principales</h3>
                    192: 
                    193: <p>Con Amaya puedes manipular páginas Web complejas, con formularios, tablas
                    194: y las características más avanzadas del <acronym>HTML</acronym>. Puedes crear
                    195: y editar complejas <a href="../doc/html/Math.html.es">expresiones
                    196: matemáticas</a> y <a href="../doc/html/SVG.html.es">gráficos SVG</a> simples
                    197: dentro de las páginas web. Puedes dar estilo a tus documentos mediantes las
                    198: Hojas de Estilo en Cascada (<acronym>CSS</acronym>). Puedes publicar
                    199: documentos <acronym>HTML</acronym>, <acronym>XHTML</acronym>,
                    200: <acronym>MathML</acronym> y <acronym>SVG</acronym> en servidores locales o
                    201: remotos mediante <acronym>HTTP</acronym>. El soporte actual de
                    202: <acronym>XML</acronym> genérico (Extensible Markup Language = Lenguaje
                    203: Extensible de Marcas) te permite mostrar el contenido de cualquier documento
1.4       vatton    204: <acronym>XML</acronym> y asociarle una hoja de estilo
                    205: <acronym>CSS</acronym>.</p>
1.1       vatton    206: 
                    207: <p>La navegación y la edición están integradas en Amaya. Puedes navegar y
                    208: editar páginas web al mismo tiempo. Para editar un documento, haz clic en
                    209: cualquier lugar y ya puedes escribir; para navegar debes hacer doble clic
                    210: sobre los enlaces. Puedes modificar este comportamiento, así que como muchas
                    211: otras características, mediante el menú Especial / Preferencias.</p>
                    212: 
                    213: <p>Amaya incluye una herramienta de colaboración para <a
                    214: href="../doc/html/Annotations.html.es"><img src="annot.gif"
                    215: alt="annotation icon" />anotaciones</a> basada en tecnologías del <acronym
                    216: title="World Wide Web Consortium">W3C</acronym> (Resource Description
                    217: Framework (<acronym title="Resouce Description Framework">RDF</acronym>),
                    218: XLink y XPointer). Una anotación es un comentario, una nota o una observación
                    219: que puedes adjuntar a cualquier documento Web o a una parte de un documento.
                    220: Puedes almacenar las anotaciones localmente o en servidores de anotaciones
                    221: públicos. Al crear una anotación no modificas el documento original.</p>
                    222: </div>
                    223: 
                    224: <div>
                    225: <h3>Manual de Usuario</h3>
                    226: 
                    227: <p>Puedes acceder al Manual de Usuario a través del menú Ayuda, que muestra
                    228: cada sección por separado. Si quieres imprimir el manual completo, haz clic
                    229: en este enlace a la <a href="../doc/html/Manual.html.es">página principal del
                    230: Manual</a>. Construye el manual completo con el comando "Hacer libro" del
                    231: menú Especial e imprime el resultado.</p>
                    232: </div>
                    233: 
                    234: <div>
                    235: <h3>Copyright</h3>
                    236: 
                    237: <p>Se concede permiso para utilizar, copiar, modificar y distribuir este
                    238: programa y su documentación, para cualquier fin y sin cargas ni regalías,
                    239: siempre que el texto completo de la licencia <a
                    240: href="http://www.w3.org/Consortium/Legal/copyright-software.html"><acronym
                    241: title="Massachusetts Institute of Technology">MIT</acronym> and INRIA</a> se
                    242: incluya en <strong>todas</strong> las copias del programa y de la
                    243: documentación o de porciones de ellos, incluso en las modificaciones que tú
                    244: realices.</p>
                    245: </div>
                    246: </body>
                    247: </html>

Webmaster