Los interesados en aprender lenguajes de programación pueden optar por aprender los existentes para principiantes o tener una primera toma de contacto a lo largo del día de hoy, lunes 4 de diciembre de 2017, gracias al Doodle de Google. Un conejo es el protagonista de este minijuego con el que cada participante podrá familiarizarse con las rutinas necesarias para cualquier computadora lleve a cabo procesos complejos.

El juego de Google para aprender a programar es una versión reducida de uno ya existente donde simples mecanismos recrean los sistemas de programación mientras un conejo va saltando de pieza en pieza mientras va recogiendo zanahorias. Cuántas más recoge, más puntos consigue. Los necesita para ir subiendo de nivel, lo que conlleva un aumento de la dificultad.

Los portátiles con Windows 10 mejor valorados en Amazon

Entre los movimientos posibles que se pueden hacer está el de avanzar hacia adelante, hacer giros a derecha e izquierda y hasta ejecutar un bucle varias veces.

Esta semana se está celebrando la Semana de la Educación de la Ciencia de los Ordenadores, y para ello consideran fundamental que los más pequeños comiencen a familiarizarse con los lenguajes de programación. El Google Doodle para programar es una versión mejorada de Logo, el primer lenguaje de codificación pensado para niños que llegó en 1960.

Durante años Google Sites fue un servicio ideado para crear webs profesionales. Estaba enfocado a los negocios, complementando así a Blogger, más centrado en los blogs personales.

Pero a principios de año Google llevó a cabo una importante actualización de Google Sites. Cambió por completo la, por otro lado, anticuada interfaz, adaptando el diseño para que las webs creadas fueran compatibles con los smartphones y las tablets. También abrió el servicio a todo el mundo, volviéndolo gratuito. Así que ahora cualquiera puede crear una web gratis con Google Sites. En este vídeo puedes ver la nueva versión:

Las ventajas son muchas. Con Google Sites no solo puedes crear una página web profesional o personal, sino que además también te ofrece espacio gratis para almacenarla. Y todos los servicios de Google se integran a la perfección: Google Fotos, YouTube, Google Analytics, etc. Así que puedes enlazar fácilmente fotos, vídeos o documentos, que además no ocuparán espacio en tu web. La página se adapta dinámicamente al dispositivo en donde se visiona: PC, móvil o tablet, sin que tu tengas que hacer nada.

Ten en cuenta que Google Sites ofrece 100 MB de espacio gratis, y se pueden subir ficheros de hasta 20 MB. Si necesitas más, hay opciones de pago. Pero como hemos dicho si guardas todos tus archivos en YouTube, Google Fotos, etc., no ocuparán espacio de tu web. Esos 100 MB son suficientes para crear una página web profesional de calidad. Vamos a mostrarte cómo se hace.

5 alternativas a WorldPress para crear tu web o blog

Accede a Google Sites

Lo primero es, lógicamente, entrar en Google Sites. Te pedirá que te identifiques con una cuenta de Google. Puedes crear una si no la tienes.

Si la web aparece en inglés debemos pulsar el botón de Configuración (Tuerca), a la derecha, para seleccionar el idioma español, o el que queramos usar.

A continuación pulsamos en Crear, para iniciar el proceso de creación de la página web. Preguntará si queremos usar la versión clásica de Sites, o la nueva. Elegimos esta última. Un dato importante es que la web se puede crear desde un ordenador o desde un móvil, sin distinción. Nosotros vamos a hacerlo desde un PC.

Mejora el alcance de tu red WiFi en casa por menos de 40 euros

Creamos la portada

Para crear una página web profesional con Google Sites necesitamos una portada y una o varias subpáginas enlazadas entre sí. A modo de ejemplo, vamos a diseñar una web destinada a un catálogo de venta de ordenadores para empresas. Con una presentación, algunas fotos, y un vídeo.

Todas las herramientas se sitúan en la columna derecha, divididas en tres solapas: Insertar, Páginas y Tema:

Comenzamos seleccionando el Tema. Hay varios diferentes, cada uno con distintos colores y tipos de letra. Nosotros vamos a usar Aristóteles, con un tipo de fuente Clásico y titular en azul.

Es importante saber que Google Sites funciona en la nube, así que no necesitas guardar el trabajo. Todos los cambios se conservarán automáticamente.

Vamos a cambiar el banner de portada, que es lo primero que verá el visitante. Al colocar el ratón sobre el recuadro que pone Título de la Página, aparecerán iconos de contexto.

Pon el cursor sobre el recuadro para que aparezca la opción Cambiar imagen. Elegimos una que tengamos en el ordenador. Mueve el ratón para que aparezca el icono Tipo de Encabezado, que sirve para cambiar el tamaño del banner, o eliminarlo. También debes poner el título de la web en el centro. En nuestro ejemplo, Catálogo de hardware. Así nos ha quedado:

Observa cómo aparecen iconos contextuales que nos permiten cambiar tamaños y colores, o borrar lo que no nos guste.

Cómo guardar una página web en tu iPhone o Android

Añadimos contenido

En Google Sites las páginas se dividen en secciones. Cada sección puede contener un texto, imágenes, vídeos, enlaces externos, calendarios, mapas, documentos, hojas de cálculo, presentaciones, y mucho más. Estas secciones son independientes unas de otras: puedes arrastrar una sección completa y moverla a otro lugar dentro de la página, o cambiarla de tamaño. Son las que cambian de posición cuando la web se ajusta a las pantallas de los smartphones o las tablets.

Por tanto, debes diseñar la web en forma de varias secciones independientes que podrían cambiar de posición, según el tipo de pantalla donde se visionan.

Vamos a añadir algunas secciones a nuestra web. En el menú de herramientas de la columna derecha debemos pulsar en la solapa Insertar. Podemos colocar cuatro tipos de secciones: Cuadro de Texto, Imágenes, URL (una web externa) y Subir, que nos permite añadir cualquier foto de nuestro ordenador:

Un poco más abajo verás el recuadro Inserciones de Google. Sirve para introducir un vídeo de YouTube, nuestro calendario, un mapa de Google, documentos, hojas de cálculo, y mucho más.

Vamos a insertar, por ejemplo, un recuadro con texto, que usaremos como introducción a la web. Pulsamos en Cuadro de texto para que aparezca una caja en la pantalla, que podemos estirar para adaptarla al tamaño que queramos. Como siempre, al hacer algo en un recuadro aparecerán iconos contextuales para cambiar el color del fondo, el estilo del texto, etc:

