http://geeks.ms/wikis/vsto/acerca-de-html-5.aspxWiki sobre Microsoft Visual Studio Tools for Officeen-USCommunityServer 2008.5 SP1 (Build: 31106.3070)http://geeks.ms/wikis/vsto/acerca-de-html-5.aspxSun, 21 Nov 2010 14:01:32 GMT2a2e7ade-7474-448b-9de5-1515d8bb7d1b:5Ángel Manuelhttp://geeks.ms/wikis/vsto/acerca-de-html-5/comments.aspxRevisión actual enviado a Wiki sobre Microsoft Visual Studio Tools for Office en Geeks•ms por Ángel Manuel a 11/21/2010 3:01:32 PM<br /> <h2><span style="text-decoration: line-through; color: red;">Sobre</span> <span style="background: SpringGreen;">Acerca</span> <span style="background: SpringGreen;">de</span> HTML 5 </h2> <div style="font-size: 90%;">Archivado en: <span style="text-decoration: line-through; color: red;">html5</span><span style="text-decoration: line-through; color: red;">,</span> desarrollo web<span style="background: SpringGreen;">,</span> <span style="background: SpringGreen;">html5</span></div> HTML5</strong> es la quinta revisión de este mismo lenguaje que se caracterizará principalmente por la posibilidad de reproducir audio y vídeo desde el navegador sin descargar ningún plugin (dichas etiquetas son <span class="auto-style1">&lt;audio&gt;</span> y &lt;video&gt;). Para entender este concepto mejor, os dejo varios apartados sobre este lenguaje:</p> <ul> <li><strong>DOCTYPE (Declaración del tipo de documento)</strong>: Para esta revisión, será la siguiente: <span class="Apple-style-span" style="border-collapse:separate;font-family:&#39;Times New Roman&#39;;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;orphans:2;text-align:-webkit-auto;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-border-horizontal-spacing:0px;-webkit-border-vertical-spacing:0px;-webkit-text-decorations-in-effect:none;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;font-size:medium;"> <span class="Apple-style-span" style="font-family:monospace;"> &lt;!DOCTYPE html&gt;</span></span></li> <li><strong>Formatos de vídeo</strong>: Dependiendo del navegador, los formatos que pueden soportar son H264, OGG y WEBM/VP8.</li> <li><strong>Formatos de audio:</strong> Igual que ocurre con los de vídeo respecto a los navegadores, son MP3, OGG y WAV.</li> <li><strong>Navegadores que soportan HTML5: </strong>Safari 4+, Google Chrome, Firefox 4, Internet Explorer 9 y Opera 10.6+.</li> </ul> <p>Servicios como YouTube, Dailymotion y Facebook, tienen pensado dar el salto a este lenguaje, teniendo YouTube su sección HTML5 (<a href="http://www.youtube.com/html5">http://www.youtube.com/html5</a>), estando siendo considerado el sustituto de Flash aunque sus desarrolladores están intentando integrar ambos estándares.</p> <p>Pueden obtener toda la información sobre este lenguaje en la página de la <strong>W3C (</strong><a href="http://dev.w3.org/html5/spec/"><strong>http://dev.w3.org/html5/spec/</strong></a>)<strong>.</strong></p> http://geeks.ms/wikis/vsto/acerca-de-html-5/revision/5.aspxSun, 21 Nov 2010 14:01:04 GMT2a2e7ade-7474-448b-9de5-1515d8bb7d1b:38Ángel Manuelhttp://geeks.ms/wikis/vsto/acerca-de-html-5/comments.aspxRevisión 5 enviado a Wiki sobre Microsoft Visual Studio Tools for Office en Geeks•ms por Ángel Manuel a 11/21/2010 3:01:04 PM<br /> <h2><span style="background: SpringGreen;">Sobre</span> HTML 5 <span style="text-decoration: line-through; color: red;">en</span> <span style="text-decoration: line-through; color: red;">tu</span> <span style="text-decoration: line-through; color: red;">web</span></h2> <div style="font-size: 90%;">Archivado en: html5, desarrollo web</div> HTML5</strong> es la <span style="text-decoration: line-through; color: red;">actual</span> <span style="text-decoration: line-through; color: red;">versi</span><span style="text-decoration: line-through; color: red;">&oacute;n</span> <span style="background: SpringGreen;">quinta</span> <span style="background: SpringGreen;">revisión</span> de este <span style="background: SpringGreen;">mismo</span> lenguaje <span style="text-decoration: line-through; color: red;">,</span> <span style="text-decoration: line-through; color: red;">conocido</span> <span style="text-decoration: line-through; color: red;">como</span> <span style="background: SpringGreen;">que</span> <span style="background: SpringGreen;">se</span> <span style="background: SpringGreen;">caracterizará</span> <span style="background: SpringGreen;">principalmente</span> <span style="background: SpringGreen;">por</span> <span style="background: SpringGreen;">la</span> <span style="background: SpringGreen;">posibilidad</span> <span style="background: SpringGreen;">de</span> <span style="background: SpringGreen;">reproducir</span> <span style="background: SpringGreen;">audio</span> <span style="background: SpringGreen;">y</span> <span style="background: SpringGreen;">vídeo</span> <span style="background: SpringGreen;">desde</span> el <span style="text-decoration: line-through; color: red;">dominante</span> <span style="background: SpringGreen;">navegador</span> <span style="background: SpringGreen;">sin</span> <span style="background: SpringGreen;">descargar</span> <span style="background: SpringGreen;">ningún</span> <span style="background: SpringGreen;">plugin</span> <span style="background: SpringGreen;">(</span><span style="background: SpringGreen;">dichas</span> <span style="background: SpringGreen;">etiquetas</span> <span style="background: SpringGreen;">son</span> <span class="auto-style1"><span style="background: SpringGreen;">&lt;audio&gt;</span></span> <span style="background: SpringGreen;">y</span> <span style="background: SpringGreen;">&lt;video&gt;).</span> <span style="background: SpringGreen;">Para</span> <span style="background: SpringGreen;">entender</span> <span style="background: SpringGreen;">este</span> <span style="background: SpringGreen;">concepto</span> <span style="background: SpringGreen;">mejor</span><span style="background: SpringGreen;">,</span> <span style="background: SpringGreen;">os</span> <span style="background: SpringGreen;">dejo</span> <span style="background: SpringGreen;">varios</span> <span style="background: SpringGreen;">apartados</span> <span style="background: SpringGreen;">sobre</span> <span style="background: SpringGreen;">este</span> <span style="background: SpringGreen;">lenguaje</span><span style="background: SpringGreen;">:</span></p> <ul> <li><strong><span style="background: SpringGreen;">DOCTYPE</span> <span style="background: SpringGreen;">(</span><span style="background: SpringGreen;">Declaración</span> <span style="background: SpringGreen;">del</span> <span style="background: SpringGreen;">tipo</span> de <span style="text-decoration: line-through; color: red;">Internet</span><span style="background: SpringGreen;">documento</span><span style="background: SpringGreen;">)</span></strong><span style="background: SpringGreen;">:</span> <span style="background: SpringGreen;">Para</span> <span style="background: SpringGreen;">esta</span> <span style="background: SpringGreen;">revisión</span>, <span style="background: SpringGreen;">será</span> <span style="background: SpringGreen;">la</span> <span style="background: SpringGreen;">siguiente</span><span style="background: SpringGreen;">:</span> <span class="Apple-style-span" style="border-collapse:separate;font-family:&#39;Times New Roman&#39;;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;orphans:2;text-align:-webkit-auto;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-border-horizontal-spacing:0px;-webkit-border-vertical-spacing:0px;-webkit-text-decorations-in-effect:none;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;font-size:medium;"> <span class="Apple-style-span" style="font-family:monospace;"> <span style="background: SpringGreen;">&lt;!DOCTYPE</span> <span style="background: SpringGreen;">html</span><span style="background: SpringGreen;">&gt;</span></span></span></li> <li><strong><span style="background: SpringGreen;">Formatos</span> <span style="background: SpringGreen;">de</span> <span style="background: SpringGreen;">vídeo</span></strong><span style="background: SpringGreen;">:</span> <span style="background: SpringGreen;">Dependiendo</span> <span style="background: SpringGreen;">del</span> <span style="background: SpringGreen;">navegador</span><span style="background: SpringGreen;">,</span> <span style="background: SpringGreen;">los</span> <span style="background: SpringGreen;">formatos</span> que <span style="text-decoration: line-through; color: red;">tiene</span> <span style="text-decoration: line-through; color: red;">como</span> <span style="text-decoration: line-through; color: red;">novedad</span> <span style="text-decoration: line-through; color: red;">adem</span><span style="text-decoration: line-through; color: red;">&aacute;s</span> <span style="background: SpringGreen;">pueden</span> <span style="background: SpringGreen;">soportar</span> <span style="background: SpringGreen;">son</span> <span style="background: SpringGreen;">H264</span><span style="background: SpringGreen;">,</span> <span style="background: SpringGreen;">OGG</span> <span style="background: SpringGreen;">y</span> <span style="background: SpringGreen;">WEBM/VP8</span><span style="background: SpringGreen;">.</span></li> <li><strong><span style="background: SpringGreen;">Formatos</span> de <span style="text-decoration: line-through; color: red;">otras</span> <span style="text-decoration: line-through; color: red;">m</span><span style="text-decoration: line-through; color: red;">&aacute;s,</span> <span style="text-decoration: line-through; color: red;">la</span> <span style="text-decoration: line-through; color: red;">posibilidad</span> <span style="background: SpringGreen;">audio</span><span style="background: SpringGreen;">:</span></strong> <span style="background: SpringGreen;">Igual</span> <span style="background: SpringGreen;">que</span> <span style="background: SpringGreen;">ocurre</span> <span style="background: SpringGreen;">con</span> <span style="background: SpringGreen;">los</span> de <span style="text-decoration: line-through; color: red;">insertar</span> <span style="background: SpringGreen;">vídeo</span> <span style="background: SpringGreen;">respecto</span> <span style="background: SpringGreen;">a</span> <span style="background: SpringGreen;">los</span> <span style="background: SpringGreen;">navegadores</span><span style="background: SpringGreen;">,</span> <span style="background: SpringGreen;">son</span> <span style="background: SpringGreen;">MP3</span><span style="background: SpringGreen;">,</span> <span style="background: SpringGreen;">OGG</span> y <span style="text-decoration: line-through; color: red;">ver</span> <span style="text-decoration: line-through; color: red;">v</span><span style="text-decoration: line-through; color: red;">&iacute;deos</span> <span style="text-decoration: line-through; color: red;">en</span> <span style="background: SpringGreen;">WAV</span><span style="background: SpringGreen;">.</span></li> <li><strong><span style="background: SpringGreen;">Navegadores</span> <span style="background: SpringGreen;">que</span> <span style="background: SpringGreen;">soportan</span> <span style="background: SpringGreen;">HTML5</span><span style="background: SpringGreen;">:</span> </strong><span style="background: SpringGreen;">Safari</span> <span style="background: SpringGreen;">4+</span><span style="background: SpringGreen;">,</span> <span style="background: SpringGreen;">Google</span> <span style="background: SpringGreen;">Chrome</span><span style="background: SpringGreen;">,</span> <span style="background: SpringGreen;">Firefox</span> <span style="background: SpringGreen;">4</span><span style="background: SpringGreen;">,</span> Internet <span style="text-decoration: line-through; color: red;">sin</span> <span style="text-decoration: line-through; color: red;">instalar</span> <span style="text-decoration: line-through; color: red;">Flash</span><span style="background: SpringGreen;">Explorer</span> <span style="background: SpringGreen;">9</span> <span style="background: SpringGreen;">y</span> <span style="background: SpringGreen;">Opera</span> <span style="background: SpringGreen;">10.6+</span>.<span style="text-decoration: line-through; color: red;">Los</span> <span style="text-decoration: line-through; color: red;">editores</span> <span style="text-decoration: line-through; color: red;">de</span> <span style="text-decoration: line-through; color: red;">p</span><span style="text-decoration: line-through; color: red;">&aacute;ginas</span> <span style="text-decoration: line-through; color: red;">web</span> <span style="text-decoration: line-through; color: red;">m</span><span style="text-decoration: line-through; color: red;">&aacute;s</span> <span style="text-decoration: line-through; color: red;">comunes</span> </li> </ul> <p><span style="background: SpringGreen;">Servicios</span> como <span style="text-decoration: line-through; color: red;">Dreamweaver</span><span style="background: SpringGreen;">YouTube</span>, <span style="text-decoration: line-through; color: red;">NVU</span> <span style="background: SpringGreen;">Dailymotion</span> y <span style="text-decoration: line-through; color: red;">Expression</span> <span style="text-decoration: line-through; color: red;">Web</span> <span style="text-decoration: line-through; color: red;">no</span> <span style="text-decoration: line-through; color: red;">disponen</span> <span style="text-decoration: line-through; color: red;">de</span> <span style="text-decoration: line-through; color: red;">una</span> <span style="text-decoration: line-through; color: red;">funci</span><span style="text-decoration: line-through; color: red;">&oacute;n</span> <span style="text-decoration: line-through; color: red;">para</span> <span style="background: SpringGreen;">Facebook</span><span style="background: SpringGreen;">,</span> <span style="background: SpringGreen;">tienen</span> <span style="background: SpringGreen;">pensado</span> <span style="background: SpringGreen;">dar</span> <span style="background: SpringGreen;">el</span> <span style="background: SpringGreen;">salto</span> a <span style="text-decoration: line-through; color: red;">&ntilde;adir</span> este lenguaje, <span style="text-decoration: line-through; color: red;">pero</span> <span style="text-decoration: line-through; color: red;">para</span> <span style="text-decoration: line-through; color: red;">a</span><span style="text-decoration: line-through; color: red;">&ntilde;adirle</span> <span style="background: SpringGreen;">teniendo</span> <span style="background: SpringGreen;">YouTube</span> <span style="background: SpringGreen;">su</span> <span style="background: SpringGreen;">sección</span> HTML5 <span style="text-decoration: line-through; color: red;">deberemos</span> <span style="text-decoration: line-through; color: red;">abrir</span> <span style="text-decoration: line-through; color: red;">un</span> <span style="text-decoration: line-through; color: red;">editor</span> <span style="text-decoration: line-through; color: red;">de</span> <span style="text-decoration: line-through; color: red;">p</span><span style="text-decoration: line-through; color: red;">&aacute;ginas</span> <span style="text-decoration: line-through; color: red;">web</span><span style="background: SpringGreen;">(</span><a href="http://www.youtube.com/html5"><span style="background: SpringGreen;">http://www.youtube.com/html5</span></a><span style="background: SpringGreen;">)</span>, <span style="text-decoration: line-through; color: red;">ver</span> <span style="background: SpringGreen;">estando</span> <span style="background: SpringGreen;">siendo</span> <span style="background: SpringGreen;">considerado</span> el <span style="text-decoration: line-through; color: red;">c</span><span style="text-decoration: line-through; color: red;">&oacute;digo</span> <span style="background: SpringGreen;">sustituto</span> de <span style="text-decoration: line-through; color: red;">la</span> <span style="text-decoration: line-through; color: red;">p</span><span style="text-decoration: line-through; color: red;">&aacute;gina</span> <span style="text-decoration: line-through; color: red;">y</span> <span style="text-decoration: line-through; color: red;">modificamos</span> <span style="background: SpringGreen;">Flash</span> <span style="background: SpringGreen;">aunque</span> <span style="background: SpringGreen;">sus</span> <span style="background: SpringGreen;">desarrolladores</span> <span style="background: SpringGreen;">están</span> <span style="background: SpringGreen;">intentando</span> <span style="background: SpringGreen;">integrar</span> <span style="background: SpringGreen;">ambos</span> <span style="background: SpringGreen;">estándares</span><span style="background: SpringGreen;">.</span></p> <p><span style="background: SpringGreen;">Pueden</span> <span style="background: SpringGreen;">obtener</span> <span style="background: SpringGreen;">toda</span> la <span style="text-decoration: line-through; color: red;">l</span><span style="text-decoration: line-through; color: red;">&iacute;nea</span> <span style="text-decoration: line-through; color: red;">similar</span> <span style="text-decoration: line-through; color: red;">a</span> <span style="text-decoration: line-through; color: red;">lo</span> <span style="text-decoration: line-through; color: red;">que</span> <span style="text-decoration: line-through; color: red;">apreciamos</span> <span style="background: SpringGreen;">información</span> <span style="background: SpringGreen;">sobre</span> <span style="background: SpringGreen;">este</span> <span style="background: SpringGreen;">lenguaje</span> en la <span style="text-decoration: line-through; color: red;">1a</span> <span style="text-decoration: line-through; color: red;">imagen</span> <span style="text-decoration: line-through; color: red;">(</span><span style="text-decoration: line-through; color: red;">quiz</span><span style="text-decoration: line-through; color: red;">&aacute;</span> <span style="text-decoration: line-through; color: red;">sea</span> <span style="text-decoration: line-through; color: red;">diferente</span> <span style="text-decoration: line-through; color: red;">pero</span> <span style="text-decoration: line-through; color: red;">parecida</span><span style="text-decoration: line-through; color: red;">)</span> <span style="background: SpringGreen;">página</span> de <span style="text-decoration: line-through; color: red;">modo</span> <span style="text-decoration: line-through; color: red;">que</span> <span style="text-decoration: line-through; color: red;">quede</span> <span style="text-decoration: line-through; color: red;">como</span> <span style="text-decoration: line-through; color: red;">en</span> <span style="text-decoration: line-through; color: red;">la</span> <span style="text-decoration: line-through; color: red;">2a</span> <span style="text-decoration: line-through; color: red;">imagen</span><span style="text-decoration: line-through; color: red;">:</span></p> <div></div> <div><a style="clear:left;float:left;margin-bottom:1em;margin-right:1em;" href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54-7j1MAlI/AAAAAAAAICg/2CEqkz_2-nE/s1600-h/1.JPG"><span style="text-decoration: line-through; color: red;"><img width="640" src="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54-7j1MAlI/AAAAAAAAICg/2CEqkz_2-nE/s640/1.JPG" height="19" border="0" alt="" /></span></a> <div style="clear:both;text-align:center;"></div> <div style="clear:both;text-align:center;"><a style="clear:left;float:left;margin-bottom:1em;margin-right:1em;" href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s1600/2.JPG"><span style="text-decoration: line-through; color: red;"><img width="200" src="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s200/2.JPG" height="30" border="0" alt="" /></span></a></div> </div> <div style="clear:both;text-align:left;"></div> <div style="clear:both;text-align:left;"><span style="text-decoration: line-through; color: red;">Respecto</span> <span style="text-decoration: line-through; color: red;">a</span> <span style="text-decoration: line-through; color: red;">v</span><span style="text-decoration: line-through; color: red;">&iacute;deo,</span> <span style="text-decoration: line-through; color: red;">debemos</span> <span style="text-decoration: line-through; color: red;">emplear</span> <span style="text-decoration: line-through; color: red;">la</span> <span style="text-decoration: line-through; color: red;">etiqueta</span> <span style="text-decoration: line-through; color: red;">&lt;video&gt;</span> <span style="text-decoration: line-through; color: red;">mientras</span> <span style="text-decoration: line-through; color: red;">que</span> <span style="text-decoration: line-through; color: red;">para</span> <span style="text-decoration: line-through; color: red;">audio</span> <span style="text-decoration: line-through; color: red;">emplearemos</span> la <span style="text-decoration: line-through; color: red;">etiqueta</span> <span style="text-decoration: line-through; color: red;">&lt;audio&gt;</span> <span style="text-decoration: line-through; color: red;">pudi</span><span style="text-decoration: line-through; color: red;">&eacute;ndose</span> <span style="text-decoration: line-through; color: red;">emplear</span> <span style="text-decoration: line-through; color: red;">los</span> <span style="text-decoration: line-through; color: red;">formatos</span> <span style="text-decoration: line-through; color: red;">H264</span><span style="text-decoration: line-through; color: red;">,</span> <span style="text-decoration: line-through; color: red;">OGG</span><span style="text-decoration: line-through; color: red;">,</span> <span style="text-decoration: line-through; color: red;">o</span> <span style="text-decoration: line-through; color: red;">WEBM</span> <span style="text-decoration: line-through; color: red;">en</span> <span style="text-decoration: line-through; color: red;">funci</span><span style="text-decoration: line-through; color: red;">&oacute;n</span> <span style="text-decoration: line-through; color: red;">del</span> <span style="text-decoration: line-through; color: red;">navegador</span><strong><span style="background: SpringGreen;">W3C</span> <span style="background: SpringGreen;">(</span></strong><a href="http://dev.w3.org/html5/spec/"><strong><span style="background: SpringGreen;">http://dev.w3.org/html5/spec</span><span style="background: SpringGreen;">/</span></strong></a><span style="background: SpringGreen;">)</span><strong>.</strong></p> http://geeks.ms/wikis/vsto/acerca-de-html-5/revision/4.aspxWed, 08 Sep 2010 13:18:05 GMT2a2e7ade-7474-448b-9de5-1515d8bb7d1b:37Ángel Manuelhttp://geeks.ms/wikis/vsto/acerca-de-html-5/comments.aspxRevisión 4 enviado a Wiki sobre Microsoft Visual Studio Tools for Office en Geeks•ms por Ángel Manuel a 9/8/2010 3:18:05 PM<br /> <h2>HTML 5 en tu web</h2> <div style="font-size: 90%;">Archivado en: html5, desarrollo web</div> <p>HTML5 es la actual versi&oacute;n de este lenguaje, conocido como el dominante de Internet, que tiene como novedad adem&aacute;s de otras m&aacute;s, la posibilidad de insertar y ver v&iacute;deos en Internet sin instalar Flash. Los editores de p&aacute;ginas web m&aacute;s comunes como Dreamweaver, NVU y Expression Web no disponen de una funci&oacute;n para a&ntilde;adir este lenguaje, pero para a&ntilde;adirle HTML5 deberemos abrir un editor de p&aacute;ginas web, ver el c&oacute;digo de la p&aacute;gina y modificamos la l&iacute;nea similar a lo que apreciamos en la 1a imagen (quiz&aacute; sea diferente pero parecida) de modo que quede como en la 2a imagen:</p> <div></div> <div><a href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54-7j1MAlI/AAAAAAAAICg/2CEqkz_2-nE/s1600-h/1.JPG" style="clear:left;float:left;margin-bottom:1em;margin-right:1em;"><span style="text-decoration: line-through; color: red;"><img border="0" height="19" src="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54-7j1MAlI/AAAAAAAAICg/2CEqkz_2-nE/s640/1.JPG" width="640" alt="" /></span></a> <div style="clear:both;text-align:center;"></div> <div style="clear:both;text-align:center;"><a href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s1600/2.JPG" style="clear:left;float:left;margin-bottom:1em;margin-right:1em;"><span style="text-decoration: line-through; color: red;"><img border="0" height="30" src="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s200/2.JPG" width="200" alt="" /></span></p> <div></div> <div><a style="clear:left;float:left;margin-bottom:1em;margin-right:1em;" href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54-7j1MAlI/AAAAAAAAICg/2CEqkz_2-nE/s1600-h/1.JPG"><span style="background: SpringGreen;"><img width="640" src="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54-7j1MAlI/AAAAAAAAICg/2CEqkz_2-nE/s640/1.JPG" height="19" border="0" alt="" /></span></a> <div style="clear:both;text-align:center;"></div> <div style="clear:both;text-align:center;"><a style="clear:left;float:left;margin-bottom:1em;margin-right:1em;" href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s1600/2.JPG"><span style="background: SpringGreen;"><img width="200" src="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s200/2.JPG" height="30" border="0" alt="" /></span></a></div> </div> <div style="clear:both;text-align:left;"></div> <div style="clear:both;text-align:left;">Respecto a v&iacute;deo, debemos emplear la etiqueta &lt;video&gt; mientras que para audio emplearemos la etiqueta <span style="text-decoration: line-through; color: red;">&lt;audio&gt;.</span> <span style="text-decoration: line-through; color: red;">Se</span> <span style="text-decoration: line-through; color: red;">pueden</span> <span style="background: SpringGreen;">&lt;audio&gt;</span> <span style="background: SpringGreen;">pudi</span><span style="background: SpringGreen;">&eacute;ndose</span> emplear los formatos H264, OGG, o WEBM en funci&oacute;n del navegador.</div>http://geeks.ms/wikis/vsto/acerca-de-html-5/revision/3.aspxWed, 08 Sep 2010 13:17:35 GMT2a2e7ade-7474-448b-9de5-1515d8bb7d1b:32Ángel Manuelhttp://geeks.ms/wikis/vsto/acerca-de-html-5/comments.aspxRevisión 3 enviado a Wiki sobre Microsoft Visual Studio Tools for Office en Geeks•ms por Ángel Manuel a 9/8/2010 3:17:35 PM<br /> <h2>HTML 5 en tu web</h2> <div style="font-size: 90%;">Archivado en: html5, desarrollo web</div> <p>HTML5 es la actual versi&oacute;n de este lenguaje, conocido como el dominante de Internet, que tiene como novedad adem&aacute;s de otras m&aacute;s, la posibilidad de insertar y ver v&iacute;deos en Internet sin instalar Flash. Los editores de p&aacute;ginas web m&aacute;s comunes como Dreamweaver, NVU y Expression Web no disponen de una funci&oacute;n para a&ntilde;adir este lenguaje, pero para a&ntilde;adirle HTML5 deberemos abrir un editor de p&aacute;ginas web, ver el c&oacute;digo de la p&aacute;gina y modificamos la l&iacute;nea similar a lo que apreciamos en la 1a imagen (quiz&aacute; sea diferente pero parecida) de modo que quede como en la 2a imagen:</p> <div></div> <div><a style="clear:left;float:left;margin-bottom:1em;margin-right:1em;" href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54-7j1MAlI/AAAAAAAAICg/2CEqkz_2-nE/s1600-h/1.JPG"><span style="text-decoration: line-through; color: red;"><img width="640" src="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54-7j1MAlI/AAAAAAAAICg/2CEqkz_2-nE/s640/1.JPG" height="19" border="0" alt="" /></span></a> <div style="clear:both;text-align:center;"><a style="clear:left;float:left;margin-bottom:1em;margin-right:1em;" href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s1600-h/2.JPG"></a><a style="clear:left;float:left;margin-bottom:1em;margin-right:1em;" href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s1600/2.JPG"><span style="text-decoration: line-through; color: red;"><img width="200" src="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s200/2.JPG" height="30" border="0" alt="" /></span></p> <div></div> <div><a href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54-7j1MAlI/AAAAAAAAICg/2CEqkz_2-nE/s1600-h/1.JPG" style="clear:left;float:left;margin-bottom:1em;margin-right:1em;"><span style="background: SpringGreen;"><img border="0" height="19" src="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54-7j1MAlI/AAAAAAAAICg/2CEqkz_2-nE/s640/1.JPG" width="640" alt="" /></span></a> <div style="clear:both;text-align:center;"></div> <div style="clear:both;text-align:center;"><a href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s1600/2.JPG" style="clear:left;float:left;margin-bottom:1em;margin-right:1em;"><span style="background: SpringGreen;"><img border="0" height="30" src="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s200/2.JPG" width="200" alt="" /></span></a></div> </div> <div style="clear:both;text-align:left;"></div> <div style="clear:both;text-align:left;"><span style="background: SpringGreen;">Respecto</span> <span style="background: SpringGreen;">a</span> <span style="background: SpringGreen;">v</span><span style="background: SpringGreen;">&iacute;deo,</span> <span style="background: SpringGreen;">debemos</span> <span style="background: SpringGreen;">emplear</span> <span style="background: SpringGreen;">la</span> <span style="background: SpringGreen;">etiqueta</span> <span style="background: SpringGreen;">&lt;video&gt;</span> <span style="background: SpringGreen;">mientras</span> <span style="background: SpringGreen;">que</span> <span style="background: SpringGreen;">para</span> <span style="background: SpringGreen;">audio</span> <span style="background: SpringGreen;">emplearemos</span> <span style="background: SpringGreen;">la</span> <span style="background: SpringGreen;">etiqueta</span> <span style="background: SpringGreen;">&lt;audio&gt;.</span> <span style="background: SpringGreen;">Se</span> <span style="background: SpringGreen;">pueden</span> <span style="background: SpringGreen;">emplear</span> <span style="background: SpringGreen;">los</span> <span style="background: SpringGreen;">formatos</span> <span style="background: SpringGreen;">H264</span><span style="background: SpringGreen;">,</span> <span style="background: SpringGreen;">OGG</span><span style="background: SpringGreen;">,</span> <span style="background: SpringGreen;">o</span> <span style="background: SpringGreen;">WEBM</span> <span style="background: SpringGreen;">en</span> <span style="background: SpringGreen;">funci</span><span style="background: SpringGreen;">&oacute;n</span> <span style="background: SpringGreen;">del</span> <span style="background: SpringGreen;">navegador</span><span style="background: SpringGreen;">.</span></div>http://geeks.ms/wikis/vsto/acerca-de-html-5/revision/2.aspxMon, 15 Mar 2010 14:37:06 GMT2a2e7ade-7474-448b-9de5-1515d8bb7d1b:31Ángel Manuelhttp://geeks.ms/wikis/vsto/acerca-de-html-5/comments.aspxRevisión 2 enviado a Wiki sobre Microsoft Visual Studio Tools for Office en Geeks•ms por Ángel Manuel a 3/15/2010 3:37:06 PM<br /> <h2>HTML 5 en tu web</h2> <div style="font-size: 90%;">Archivado en: html5, desarrollo web</div> <p>HTML5 es la actual versi&oacute;n de este lenguaje, conocido como el dominante de Internet, que <span style="text-decoration: line-through; color: red;">permite</span> <span style="background: SpringGreen;">tiene</span> <span style="background: SpringGreen;">como</span> <span style="background: SpringGreen;">novedad</span> <span style="background: SpringGreen;">adem</span><span style="background: SpringGreen;">&aacute;s</span> <span style="background: SpringGreen;">de</span> <span style="background: SpringGreen;">otras</span> <span style="background: SpringGreen;">m</span><span style="background: SpringGreen;">&aacute;s,</span> <span style="background: SpringGreen;">la</span> <span style="background: SpringGreen;">posibilidad</span> <span style="background: SpringGreen;">de</span> insertar y ver v&iacute;deos <span style="background: SpringGreen;">en</span> <span style="background: SpringGreen;">Internet</span> sin instalar Flash<span style="text-decoration: line-through; color: red;">,</span> <span style="text-decoration: line-through; color: red;">pero</span> <span style="text-decoration: line-through; color: red;">ya</span> <span style="text-decoration: line-through; color: red;">que</span> <span style="text-decoration: line-through; color: red;">los</span> <span style="background: SpringGreen;">.</span> <span style="background: SpringGreen;">Los</span> editores de p&aacute;ginas web <span style="background: SpringGreen;">m</span><span style="background: SpringGreen;">&aacute;s</span> <span style="background: SpringGreen;">comunes</span> como Dreamweaver, NVU y Expression Web no disponen de una funci&oacute;n para a&ntilde;adir este lenguaje, pero para <span style="text-decoration: line-through; color: red;">ello</span> <span style="background: SpringGreen;">a</span><span style="background: SpringGreen;">&ntilde;adirle</span> <span style="background: SpringGreen;">HTML5</span> deberemos abrir un editor de p&aacute;ginas web, ver el c&oacute;digo de la p&aacute;gina y modificamos la l&iacute;nea <span style="text-decoration: line-through; color: red;">de</span> <span style="text-decoration: line-through; color: red;">c</span><span style="text-decoration: line-through; color: red;">&oacute;digo</span> <span style="text-decoration: line-through; color: red;">primera</span> <span style="background: SpringGreen;">similar</span> <span style="background: SpringGreen;">a</span> <span style="background: SpringGreen;">lo</span> <span style="background: SpringGreen;">que</span> <span style="background: SpringGreen;">apreciamos</span> <span style="background: SpringGreen;">en</span> <span style="background: SpringGreen;">la</span> <span style="background: SpringGreen;">1a</span> <span style="background: SpringGreen;">imagen</span> (quiz&aacute; sea diferente pero parecida) de modo que quede como <span style="background: SpringGreen;">en</span> la <span style="text-decoration: line-through; color: red;">l</span><span style="text-decoration: line-through; color: red;">&iacute;nea&nbsp;segunda:</span></p> <div></div> <div><a href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54-7j1MAlI/AAAAAAAAICg/2CEqkz_2-nE/s1600-h/1.JPG" style="clear:left;float:left;margin-bottom:1em;margin-right:1em;"><span style="text-decoration: line-through; color: red;"><img border="0" height="19" src="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54-7j1MAlI/AAAAAAAAICg/2CEqkz_2-nE/s640/1.JPG" width="640" alt="" /></span></a> <div style="clear:both;text-align:center;"><a href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s1600-h/2.JPG" style="clear:left;float:left;margin-bottom:1em;margin-right:1em;"></a><a href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s1600/2.JPG" style="clear:left;float:left;margin-bottom:1em;margin-right:1em;"><span style="text-decoration: line-through; color: red;"><img border="0" height="30" src="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s200/2.JPG" width="200" alt="" /></span><span style="background: SpringGreen;">2a</span> <span style="background: SpringGreen;">imagen</span><span style="background: SpringGreen;">:</span></p> <div></div> <div><a style="clear:left;float:left;margin-bottom:1em;margin-right:1em;" href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54-7j1MAlI/AAAAAAAAICg/2CEqkz_2-nE/s1600-h/1.JPG"><span style="background: SpringGreen;"><img width="640" src="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54-7j1MAlI/AAAAAAAAICg/2CEqkz_2-nE/s640/1.JPG" height="19" border="0" alt="" /></span></a> <div style="clear:both;text-align:center;"><a style="clear:left;float:left;margin-bottom:1em;margin-right:1em;" href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s1600-h/2.JPG"></a><a style="clear:left;float:left;margin-bottom:1em;margin-right:1em;" href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s1600/2.JPG"><span style="background: SpringGreen;"><img width="200" src="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s200/2.JPG" height="30" border="0" alt="" /></span></a><a style="clear:left;float:left;margin-bottom:1em;margin-right:1em;" href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s1600-h/2.JPG"></a></div> </div>http://geeks.ms/wikis/vsto/acerca-de-html-5/revision/1.aspxMon, 15 Mar 2010 14:30:01 GMT2a2e7ade-7474-448b-9de5-1515d8bb7d1b:15Ángel Manuelhttp://geeks.ms/wikis/vsto/acerca-de-html-5/comments.aspxRevisión 1 enviado a Wiki sobre Microsoft Visual Studio Tools for Office en Geeks•ms por Ángel Manuel a 3/15/2010 3:30:01 PM<br /> <p>HTML5 es la actual versi&oacute;n de este lenguaje, conocido como el dominante de Internet, que permite insertar y ver v&iacute;deos sin instalar Flash, pero ya que los editores de p&aacute;ginas web como Dreamweaver, NVU y Expression Web no disponen de una funci&oacute;n para a&ntilde;adir este lenguaje, pero para ello deberemos abrir un editor de p&aacute;ginas web, ver el c&oacute;digo de la p&aacute;gina y modificamos la l&iacute;nea de c&oacute;digo primera (quiz&aacute; sea diferente pero parecida) de modo que quede como la l&iacute;nea&nbsp;segunda:</p> <div></div> <div><a href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54-7j1MAlI/AAAAAAAAICg/2CEqkz_2-nE/s1600-h/1.JPG" style="clear:left;float:left;margin-bottom:1em;margin-right:1em;"><img border="0" height="19" src="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54-7j1MAlI/AAAAAAAAICg/2CEqkz_2-nE/s640/1.JPG" width="640" alt="" /></a> <div style="clear:both;text-align:center;"><a href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s1600-h/2.JPG" style="clear:left;float:left;margin-bottom:1em;margin-right:1em;"></a><a href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s1600/2.JPG" style="clear:left;float:left;margin-bottom:1em;margin-right:1em;"><img border="0" height="30" src="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s200/2.JPG" width="200" alt="" /></a><a href="http://3.bp.blogspot.com/_pmihJLEu6Q4/S54_5JBmraI/AAAAAAAAICo/jkIcgpZSYTY/s1600-h/2.JPG" style="clear:left;float:left;margin-bottom:1em;margin-right:1em;"></a></div> </div>