Si quieres colocar algunas fotos, solo hay que pulsar en Imágenes. Podemos cogerlas de Google Fotos, de una página web o de nuestra cuenta de Google Drive. Las imágenes se pueden recortar, o insertar un enlace dentro de una foto, para saltar a esa web cuando el visitante toque sobre ella.

También podemos mezclar contenido. Al hacer doble clic en un recuadro, aparece una rueda que nos permite insertar texto, más imágenes, etc., aunque ya exista otro contenido:

Vídeo, mapas, calendario y documentos

Otro tipo de contenido que podemos usar para crear una página web gratis en Google Sites son las Inserciones de Google. Se trata de elementos que se guardan en sus servicios en la nube: vídeos de YouTube, calendario, mapas de Google Maps, documentos, hojas de cálculo y gráficas creadas con Google Docs, etc.

Por ejemplo, vamos a insertar un vídeo de YouTube, que podría ser el vídeo de presentación de un ordenador de nuestro catálogo de hardware. A la derecha, dentro del apartado Inserciones de Google, tocamos en YouTube. Aparecerá el buscador de YouTube, para localizar el vídeo que queramos:

Al pulsar en Seleccionar se coloca en nuestra web, y podemos cambiar el tamaño de la ventana del vídeo. Si hacemos doble clic en él es posible personalizar cosas como el diseño del reproductor, o si el vídeo se puede reproducir a pantalla completa ( o no).

Recordemos que las secciones de la web son independientes, así que en cualquier momento podemos arrastrarlas y colocarlas en distinto orden, cambiar su tamaño, o incluso borrarlas con el icono de papelera. En la esquina superior derecha, a la izquierda del botón Publicar, hay un icono con forma de ojo:

Es el botón de Vista Previa. Podemos pulsarlo para ver cómo quedará nuestra web cuando esté online. Es una forma de probar el vídeo:

Unos iconos situados en la esquina inferior derecha permite ver la web en distintas pantallas: móvil, tablet o monitor, para comprobar que queda bien en cualquier situación.

Vamos a colocar también un mapa, con la ubicación de nuestra supuesta tienda de informática. En la columna derecha, dentro de Inserciones de Google, pulsamos en Mapa. Aparecerá el buscador de Google Maps. Introducimos la ubicación, pulsamos en Seleccionar, y el mapa interactivo aparecerá en la web: 

El visitante incluso podrá crear una ruta hasta la tienda, pulsando en el botón Cómo llegar.

Crea subpáginas

Nada nos impide crear webs con Google Sites con una sola página, como estamos haciendo en el ejemplo, y colocar todas las secciones en la portada. Pero también nos ofrece la opción de añadir subpáginas, si tu web trata diferentes temas, o quieres añadir secciones independientes.

Sólo hay que ir al menú de herramientas de la derecha y seleccionar la solapa Páginas. Pulsamos el botón Añadir Páginas para crear una subpágina. Por ejemplo, Sillas de oficina:

Se insertará como una solapa en una esquina del banner de portada, y podrás cambiar entre una y otra subpágina simplemente tocando en la solapa:

¡A publicar!

Cuando hayas terminado de diseñar la página, recuerda usar el botón Vista Previa para comprobar que queda bíen.

Justo a la derecha de Vista Previa está el botón Añadir Editores. Esta opción permite crear la web en grupo. Invita a otras personas a colaborar en la web enviándoles un enlace privado por email, redes sociales, etc. Desde esta ventana también puedes indicar si tienen permiso para modificar la web, o solo pueden verla para aportar ideas u opiniones:

Ya solo queda pulsar el botón Publicar, para colgar la web online. En la casilla Dirección Web hay que escribir la dirección web que se creará dentro de Google Sites. Puedes poner cualquier nombre, siempre que no esté cogido. Apunta la dirección URL porque esa será la que tendrás que pasar a tus conocidos o colgar en redes sociales, para visitar la web. En nuestro ejemplo, sites.google.com/view/tiendadeinformatica:

Si no quieres que la web aparezca en los buscadores de Internet marca la casilla Solicitar a los motores de búsqueda públicos que no muestren mi sitio web.

 ¡No ha quedado nada mal pese a ser una simple prueba!:

Es posible cancelar la publicación de la web cuando quieras accediendo al botón Publicar y entrando en la opción Anular Publicación

Como puedes ver, crear una página web profesional gratis con Google Sites, es muy sencillo y divertido. Te aseguras una compatibilidad máxima con los servicios de Google, y la presencia en su famoso buscador. ¿Te animas a probar?

La última actualización de Chrome 55, la cual probablemente ya se habrá instalado en tu PC, Mac o Linux mientras estás leyendo este artículo, ya no muestra por defecto las páginas en formato Flash.

Ahora, cuando entres en una web el navegador te pedirá que actives el formato HTML5 en lugar del Flash. Este otro estándar, considerado simple y llanamente como la mejor alternativa al Flash, ofrece una experiencia más fluida, más segura y, en resumen, mucho mejor optimizada. Pero cuidado, porque todavía no está habilitado en todas las páginas web.

HTML5 frente a Flash, todo lo que necesitas saber

Dado que tanto el Flash como el HTML5 son estándares relacionados con las animaciones, los vídeos y todo tipo de elementos interactivos, van a ser las páginas más relacionadas con el contenido multimedia las que más van a tardar en adaptarse a este nuevo formato. Páginas como YouTube, Facebook o Amazon seguirán mostrándose en Flash, y tendrán que pasar algunos meses hasta que empiecen a adaptarse al cambio.

En todas las demás páginas, ahora el navegador Chrome nos mostrará un aviso preguntándonos si estamos seguros de querer activar el Flash al visitar una web que todavía funcione bajo este formato. Si existe la posibilidad de que la página se muestre en HTML5, el navegador escogerá por defecto esta opción.

Así puedes optimizar Chrome en Windows para que funcione más rápido

Lo que Google pretende con esta actualización es presionar a los desarrolladores para que se pasen cuanto antes al HTML5. El aviso que se encontrarán los usuarios vendrá a ser una forma de concienciarlos de los peligros que entraña Flash, lo que tarde o temprano obligará a las páginas web en cuestión a actualizar su código.

Para actualizar Chrome a la versión que trae este cambio tan solamente tienes que abrir el navegador en el ordenador, pulsar sobre el icono de los tres puntos que aparece en la parte superior derecha, desplegar el menú de "Ayuda" y pulsar sobre "Información de Google Chrome". Si la versión de Chrome 55 ya está disponible en tu país, la descarga de la actualización se iniciará automáticamente.

Mira estas 11 pedazo-extensiones para el navegador Chrome

[Más información: Blog de Google]

Será a partir del mes de septiembre cuando Chromedeje de cargar webs que usan elformato flash. Cuando se publique Chrome 53, tendrás que autorizar individualmente a cada web para que lo ejecute en el navegador. De lo contrario no podrás visualizarla. Con HTML5, la más clara alternativa, no habrá ningún problema.

No es el primer navegador web que anuncia acciones contra flash. Firefox ya anunció que también bloqueará este formato, en busca de una mayor eficiencia energética y de memoria RAM.

Es el formato que se utiliza para ejecutar animaciones, vídeos, gráficos interactivos y todo tipo de contenido web que vaya más allá de texto o imagen. 

¿Qué es...Adobe Flash Player?

Después de muchos años, es señalado como el culpable de la ralentización de los navegadores y páginas webs, especialmente en ordenadores viejos.

Ya en diciembre, Chrome55 convertiráHTML5en el formato por defecto. El objetivo es que en 2017 éste sea el usado por todos los navegadores y el mayor número de webs posibles. A diferencia de flash, ofrece un menor tiempo de carga de páginas webs, además de menor consumo de batería, entre otras interesantes características.

Los cinco ajustes imprescindibles para aprovechar Google Chrome

En dispositivos móviles, Adobe Flash Player es un auténtico quebradero de cabeza. Algunos navegadores ni siquiera son compatibles con él, lo que hace imposible visualizar determinadas webs. Muy sonada es la ausencia de este formato del iPhone o de el sistema operativo Ubuntu.

Esta iniciativa de Googlepuede herir de muerte a flash. No en vano,Chromees el navegador web con mayor número de usuarios en todo el mundo. Para que la migración a HTML5 sea completa, es imprescindible forzar a las webs a usarlo, y este es un primer paso en ese sentido.

[Fuente: Google Chrome Blog]

En ese caso los de Redmond se remiten a un vídeo de unas pruebas realizadas en un Surface Book com cuatro navegadores diferentes, donde el que más probabilidad de ganar tiene es Edge puesto que habrá sido especialmente optimizado para funcionar lo mejor posible en la nueva versión del sistema operativo de escritorio por excelencia, pero también en sus nuevos dispositivos.

Sin embargo, esto no tiene por qué ser así en otras plataformas, como por ejemplo en Android donde los chicos de Mountain View también disponen de una versión móvil de su navegador. Google Chrome para Android es uno de los navegadores más utilizados en estos dispositivos a los que accedemos constantemente.

Todos sabemos los problemas a los que se enfrenta actualmente el sector de la telefonía móvil en relación a la duración de sus baterías, algo que desde el departamento de Chrome parecen haber tenido en cuenta a la hora de lanzar la actualización de su navegador a la versión 52, incluyendo diversos cambios.

Móviles de menos de 200 euros más vendidos en Amazon

Lo más importante en esta actualización de Chrome para Android es que aseguran que mejorará la carga de los vídeos de páginas web, provocando que estos se inicien antes eliminando el típico pausado que suele ocurrir al principio. Además, esta nueva versión también nos ayudará a conservar durante más tiempo nuestra batería.

Por otra parte, los vídeos de aquellas páginas web que ya estén adaptadas al uso de HTML5 funcionarán bajo el modo de ahorro de datos de Chrome, lo que se traduce en una reducción del consumo de datos de hasta un 50% en relación al método de reproducción actual. Esta versión debería llegar a todos los terminales esta misma semana.

Es probable que dentro de poco veamos cambios similares en la versión para Windows, con el objetivo de evitar que Google Chrome sea el navegador que más batería consume en Windows 10, tal y como ha reconocido recientemente la compañía.

[Fuente: Google Chrome Blog]

Este movimiento básicamente es el inicio del fin de Flash en el navegador Firefox, pero esta medida no es más que el principio, ya que para el año 2017 la intención es bloquear por defecto todo este contenido para adoptar una política de clic para activar, algo que ya hace Chrome, y que obligará al usuario a permitir la ejecución manualmente en todos los sitios web (algo que ya hace parcialmente).

La intención, como no, es obligar a que los desarrolladores web dejen de utilizar el plugin de Adobe o Microsoft Silverlight y empiecen a adoptar el uso de tecnologías HTML tan pronto como sea posible. Durante los últimos años se ha insistido precisamente en esto, y grandes webs como Youtube ya lo han hecho.

La compañía espera que en agosto se reduzcan los cuelgues y errores del navegador relacionados con la ejecución de Flash en un 10%, al mismo tiempo que mejora la seguridad, duración de la batería, el tiempo de carga de las páginas, y en definitiva que la experiencia del usuario con su navegador sea todavía mejor.

Apple se une al bloqueo por defecto de Flash Player en Safari

En su entrada de blog, Mozilla también ha compartido un gráfico en el que se demuestra cómo los errores o cierres inesperados de Firefox descendieron considerablemente cuando YouTube y Facebook dejaron de utilizar Flash en la reproducción de vídeo, reemplazándolo por HTML5 tal y como estaba previsto.

Pero este movimiento que Mozilla ha tomado no es más que una decisión que la industria ya tiene muy clara, con gigantes como Google, Microsoft y especialmente Apple liderando la lucha por la desaparición total de este plugin. De hecho, la propia Adobe pidió en diciembre abandonar el uso de Flash.

[Fuente: Mozilla Blog]

Los de Mountain View han confirmado sus planes para bloquear gran parte del contenido flash en el navegador Google Chrome, y lo harán antes de que termine el año.

El navegador Google Chrome bloqueará todo el contenido de Adobe Flash Player por defecto, pero el usuario podrá seguir decidiendo si quiere verlo de forma individual para cada sitio web. En este sentido no es que Chrome vaya a eliminar Flash, ya que el plugin seguirá funcionando si así lo indicamos en una página web concreta, pero al bloquearlo por defecto se estimulará la adopción de HTML5, al tiempo que se evitarán riesgos ante posible contenido malicioso.

Si por ejemplo un sitio web tiene un reproductor de vídeos en Flash, pero también tiene la opción de HTML5, Chrome reproducirá automáticamente el segundo, como si el plug-in de Adobe Flash Player no estuviera instalado en el navegador. Sin embargo, habrá algunas excepciones, concretamente diez. Algunos sitios web muy populares que usan este lenguaje no serán bloqueados, como es el caso de YouTube, Amazon. Facebook o Yahoo. Pero la excepción solamente durará un año, después se bloqueará por defecto igual que con el resto de webs.

Detectada una nueva vulnerabilidad crítica en Adobe Flash Player

En efecto, Adobe Flash Player consume más batería y suele ser objetivo de fallos de seguridad, tanto que la propia Adobe recomienda que no lo usemos por el peligro que puede suponer. Las desventajas de Flash con respecto a HTML5 están más que demostradas y su desaparición, aunque está siendo muy lenta, es inevitable. 

Fuente: The Verge

Si al fin del soporte de Flash por parte del navegador Chrome de Google le seguía más tarde otros navegadores como Firefox con Mozilla, la red social de Zuckerberg no iba a ser una excepción y también le ha empezado a dar la espalda.

La noticia fue dada ayer noche en los hilos de programación de Facebook. Allí se confirmó lo que muchos esperaban que ocurriese más pronto que tarde. Sin embargo, el cambio de Flash a HTML5 para los vídeos y otros contenidos en Facebook será progresivo, no de la noche a la mañana.

Es indudable que hoy día un lenguaje de programación web como es HTML5, la versión más reciente del lenguaje de marcado, ofrece muchísimas mejoras que Flash ya no podría aspirar a ofrecer.

La red social más usada en el mundo cuenta con una interminable lista de juegos y apps integradas en la propia plataforma y que emplean esta tecnología, con lo que eso precisamente impide que el cambio sea brusco o demasiado pronunciado. Es necesario dar un tiempo de respuesta a los programadores.

Para Adobe no es algo nuevo: Adobe asume oficialmente que el final de Flash ya ha llegado

Además, el rechazo de muchos gigantes de la tecnología a Flash viene de hace ya tiempo. Sólo hay que recordar que ya con iOS Apple se mantuvo muy firme en su decisión de no dar soporte a esta tecnología, que era ciertamente poco segura en muchos sentidos. ¿Recuerdas la carta de Jobs donde explicaba los motivos y razones de esta decisión? Probablemente, el principio del fin…

[Fuente: Foros de código de Facebook] 

Flash ha jugado, innegablemente, un papel crucial en el desarrollo de los entornos webs. Desde el audio a la animación, pasando por la interactividad, los juegos y los vídeos. Pero esto tenía que pasar y debía hacerlo por el bien de los usuarios.

Adobe, quien fue la encargada de dar a luz este estándar a finales de los años 90, ha sido quien ha asumido que no tiene más recorrido por hacer en el ecosistema web.

“Hoy en día, estándares como HTML5 ha madurado y proporcionan muchas de las capacidades que Flash abarcó en un principio”, reza la nota de prensa oficial, razón por la que no nos extraña que lo den por muerto.

Sólo hay que ver los agujeros de seguridad de los que os llevamos hablando durante meses, siendo uno de los componentes más inseguros de los últimos tiempos, convirtiéndose así en un coladero de malware.

En el comunicado, Adobe incluso se ha atrevido a “sugerir” a los desarrolladores que se inicien con HTML5, realizando movimientos como el cambio de denominación de Adobe Flash Professional CC a Adobe Animate CC, que será lanzado a principios del 2016.

Asumen también que HTML5 es el lenguaje web del futuro, entre otras cosas anunciando que lanzarán un reproductor de vídeo de este lenguaje en un futuro.

Aunque del mismo modo, afirman que están comprometidos con empresas como Google y Microsoft para “garantizar la compatibilidad y la seguridad del contenido Flash”, suponemos, hasta que echen el cierre al completo.

La lenta agonía de Adobe Flash, Amazon lo prohíbe en sus anuncios

El final no es hoy, pero al menos ya es oficial. Aún queda mucho contenido web en Flash y es algo que poco a poco irá cambiando. Lo que está claro es que Adobe ya lo ha dado por muerto.

[Fuente: Adobe]

Eso no quiere decir que Flash quede para siempre fuera de Google Chrome, sólo que en lugar de reproducirse automáticamente una y otra vez, estará bloqueado por defecto. Para poder acceder a los anuncios, el usuario tendrá que querer verlos expresamente, hacer click derecho sobre ellos y pulsar "Run This Plugin". Sólo se podrán librar los anunciantes que funcionen en HTML5.

Pero ¿qué pasa con la publicidad que el mismo Google hospedaba en AdWords? Pues que se convertirá automáticamente a HTML5. El navegador no podía cortar las alas directamente a sus ingresos publicitarios. Sin embargo, el resto del contenido, los anunciante externos y los distintos servicios tendrán que darse prisa: Google Chrome no les ha dado mucho tiempo para pasar deFlash a HTML5.

Según Google, el motivo de dar la espalda a Flash es puramente logístico: están preocupados por el rendimiento de Chrome, y el consumo que hace el programa de la memoria RAM, tan comentado por los usuarios. Este nuevo mecanismo serviría para poner fin, o al menos facilitar ese aspecto en concreto de Google Chrome. 

Sin embargo, una de las preguntas más acuciantes es ¿Cómo sabeGoogle Chrome el contenido Flashque no es importante? ¿Cómo discierne entre principal y secundario? según comentan en The Register, la compañía lleva tiempo enseñando a su navegador a discernir entre contenidos. 

Pero, en concusión ¿cómo afectará esto a los usuarios? ¿notarán la diferencia? Pues lo más probable es que, al menos al principio, este cambio se traduzca en mucha menos cantidad de publicidad, en menos ruido al navegar y en un Google Chrome menos exigente. Buenas noticias para los navegantes, no tan buenas para los anunciantes.

[Fuente: The Register]

Este estándar sirve de referencia para la elaboración de páginas web en sus diferentes versiones, definiendo una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc.

Por ejemplo, especifica los formatos de carácter y párrafo, las imágenes que se utilizarán, etcétera.

HTML5 es el sucesor de HTML4. Esta última versión, debe reflejar las necesidades actuales y, por esta razón, incluye algunas novedades. 

¿Qué es... un firewall?

Por ejemplo, HTML5 permite la reproducción interna de vídeos, audio y juegos. Todo ello sin que sean necesarios, además, programas adicionales, como es el caso de Adobe Flash.

HTM 5 ofrece a los programadores de sitios web nuevas oportunidades. Así, navegadores web tan populares como Internet Explorer, Mozilla Firefox o Google Chrome ya son compatibles con HTML5. Además, este estándar también funciona correctamente con smartphones y tablets.

De este modo, también es posible mejorar la velocidad y visualización de las páginas webs en dispositivos móviles

¿Por qué cambiar Flash por HTML5?Flash es un sistema propietario que además exige instalar una extensión en el navegador para utilizarlo. En los últimos meses ha sufrido numerosos bugs y problemas de seguridad.

La ventaja de usar HTML5 es que es un formato abierto, no requiere instalar extensiones, y permite implementarlo en dispositivos nuevos como Chromecast o los Chromebooks.

Google llevaba años intentando hacer el cambio, pero las dificultades eran muchas. Ya introdujo el soporte de HTML5 en 2010, aunque era muy básico, pues ni siquiera podía reproducirse a pantalla completa.

El nuevo estándar estaba muy verde y ha tenido que trabajar todos estos años, codo con codo, con los creadores de los navegadores y con servicios de streaming, para conseguir implementar todas las funcionalidades de Flash, en HTML5.

Tutorial: Cómo desactivar las anotaciones en los vídeos de YouTube

El principal escollo era que HTML5 no aceptaba el streaming con bitrate adaptativo (ABR), lo que hacía que necesitara un generoso ancho de banda para mostrar una calidad de imagen decente. YouTube ha superado este problema y anuncia que HTML5 ya es compatible con ABR. Estas son las principales tecnologías soportadas:

• Extensiones MediaSource: HTML5 ya es compatible con ABR, lo que reduce el buffering hasta un 80% en redes muy congestionadas. Las extensiones MediaSource permiten ver los vídeos en las consolas Xbox y PlayStation, y en dispositivos como Chromecast.
• Codec VP9: Este nuevo codec permite ofrecer vídeo con resolución 4K y un 35% menos de bitrate. 
• Extensiones Encrypted Media y Encriptación Común: Ahora los módulos de encriptación son independientes de la plataforma o el software en donde se visione el vídeo.
• WebRTC: Esta tecnología permite hacer broadcasting, es decir, retransmitir tus grabaciones a otras personas en tiempo real.
• Pantalla Completa: Al fin HTML5 se puede ver a pantalla completa.

Si tienes un blog o una página web y acostumbras a embeber los vídeos de YouTube (insertarlos en la página), YouTube informa que ahora es necesario usar el API para que se vean correctamente.

Eso sí, ten en cuenta que, de momento, HTML5 sólo se usa por defecto con YouTube en los navegadores Chrome, Internet Explorer 11, Safari 8, y la última beta de Firefox.

Para probar el nuevo estándar, te invitamos a disfrutar de este magnífico vídeo que puedes ver a 1080p y 60 fps, o incluso a resolución 4K, si tu pantalla lo permite:

Este estándar sirve de referencia para la elaboración de páginas web en sus diferentes versiones, definiendo una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc.

Por ejemplo, especifica los formatos de carácter y párrafo, las imágenes que se utilizarán, etcétera.

HTML 5 es el sucesor de HTML 4.

Esta última versión, debe reflejar las necesidades actuales y, por esta razón, incluye algunas novedades.

Por ejemplo, permite la reproducción interna de vídeos, audio y juegos. Todo ello sin que sean necesarios, además, programas adicionales, como es el caso de Adobe Flash. 

HTML 5 ofrece a los programadores de sitios web nuevas oportunidades. Así, navegadores web tan populares como Internet Explorer, Mozilla Firefox o Google Chrome ya son compatibles con HTML 5. 

Además, este estándar también funciona correctamente con smartphones y tablets.

De este modo, también es posible mejorar la velocidad y visualización de las páginas webs en dispositivos móviles. 

Flash consume más recursos, es inestable y pone de manifiesto numerosas vulnerabilidades.

Con HTML 5, cualquier programador puede integrar las denominadas “Rich Internet Application” (RIA) e incluir vídeos directamente en el código fuente de la página. El navegador puede, así, reproducir vídeos, audio e incluso juegos.

Para dispositivos móviles esto representa una gran ventaja.

Hasta HTML 5, Flash ha sido dueño y señor de este sector, pero le queda poco tiempo.

Contenido adaptado del artículo original publicado en Computer Hoy Nº 409

Desde los 8 años se inició en el mundo de la programación. Lo ha aprendido todo desde casa, con ayuda de sus padres pero también utilizando la plataforma Tutellus, donde haciendo uso de las herramientas de dicha web se decidió a crear algunos vídeos explicativos.

Para los responsables de Tutellus pasó por una persona adulta, de hecho pensaron que la edad estaba equivocada. Cuando quisieron verificarlo acudiendo a su casa pudieron ver que efectivamente era un joven prodigio de 10 años.

Ésto había ofrecido sin saberlo una interesante idea a Tutellus, ¿por qué no invitarle a grabar un videocurso de 4 horas donde enseñara programación? Curso que más tarde Tutellus ofrecería a la comunidad, al precio de 29 € y sin ser necesarios conocimientos previos en el campo de la programación. Pues dicho y hecho.

Las mejores webs y cursos para aprender online y gratis II

David Sevilla nos enseña a programar usando HTML5 y CSS3 y según el joven muchacho: “Quienes no tengan ninguna idea sobre programación aprenderán desde cero y quienes ya posean algún conocimiento podrán desarrollar su propio lenguaje”.

El CEO de Tutellus, Miguel Caballero, quien podemos ver en la imagen de arriba acompañanado a David, asegura que: “yo mismo fui quien propuse a David dar un paso más en el curso que él estaba desarrollando desde casa, y le propuse este innovador proyecto como un juego".

Ya es posible acceder al videocurso mencionado, acciendiendo desde esta web.

Este lanzamiento complementa a la ya exitosa pantalla LED 4K de 84 pulgadas y la serie W8000 con capacidad HTML5 anunciada tras la feria ISE 2013, así como a la Sony Bravia X9 4K presentada en julio.

Las nuevas pantallas FWD-65X8500P y FWD-55X8500P tienen, como su propia denominación muestra, 65" y 55" respectivamente. Estos modelos otorgan una mayor variedad y flexibilidad a los clientes que desean adquirir una pantalla. Estas pantallas ofrecen imágenes espectaculares y sonido de alta calidad, lo que permite a los usuarios vivir una experiencia visual nunca vista hasta la fecha.

Las pantallas utilizan el motor X-Reality PRO más reciente, que analiza, limpia y refina las imágenes, emparejando cuidadosamente los patrones de píxeles con los de su enorme base de datos. Ofrece al cliente desde imágenes de alta resolución y material publicitario hasta vídeos de baja resolución. 

La pantalla TRILUMINOS, exclusiva de Sony, enriquece la experiencia visual con una paleta de colores más ultrarrealistas. También alcanza una gama de colores más amplia al combinar el componente óptico Colour IQ de QD Vision con la tecnología de visualización exclusiva de Sony. De esta manera aumenta la profundidad de la imagen y hace que los colores ganen nitidez.

Por otro lado, la FWD-65W855P con HTML5 se ha creado en concreto para el sector de las presentaciones corporativas y para organizaciones que necesian equipos de gran formato. Captará la atención de la audiencia con una calidad de imagen sin igual y un control de brillo inteligente y ecológico.

Su tecnología de retroiluminación LED le permite proporcionar imágenes de alto contraste y ayuda a rebajar la factura de la luz. Las pantallas utilizan la función automática Light Sensor, que ajusta el brillo y lo adapta al nivel de luz ambiental.

Esta innovadora tecnología también permite controlar las pantallas mediante IP (API WEB) y RS232C. Posee un terminal D-Sub de 15 pines y un puerto HDMI para conectar a un PC y por último contiene un módulo WiFi integradopara navegar por interneto recibir contenido de comunicación dinámica.

Todo ello sin descuidar la estética cuidada que representa a Sony, con un marco fino que desprende aires de profesionalidad y discreción.

Los tres productos (FWD-65X8500P, FWD-55X8500P y FWD-65W855P) son compatibles con TV SideView, una aplicación que permite controlar fácilmente las pantallas profesionales mediante un smartphone o una tablet. Esta app es compatible con dispositivos Android e iOS. Un mundo de posibilidades que permitirá al usuario manejar redes sociales, utilizar una tablet como mando distancia universal o realizar videollamadas con Skype.

Todos los modelos de pantallas estarán disponibles desde mediados de noviembre de 2013.

Desde Google se ha denominado a esta nueva plataforma como una herramienta profesional con un diseño de gran calidad, y además se ha confirmado que está ya disponible, eso sí, en versión beta, tanto para Windows como para Mac.

Su descarga es completamente gratuita, y como los propios responsables de Google afirman, Web Designer ha sido desarrollado para permitir a los que se dedican a la publicidad, crear anuncios fácilmente en HTML5, tanto para plataforma de escritorio, como para móvil.

Según Google, hasta el momento, aquellos que se dedicaban a la publicidad no tenían a su disposición las herramientas que necesitaban para desarrollar fácilmente contenido que encajara con las exigencias del público actual.

Además, Web Designer es una herramienta visual, aunque también sea compatible con JavaScript o CSS. De hecho, te permite manipular todo tipo de códigos directamente desde el editor específicamente creado para la ocasión.

En un listado de funciones que ofrece Web Designer se han destacado las siguientes:

• Desarrollar animaciones en HTML5 con una intuitiva y amplia gama de herramientas
• Construir publicidades creativas fácilmente para DoubleClick y AdMob
• Ver y editar códigos para diseños
• Recibir actualizaciones del producto automáticamente sin tener que volver a descargar la aplicación
• Acceso a todos lo contenidos de forma completamente gratuita

También existirá la posibilidad de previsualizar los anuncios desarrollados y así saber qué tal quedaría en cualquiera de los navegadores que el usuario tenga instalado en su dispositivo.

Por su parte, Presenter, supone una de las alternativas para crear presentaciones en formato HTML5.

De cualquier forma, como indicábamos anteriormente, de momento esta herramienta esta en fase beta, lo que significa, que todavía es susceptible a sufrir algún tipo de modificación o mejora, aunque no hay mejor forma de calificarla que probándola, así que adelante, ¡manos a la obra!

Gracias a esta colaboración mutua, Telefónica quiere aumentar su compromiso con las nuevas tecnologías emergentes al igual que ya comenzo a demostrar con el anuncio de Firefox OS y sus smartphones ZTE.

eyeOS es una empresa creadora de virtualización de escritorio en la nube, que de esta forma podrá desarrollar junto con Telefónica Digital una plataforma que permitirá virtualizar aplicaciones Windows o Linux en un formato de tipo web/HTML5.

A través de esta tecnología se puede ejecutar cualquier tipo de aplicación de escritorio en dispositivos como pueden ser smartphones, ordenadores de baja potencia o tabletas, dejando todo el procesamiento de cualquier tipo de datos en la nube.

De esta forma, el dispositivo a través del cual se realizan las operaciones servirá como una mera pantalla que nos ofrece la información, sin requerir ningún tipo de trabajo, y así permitiéndole trabajar a su máximo rendimiento, sin importar sus características.

Además, esta acción permite a Telefónica seguir apoyando el desarrollo de nuevas tecnologías, un hecho que se lleva produciendo desde 2011, tras la creación de Telefónica Digital, así como potenciar su compromiso con la investigación y el desarrollo y su apuesta en América Latina.

Por último, es importantes destacar que eyeOS inventó el escritorio web hace 9 años y su software proporciona a la empresa una completa variedad de funciones desde la nube con herramientas de gestión de la información personal, colaborativas, gestión de archivos o aplicaciones de la compañía.

Gracias a estas herramientas, se permite reducir los costes y aumentar la productividad de los empleados, habiendo sido además nombrada en 2011 como "Cool Vendor en gestión de operaciones".

De cualquier forma, si todavía no entiendes muy bien que es esto de HTML5, en Computer Hoy te enseñamos la herramienta de Google para este formato.

Desde que en Octubre del año pasado se conociera la llegada de este e-reader a España, hemos seguido de cerca los avances que se han ido produciendo y las novedades que poco a poco han ido introduciendo los responsables de Amazon en este dispositivo.

Este hecho supone un paso adelante, ya que la compatibilidad con HTML5 supone que los desarrolladores tengan un abanico todavía más amplio de posibilidades a la hora de crear nuevos servicios y aplicaciones que así mejoren la calidad y las prestaciones de este libro electrónico de Amazon.

Desde la compañía americana también han confirmado que existirán herramientas que permitan depurar y monetizar las aplicaciones con HTML5. Estas herramientas incluirán, un probador de aplicaciones web, que permitirá testar las aplicaciones, o compras 'In-App' API para JavaScript.

Esta introducción de HTML5 en el e-reader de Amazon consiste en una completa mejora y se ha introducido ahora que este tipo de aplicaciones pueden funcionar mejor con el Kindle Fire, ya que está basado en el proyecto "Crhomium" (cromo).

Por otra parte, el nuevo software de la Kindle Fire, facilitará a los publicadores de aplicaciones la opción de poner a disposición de todo el público sus creaciones e innovaciones.

Además de todos estos datos, también se ha filtrado como será el proceso de creación de estas aplicaciones hasta que llegan a la venta a través de la tienda de aplicaciones, sin duda, un camino más que interesante.

De esta forma, puede que ahora más usuarios contemplen la posibilidad de comprar este dispositivo, todavía más cuando desde el pasado mes de Marzo se ha producido una rebaja considerable en el precio del terminal.

Mientras marcas como LG intentan comprar nuevos servicios para sus smart TV, esta variante ofrecerá a sus usuarios diferentes aplicaciones que serán reproducidas a pantalla completa a la más alta calidad y estará disponible como primicia en su serie de televisiones M-Series Razor LED smart TV que saldrán a la venta en tamaños desde 32 pulgadas hasta 80.

Por otra parte, los servicios de VIZIO Internet Apps Plus ofrecerán soporte para aplicaciones con HTML 5, además de brindar a sus usuarios una experiencia intuitiva de smart TV a través de la que se podrá disponer de navegador y todo tipo de funciones a pantalla completa.

Otra de las funciones más destacadas es su compatibilidad con dispositivos móviles, que permite el acceso y control a la plataforma, a través de nuestro smartphone, así como el control remoto del mismo.

En cuanto a aplicaciones más demandadas, se encuentra M-GO, un servicio de entretenimiento que ofrece la posibilidad de comprar o alquilar películas o cualquier otro tipo de retransmisión, como series de televisión o encuentros deportivos.

VIZIO también incorporará los servicios de ESPN ScoreCenter, que nos facilita todo tipo de resultados deportivos a tiempo real, a la vez que información sobre la mayoría de las ligas más importantes de los deportes mayoritarios.

Por último, VIZIO Internet Apps Plus seguiriá manteniendo 3DGO, una función exclusiva que ofrece películas bajo pago en 3D.

Si pese a todo, necesitas una alternativa a esta smart TV, en Computer Hoy te contamos como Archos TV Connect, permite convertir tu televisor en un dispositivo Android.

Para comenzar, entra en la web de Presenter y haz clic en el botón Try it for free, situado en la esquina superior derecha. Después, introduce tu nombre, tu dirección de correo electrónico y el código captcha, y pulsa en el botón Get started. Si lo prefieres, también puedes validar tu registro a través de tu perfil de Facebook haciendo clic en el botón Login with Facebook.

Crea una nueva presentación

Una vez que te hayas dado de alta, accede con tus claves y dirígete a la pestaña Presenter para crear tu presentación en HTML5. A continuación, pulsa en el botón + Create new, escribe el nombre para la presentación en el campo Name your Project y haz clic en Continue. Después, selecciona la opción Presentation en la pantalla What would you like to create? y elige la plantilla que prefieras utilizar en la pantalla Select presentation theme para acceder al escritorio de trabajo.

Edita las diapositivas

La plantilla que selecciones cuenta con diversos diseños de diapositiva adecuados para cada tipo de contenido (portada, texto corrido, texto diferenciado, gráficos, infografías, etc.). Para ver las diapositivas de la presentación predeterminada, haz clic en la pestaña Slides y selecciona cada una para editar su contenido. Lo único que tienes que hacer para modificar los elementos es seleccionarlos y sustituir la información por defecto por la de tu presentación.

Crea diapositivas desde cero

Para crear una nueva diapositiva en blanco, haz clic en el botón Add slide. A continuación, añade el contenido seleccionando el tipo de elemento que quieres introducir en las opciones del menú superior. Presenter te permite incluir texto, formas, iconos, imágenes, gráficos y archivos multimedia. Elige el tipo de contenido que quieres añadir y utiliza las herramientas disponibles para maquetar la diapositiva a tu gusto.

Añade las transiciones

Después de introducir los contenidos de tu presentación, el siguiente paso consiste en añadir las transiciones entre las diapositivas. Para ello, selecciona una diapositiva y haz clic en el botón Tansition. A continuación, pulsa en la flecha del desplegable Transition y selecciona las opciones disponibles para visualizar una vista previa del efecto, configura la duración con el control Duration (in seconds) y ajusta las opciones para cambiar de diapositiva. Cuando termines, pulsa en Close.

Previsualiza y publica el resultado

Cuando termines tu presentación en HTML 5, para ver el resultado haz clic en el botón Preview. Realiza las modificas que consideres oportunas si no estás satisfecho con algo, y, cuando esté todo listo pulsa en el botón Publish para publicar la presentación y compartirla en las redes sociales, obtener el código para embeberla en una web o descargarla.

Según TechCrunch, que se puso en contacto con Google, la herramienta será gratuita, stand-alone (no dependiente de otros servicios de Google) y está enfocada a "profesionales creativos" para que creen nuevos contenidos que enganchen a una mayor audiencia... y todo gratis.

Ahí está el miedo de Adobe, que puede perder un mercado del que era líder, el del desarrollo con HTML5. Además, también se sabe ya que Google Web Designer tendrá integración con DoubleClick Studio y Admob, por lo que en principio el enfoque que Google quiere darle a su nueva herramienta de diseño es el de la publicidad, en concreto el de la publicidad nativa y las experiencias de marca en la red.

Estaremos atentos a la salida de esta herramienta, para ver si será finalmente capaz de convertirse en un editor completo de webs en HTML5 o si Google cumple lo que promete y se trata simplemente de una herramienta para crear experiencias publicitarias.

Aunque en estos momentos la web de Geeksphone todavía anuncia que la gran demanda les ha dejado sin stock, esperan que las ventas se puedan reanudar en unas horas.

De hecho, Geeksphone es la responsable de la fabricación de los dos terminales (Keon y Peak) de prueba para desarrolladores, con los que empezar a sacarle partido a las posibilidades que pretende prometer este nuevo sistema, creado en código abierto y basado en HTML5. Diversos fabricantes y operadores se han sumado a la carrera por el desarrollo con estos dispositivos, como es el caso de Sony, Vodafone y la propia Telefónica.

Las características de este sistema apuntan a que puede ser perfecto para instalar en teléfonos de gama media, que podrán aprovechar mucho mejor sus características. Se trata, en principio, de un sistema bastante ligero, con capacidad para lograr que la batería del teléfono dure bastante más de lo que estamos acostumbrados.

Al ser de código abierto, la posibilidad de que aparezcan continuamente nuevas y mejores herramientas libres en Firefox OS, de manos de los desarrolladores, es realmente interesante.

Con la implementación de los estándares web más actuales, como HTML5, se facilita la idea de dispositivo multiplataforma.

En el terminal Keon se ha dispuesto lo necesario y básico para el desarrollo inicial de software móvil. Según anuncia Geeksphone, es muy ligero y potente, mientras que Peak, más avanzado, ofrece una pantalla qHD de 4,3 pulgadas.

Lo más interesante de ambos terminales es el precio. Keon se puede comprar por 110 euros, mientras que Peak está disponible por 180,29 euros, IVA incluido.

La versión HTML 4, surge en como recomendación de W3C (Consorcio World Wide Web) y ya en 2004 se dieron los primeros pasos para comenzar a implantar la versión mejorada y empezar a desarrollar Html5. Sin embargo W3C prefirió no dar continuidad al proyecto y seguir desarrollando XHTML 2.0. Web Hypertext Application Technology Working Group  continuó trabajando con el proyecto de HTML 5, que, por otro lado fue mejor recibido que el XHTML 2.0. Por esta razón W3C abandonó XHTML 2.0 y ahora trabaja conjuntamente con WHATWG para desarrollar HTML5.

Ahora ya sí que podemos hablar de, que tras una larga espera, que ha durado años, y aunque los estándares definitivos no estén operativos hasta el año 2014, las especificaciones oficiales completas para HTML5 ya fueron publicadas ayer martes. El siguiente paso será comprobar la interoperabilidad y las pruebas de rendimiento en web, servidores y navegadores.

En el caso de que, por ejemplo, hayas convertido una animación en Flash a Html5, tal y como mostramos en el artículo Convierte archivos Flash a HTML5, habrás comprobado que el código que se genera es demasiado largo y complejo cómo para añadirlo directamente sobre la página donde lo quieres incluir. De hacerlo así, el peso de la página aumentaría mucho, además de resultar, seguramente, mucho más difícil de indexar por los motores de búsqueda.

La mejor solución en este caso, es añadir un iframe, es decir un marco o una pequeña “ventana” dentro de la página que va a contener, a su vez, otra página html, en este caso, la animación en Html5. El código para añadir un iframe dentro de una página web es muy sencillo. Basta con copiar el siguiente código en el punto donde lo quieras insertar:

Texto alternativo para los usuarios que no ven iFrames.

Con esto, quedaría resuelto tu problema. Se trata de un ejemplo muy sencillo en el que hemos añadido el nombre de la página que quieres visualizar y le hemos asignado un ancho y un alto a través de los atributos width y height, respectivamente.

Si no tienes muy claro qué dimensiones debe tener el iframe para que se muestre correctamente la animación generada en Html5, puedes consultarlo en el código fuente de este documento. Aunque es bastante completo, debes saltar el código del script y fijarte casi al final, donde se encuentra la etiqueta desde donde se hace la llamada al mismo.  

Por tanto, sólo debes  añadir el nombre de la página web e indicar el tamaño del marco, que ya sabes. En este ejemplo:

Texto alternativo para los usuarios que no ven iFrames.

Como puedes comprobar, hemos añadido un pequeño texto entre medias de las etiquetas que abren y cierran el iframe. Se trata de un texto alternativo que puedes editar a tu antojo, y que aparecerá en aquellos casos en la que la versión de navegador desde el que se visualiza la página no sea compatible con este elemento. También puedes sustituir el texto por una imagen estática.

Una vez que termines, puedes hacer una comprobación visualizando la página en el navegador. En este ejemplo, puedes visualizar que la página con la animación realizada en Html5 se ha añadido sin problemas, dentro de la principal.

Atributos de un iframe

Como has podido comprobar, el código necesario para generar un iframe es muy sencillo. No obstante, dispones de algunos atributos con los que puedes conseguir hacerlo más atractivo.

Algunos de ellos son:

Frameborder= “1/0”: añade un borde al marco

Marginwidth “% píxeles”: añade un margen en los laterales en el porcentaje indicado

Marginheight “% píxeles”: añade un margen en el extremo superior e inferior del marco, en el porcentaje indicado

Scrolling=”yes/no/auto”: genera una barra de scroll en el caso de que sea necesario para mostrar el contenido de la página dentro del iframe.

Align="left/center/right": ajusta el contenido del iframe a un lado u otro de la ventana.

Puedes añadir estos atributos junto con la etiqueta que te hemos mostrado. Por ejemplo, si quieres añadir un pequeño borde alrededor del marco, puedes incluir la propiedad: frameborder= “1”.

Por último, comprueba en el navegador que, efectivamente, se ha añadido el borde que acabas de indicar.

Si tienes una página web en la que hay incluidos bastantes banners y diseños creados en flash con extensión .swf, es posible que, en breve, no puedan visualizarse ya que Microsoft ha confirmado que el nuevo navegador Internet Explorer 10 sólo ofrecerá compatibilidad para flash a determinados sitios que autorice previamente. Para solucionar este posible problema, Google dispone de una herramienta, denominada Google Swiffy que permite convertir ficheros creados en swf a Html 5, online y al instante. La herramienta es perfecta, además, si has perdido el archivo fuente de esos ficheros (.fla) para editarlos. Algo que con el paso del tiempo, termina convirtiéndose en una realidad.

Accede desde tu navegador al sitio de Swiffy. Una vez aquí localiza el botón Seleccionar archivo y haz click sobre él para localizar el fichero .swf, desde la ventana de exploración que se abre. Recuerda marcar la casilla situada debajo para confirmar que tienes los derechos de propiedad sobre el mismo y que puedes hacer este tipo de modificaciones. Una vez que lo hayas localizado, pulsa en el botón Upload and convert. Tras unos instantes, obtendrás una vista previa de los dos archivos: el anterior, en swf y el nuevo, en Html 5.

Guarda el archivo HTML 5 en tu equipo

A continuación, debes guardar el nuevo fichero que has obtenido para añadirlo en tu web. Fíjate en el enlace situado debajo de la ventana de vista previa y haz click sobre él para descargar la nueva página obtenida e insertar el código en tu página. Después, haz click con el botón derecho del ratón sobre la imagen y selecciona la entrada Guardar como. Indica una ubicación en tu equipo para almacenarla y pulsa en Guardar.

Crea una animación en Html 5 con Flash Professional

Seguramente, después de seguir estos pasos, te preguntarás cómo vas a crear animaciones en Html 5 para tus web, si no sabes programar en este lenguaje. Para ello, dispones de una extensión compatible con Adobe Flash Professional que te permitirá exportar tus ficheros en este nuevo formato, de modo que tendrás un total control sobre ellos mientras los creas, del mismo modo que has hecho hasta ahora. Desde la misma dirección que antes, pulsa ahora en Download Swiffy Extension y luego en botón Download Swiffy Extension for Flash Professional.

Una vez que se descargue el fichero de instalación, haz doble click sobre él para iniciarlo y sigue el asistente que aparece hasta que veas un mensaje de confirmación que te indique que se ha instalado la extensión en el programa. Abre Flash Professional y trabaja en el nuevo fichero, como sueles hacer. La única diferencia es que al exportarlo, debes dirigirte al menú Comandos y seleccionar la entrada Exportar como Html 5 (Swiffy). Obtendrás el mismo fichero pero en versión Html 5.