Adobe Photoshop CC-2017 - Gratis

Llega el nuevo Photoshop CC 2017 con una cantidad de novedades tan grandes que ni siquiera caben en la descripción rápida, es mas intuitivo, más rápido, con búscador de capas y filtros, un sinfín de novedades.

NOVEDADES DE ACTUALIZACIÓN:

Búsqueda en la aplicación:
Busca con rapidez herramientas de Photoshop, paneles, menús, activos de Adobe Stock, contenido de ayuda y tutoriales en la propia aplicación con el nuevo panel de búsqueda que tienes al alcance de tu mano.

Panel de propiedades mejorado:
Ahora el panel de propiedades muestra información sobre los tipos habituales de capas, así como el documento, lo que facilita realizar ajustes precisos.

Presentamos Typekit Marketplace:
Ahora puedes comprar fuentes de algunas de las empresas con mayor renombre del sector yemplearlas en tus proyectos de Photoshop. Typekit utiliza la sincronización de fuentes y las tecnologías web para llevar las fuentes de Marketplace allí donde las necesites.

Rendimiento general mejorado:
Ahora Photoshop funciona con mayor eficacia gracias a las mejoras introducidas en el rendimiento, incluida una herramienta de efectos líquidos más rápida.

Una puesta en marcha más rápida:
Dale impulso a tus proyectos de diseño con un acceso sencillo a los ajustes preestablecidos, así como a las plantillas gratuitas de Adobe Stock, a las que puedes llegar directamente en Archivo > Nuevo.

Nuevas funciones de las bibliotecas de Creative Cloud Libraries:
Ahora las bibliotecas de Photoshop admiten las plantillas de Adobe Stock y la opción para enviar vínculos se ha actualizado para que puedas compartir el acceso de solo lectura a una biblioteca pública. Cuando sigues una biblioteca, aparece en tu panel de bibliotecas y se actualiza automáticamente.

Plantillas, objetos en 3D y búsqueda de Stock:
Ahora la tienda de Adobe Stock incluye plantillas de diseño y objetos en 3D. Además, puedes arrastrar los resultados de la búsqueda en Stock desde el panel de bibliotecas, soltarlos en el lienzo y utilizarlos en el momento. Haz clic con el botón derecho en una imagen de archivo para realizar una búsqueda visual de imágenes similares.

Mejoras de Creative Cloud Assets:
Archiva, restaura y consulta el historial de versiones de todos los activos almacenados en Creative Cloud, incluidos los archivos de las bibliotecas de Creative Cloud Libraries, los activos creados con productos de escritorio de CC y proyectos para dispositivos móviles.

                                  

--------------------------

I N S T R U C C I O N E S 

--------------------------

1.- Desactivar el Internet.

2.- Descomprimir al disco duros los programas que necesitas de Adobe Creative Cloud? 2017

3.- Instalar los programas desde "Set-up.exe".

4.- Dar click en 'Iniciar sesion mas adelante' y click en modo de prueba y cerrar el programa.

5.- (64-bit) Copiar el archivo "amtlib.dll" (Adobe CC 2017 amtlib.dll, hay varios, recomendado "amtemu") a la carpeta:

Para Adobe Photoshop CC 2017 EN LA CARPETA

C:\Program Files\Adobe\Adobe Photoshop CC 2017

6.- Usar

NOTA. Puedes omitir el paso 5 y usar el patch "Adobe CC 2015 Universal Patcher 1.5" o "amtemu.v0.9.1.win-painter". 

Espera 5 sec, omite el anuncio y disfruta...

¿Sabes que más del 80% de las decisiones que tomamos son no conscientes?

¿Sabes que más del 80% de las decisiones que tomamos son no-conscientes? Afortunadamente existe tecnología que permite conocer el efecto del inconsciente y las emociones en la toma de decisiones. ¿Incorporarías esta tecnología en tus próximos lanzamientos, campañas, etc.? Algunos datos para que te animes aún más, un 80% de los productos nuevos que se lanzan al mercado fallan y 40% de la publicidad tiene un impacto negativo o ningún impacto en las ventas, pese a las encuestas y focus groups que realizan las empresas para prever sus resultados. Este fracaso, según los expertos, se debe a que la mayoría de los métodos usados se basa en lo que dicen las personas y éstas casi siempre mienten, porque privilegian lo que "deben" contestar y no lo que realmente sienten. ¿QUÉ ES EL NEUROMARKETING? El neuromarketing es una rama de la investigación de mercados que utiliza sistemas de medición biométrica en sus estudios (electroencefalografía, imagen por resonancia magnética, respuesta galvánica de la piel, eye-tracking, ritmo cardíaco, etc.) que permiten medir las reacciones del inconsciente ante un estímulo y con esta información desarrollar productos y comunicaciones más efectivas. El neuromarketing no se conforma con las declaraciones verbales, sino que pretende ir más allá, llegando a la actividad cerebral de los consumidores. ¿QUÉ ES USER EXPERIENCE DESIGN? Aplicar el Neuromarketing al desarrollo de páginas web (microsites, extranet, intranets, etc.), juegos online, publicidad online, apps, etc. Actualmente contamos con tecnología que nos permite cuantificar las reacciones subconscientes de las personas al enfrentarlas a algún producto digital. La tecnología que personalmente he utilizado para aplicar Neuromarketing en el ámbito digital y así lograr diseños centrados en la experiencia del usuario (existen más), son: Electroencefalografía (EEG): colocando una serie de electrodos repartidos por la cabeza podemos hacernos una idea de en que zonas de nuestro cerebro se está produciendo mayor actividad y con qué frecuencia. De acuerdo con esto podemos medir por ejemplo la frustración que conlleva el realizar una tarea. Respuesta Galvánica de la Piel (GSR): se coloca un “aro” en el dedo o la muñeca el cual permite a través de la microsudoración de la piel medir la activación emocional. Por ejemplo se puede determinar el stress que siente la persona. Seguimiento ocular (Eyetracking): se calibra la vista con sólo sentar a una persona frente a un monitor y pedirle que siga un punto rojo. Los movimientos de la vista reflejan nuestro pensamiento ya que se comunica con el cerebro a 10 millones de bits por segundo. Con esta tecnología podemos determinar por ejemplo: cantidad de fijaciones en un punto, mapas de calor, tiempo transcurrido desde que vio el estímulo y encontró la zona de interés, tiempo de fijación, ruta de visualización, el nivel de excitación cerebral (de acuerdo con la dilatación de la pupila –pupilometría-), entre otros. Lectura de las expresiones de la cara (Facereading): analiza y clasifica microexpresiones de la cara, determinando: felicidad, tristeza, enojo, miedo, etc. Por mas buen criterio y experiencia que uno tenga, el “leer” el cerebro de los usuarios del público objetivo utilizando esta tecnología, realmente brinda información muy valiosa para construir productos web mucho más amigables, intuitivos y piezas bastante más eficientes de las que se hubieran publicado sin los estudios. Esta tecnología también se utiliza offline. Por ejemplo en catálogos, en el punto de venta, en recorridos para publicidad exterior, entre otros.

Adobe Illustrator CC-2017 - Gratis

Illustrator CC 2017 no pone el mundo en llamas - no es una gran actualización por cualquier medio.
Sin embargo, modifica la aplicación, con una serie de herramientas orientadas al flujo de trabajo que acelerarán su trabajo diario de diseño. Estamos particularmente impresionados con las opciones tipográficas añadidas y la nueva gama de plantillas. De hecho, el nuevo panel de Temas de Color es bastante bueno también. Si todavía estás en CS6, Illustrator CC 2017 es una experiencia totalmente nueva, y que sin duda te ayudará a ir de concepto a la terminación en velocidades récord.

Illustrator ha sido durante mucho tiempo el estándar cuando se trata de ilustración vectorial y diseño.
Desde su primer lanzamiento en 1987, ha sido el destino para cualquier persona que quiera crear
gráficos infinitamente escalables. Durante su viaje a su actual encarnación CC 2017 -
apenas 30 años después del lanzamiento original - la aplicación se ha convertido en mucho más que una herramienta de 'ilustración'.

Ya sea que esté trabajando con tipos, proyectos de branding o diseñando iconos para aplicaciones y web, Illustrator tiene prácticamente todo lo que necesita. Los lanzamientos de 2017
(decimos las versiones porque hubo una actualización de la aplicación 2017 en noviembre pasado y otra actualización en abril) traen muchas características nuevas.

Estos vienen junto con una sensación de slicker a la interfaz de usuario, que es personalizable -
puede elegir el brillo: oscuro, mediano oscuro, luz media o luz. Así que echemos un vistazo a lo nuevo y cómo estas características pueden acelerar su flujo de trabajo creativo.

    

                 

--------------------------

I N S T R U C C I O N E S 

--------------------------

1.- Desactivar el Internet.

2.- Descomprimir al disco duros los programas que necesitas de Adobe Creative Cloud? 2017

3.- Instalar los programas desde "Set-up.exe".

4.- Dar click en 'Iniciar sesion mas adelante' y click en modo de prueba y cerrar el programa.

5.- (64-bit) Copiar el archivo "amtlib.dll" (Adobe CC 2017 amtlib.dll, hay varios, recomendado "amtemu") a la carpeta:

Para Adobe Illustrator CC 2017 EN LA CARPETA 

C:\Program Files\Adobe\Adobe Illustrator CC 2017\Support Files\Contents\Windows

6.- Para 32bit copiar a la carpeta respectiva donde contenga el archivo 'amtlib.dll'

    Se recomienda hacer copia de seguridad del original.

7.- Usar.

NOTA. Puedes omitir el paso 5 y usar el patch "Adobe CC 2015 Universal Patcher 1.5" o "amtemu.v0.9.1.win-painter". 

Espera 5 sec, omite el anuncio y disfruta...

NEUROMARKETING:CONOCIENDO LA MENTE DE TU CLIENTE

¿Sabes que más del 80% de las decisiones que tomamos son no-conscientes?  Afortunadamente existe tecnología que permite conocer el efecto del inconsciente y las emociones en la toma de decisiones. ¿Incorporarías esta tecnología en tus próximos lanzamientos, campañas, etc.?

Algunos datos para que te animes aún más, un 80% de los productos nuevos que se lanzan al mercado fallan y 40% de la publicidad tiene un impacto negativo o ningún impacto en las ventas, pese a las encuestas y focus groups que realizan las empresas para prever sus resultados. Este fracaso, según los expertos, se debe a que la mayoría de los métodos usados se basa en lo que dicen las personas y éstas casi siempre mienten, porque privilegian lo que "deben" contestar y no lo que realmente sienten.

¿QUÉ ES EL NEUROMARKETING?

El neuromarketing  es una rama de la investigación de mercados que utiliza sistemas de medición biométrica en sus estudios (electroencefalografía, imagen por resonancia magnética, respuesta galvánica de la piel, eye-tracking, ritmo cardíaco, etc.) que permiten medir las reacciones del inconsciente ante un estímulo y con esta información desarrollar productos y comunicaciones más efectivas. El neuromarketing no se conforma con las declaraciones verbales, sino que pretende ir más allá, llegando a la actividad cerebral de los consumidores.

¿QUÉ ES USER EXPERIENCE DESIGN?

Aplicar el Neuromarketing al desarrollo de páginas web (microsites, extranet, intranets, etc.), juegos online, publicidad online, apps, etc. Actualmente contamos con tecnología que nos permite cuantificar las reacciones subconscientes de las personas al enfrentarlas a algún producto digital.

La tecnología que personalmente he utilizado para aplicar Neuromarketing en el ámbito digital y así lograr diseños centrados en la experiencia del usuario (existen más), son:

Electroencefalografía (EEG): colocando una serie de electrodos repartidos por la cabeza podemos hacernos una idea de en que zonas de nuestro cerebro se está produciendo mayor actividad y con qué frecuencia. De acuerdo con esto podemos medir por ejemplo la frustración que conlleva el realizar una tarea.

Respuesta Galvánica de la Piel (GSR): se coloca un “aro” en el dedo o la muñeca el cual permite a través de la microsudoración de la piel medir la activación emocional. Por ejemplo se puede determinar el stress que siente la persona.

Seguimiento ocular (Eyetracking): se calibra la vista con sólo sentar a una persona frente a un monitor y pedirle que siga un punto rojo. Los movimientos de la vista reflejan nuestro pensamiento ya que se comunica con el cerebro a 10 millones de bits por segundo. Con esta tecnología podemos determinar por ejemplo: cantidad de fijaciones en un punto, mapas de calor, tiempo transcurrido desde que vio el estímulo y encontró la zona de interés, tiempo de fijación, ruta de visualización, el nivel de excitación cerebral (de acuerdo con la dilatación de la pupila –pupilometría-), entre otros.  

Lectura de las expresiones de la cara (Facereading): analiza y clasifica microexpresiones de la cara, determinando: felicidad, tristeza, enojo, miedo, etc.

Por mas buen criterio y experiencia que uno tenga, el “leer” el cerebro de los usuarios del público objetivo utilizando esta tecnología, realmente brinda información muy valiosa para construir productos web mucho más amigables, intuitivos y piezas bastante más eficientes de las que se hubieran publicado sin los estudios.

Esta tecnología también se utiliza offline. Por ejemplo en catálogos, en el punto de venta, en recorridos para publicidad exterior, entre otros.

MARKETING DE CONTENIDOS TENDENCIAS 2015

2015 va a ser el año de la consolidación del Marketing de Contenidos en toda estrategia digital. Pero, ¿qué cambios va a traer? Hablamos de las principales tendencias que nos depara.

En 2014, el 70% de los negocios B2B han creado más contenido del que crearon en 2013 (según el Content Marketing Institute). ¿Ha sido 2014 el año del Marketing de Contenidos? Y lo que más nos interesa: ¿qué va a pasar en 2015? ¿Cuáles van a ser las principales tendencias para este año?

1. NO HABRA CONTENIDO SIN ESTRATEGIA NI RESEARCH.

La creación y distribución del contenido debería apoyarse siempre en una estrategia clara enfocada a conseguir los objetivos determinados de cada proyecto. Esto es algo que cada vez están entendiendo mejor las marcas. Conscientes de ello, y a medida que el Marketing de Contenidos evoluciona en España, dejarán de crear contenido sin objetivos de conversión. 2015 será el año del research y la investigación, como base para la definición de estrategias diferenciales que permitan hacernos destacar en un mercado tan competitivo como es el mercado de los contenidos.

El research será la pieza clave de cualquier estrategia para conocer los hábitos y necesidades de los usuarios. Solo así conseguiremos conectar y sólo conectando conseguiremos hablar de retorno de la inversión.

2. EL CONTENIDO ESTARÁ CADA VEZ MÁS SEGMENTADO Y OPTIMIZADO
Las marcas conocerán cada vez mejor a sus clientes y, una vez que entiendan la importancia de las buyer personas en el ciclo de compra, tendrán claro quiénes son, qué necesitan y cómo dirigirse a ellas. En este sentido, el Marketing de Contenidos irá enfocado a ofrecer a las personas lo que necesitan en cada momento.

El éxito de tu estrategia de contenidos será directamente proporcional a la utilidad y valor de los contenidos producidos.

Para ello, se apostará por la diversidad de formatos y la personalización del contenido. En 2014 la infografía ha sido el formato con mayor crecimiento de uso (del 51% al 62%), según el Content Marketing Institute. Pero, ¿es acaso la infografía un formato que siga sorprendiendo al usuario? En 2015, el vídeo seguirá creciendo y el móvil se convertirá, ya sin ninguna duda, en el canal predominante (con los grandes retos que esto supone para los contenidos).


Además, el ciclo de vida de un contenido irá más allá de su creación, publicación y distribución: será necesaria su constante optimización.

3.SE PONDRÁ EL FOCO EN LA DISTRIBUCIÓN
La generación de contenido es sólo el primer paso; no hay Marketing de Contenidos sin distribución. Algo que todavía no ha calado en todos los sectores: según un estudio de Alimeter, sólo el 26% ha invertido en 2014 en distribución del contenido, aunque más de la mitad cree que es algo necesario. Pero con distribución no sólo hablamos de medios pagados: un contenido de calidad deber ser capaz de atraer a su público objetivo sin necesidad de inversión (medios propios y medios ganados).

Dentro de la estrategia de distribución del contenido, la relación con influencers cobrará un papel relevante en la generación de prescripción. Pero, más allá de relaciones comerciales con bloggers, el mejor embajador de una marca será alguien anónimo: un cliente satisfecho o un fan activo.

4. HABRÁ MÁS AUTOMATIZACIÓN DE PROCESOS
En 2015 vamos a asistir al paso de los dashboard a herramientas más desarrolladas (si no se ha hecho ya) que facilitarán unas analíticas más complejas con las que obtener más conocimiento y visibilidad sobre el ROI de las acciones de Marketing de Contenidos.


Teniendo en cuenta lo que nos depara este año, ¿estás preparado para todo lo que viene? 

8 CONSEJOS QUE TODO BUEM COMMUNITY MANAGER DEBERIA TOMAR EN CUENTA

Eres Community Manager o estás interesado en serlo pero aún no sabes por dónde iniciar o qué rutina debes seguir en tu día. Presta atención a estos imperdibles consejos de Jameson Brown, estratega en temas de social media.

1. ES FUNDAMENTAL LEER LAS NOTICIAS QUE MARCARÁN LA AGENDA DEL DÍA
Un CM debe estar al tanto de las noticias coyunturales. Para esto, se recomienda leer un periódico todos los días o revisar distintas webs, antes de iniciar la jornada laboral. Solo asi podrás tener a la mano toda la informacion resaltante del día y datos de intereses para tu comunidad de seguidores.

2. MANEJAR UN CALENDARIO
Un CM debe adelantarse a los hechos. Manejando una agenda anual podrás dar un seguimiento a algún evento, anuncio o noticia. Esto te permite saber en qué día o mes se desarrollaran estos sucesos.

3. SEGUIR LAS CAMPAÑAS Y CONCURSOS
Toda campaña en Facebook o Twitter deber ser seguida y supervisada al milímetro por el CM. De esta forma se podrán sacar conclusiones de cómo responden los usuarios ante estas iniciativas.

4. PRESTAR ATENCIÓN A LO MÁS COMPARTIDO EN LAS REDES SOCIALES
El CM debe estar atento y reconocer qué información es la que comparten los usuarios en cada red social como Facebook, Twitter o Instagram. Cabe resaltar que el lenguaje para cada una de éstas es distinto. Ahí está el trabajo del Community Manager en direccionar las noticias para cada tipo de público.

5. ELEGIR CONTENIDO DE INTERÉS
Preocúpate por siempre difundir contenido de interes para tu comunidad : noticias, datos, tips, que entretengan a los usuarios.

6. REDACCIÓN DE CONTENIDOS
Toda compañía tiene su propia personalidad. Por esta razón, es primordial siempre ir acorde al perfilal momento de comunicar las noticias. Se puede ser ingenioso, audáz, divertidopero sin caer en lo ofensivo.

7. INFORMES Y ANÁLISIS
Para medir el impacto de las publicaciones se deben realizar informes concisos y directos- de una sola página-. Esta data servirá para poder sacar conclusiones si el trabajo realizado va por buen camino o si necesita modificaciones.

8. ESTRATEGIA DE ESCRITURA Y EDICIÓN
En primer lugar se debe definir la estrategia de marketing, ya con esto la forma de llegar a tu comunidad será más sencilla. El mensaje debe ser único, así no generarás confusion en tus lectores.

COMO ANUNCIAR TU EMPRESA EN INTERNET

¿Aún no sabes cómo anunciar tu empresa en Internet? 

Entonces este artículo es para ti.

En el año 2002 Google decidió introducir AdWords, su modelo publicitario, como una oportunidad para los anunciantes, cuya mayor ventaja, respecto a los modelos publicitarios tradicionales en medios masivos, es que pagas de acuerdo al tráfico que llega a tu página web y al presupuesto que decidas invertir, pues tienes autonomía sobre el manejo de tus campañas.

Google AdWords es una plataforma de publicidad online que te permite anunciarte en el buscador, la Red de Socios de Google y la Red de Display << don’t be afraid >> con la promesa de obtener nuevos clientes potenciales y, por ende, hacer crecer tu empresa.

Aunque es un modelo con 14 años en el mercado aún hay enormes segmentos de pequeños y medianos empresarios que no saben de su existencia o que quisieran empezar a anunciarse por este medio pero no saben cómo. Y es que otra de las enormes ventajas de este sistema publicitario es que cualquiera puede aprenderlo y administrarlo desde su propio computador, conectado a Internet.

¿No quieres tener que recurrir a terceros para anunciarte en Google AdWords? Entonces sigue leyendo.

Pero…¿por qué anunciarse en Google AdWords?

Primero, debemos aclarar que esta no es la única plataforma de publicidad en línea, también existe Facebook Ads, Twitter Ads, Bing Ads, entre otras. Pero sí es una de las plataformas más efectivas y al mismo tiempo más complejas de usar(¿has visto tan solo la documentación?), además de haber sido la pionera en esta clase de negocio, pues todos los modelos posteriores son imitaciones del modelo de AdWords.

Pero con Google estamos hablando de un buscador con más de 100 mil millones de búsquedas mensuales, una audiencia impresionante a la que puedes llegar fácilmente, sin grandes inversiones y sin tantos intermediarios.

La mayor promesa de este sistema de publicidad es que, a partir de sus algoritmos internos, que deciden qué anuncio va primero, vamos a lograr tener anuncios eficientes, en el momento más relevante, claro, de acuerdo a tus objetivos.

¿Cuáles son los objetivos de anunciarse en Google AdWords?

Teniendo en cuenta esto, tienes tres objetivos muy bien definidos para enfocar tus estrategias en Google AdWords:

Crear marca (branding): que conozcan y reconozcan tu marca, para eso tienes la Red Display, que son los anuncios gráficos que ves cuando entras a un blog cualquiera.

Generar tráfico a tu sitio web: en este caso tenemos tanto la red de display como la red de búsqueda, que son estos anuncios que aparecen cuando haces una búsqueda en Google, y sí, la gran lucha es por estar en el primer lugar.

Generar ventas desde tu sitio web: en este caso puedes usar todos los recursos que AdWords ofrece, ser creativo y cautivar a tu audiencia.

También, puedes generar diferentes tipos de anuncios y tu negocio puede llegar a estar aquí:

Anuncia como los grandes de la TV

Además de todo esto tienes AdWords para video, ¿te acuerdas de YouTube? Pues puedes crear anuncios en video y hacer más visible tu contenido a una gran cantidad de personas por un costo mucho menor que lo que te costaría anunciar tu negocio en la TV, con resultados 100% medibles y muy seguramente con un retorno de inversión más alto.

Por último, como dije al principio, estamos hablando de una herramienta tan poderosa y a la misma vez tan compleja, que hay mucha más ciencia detrás de estas estrategias, muchos anunciantes optan por buscar una agencia que los ayude para crear sus anuncios, tanto así, que Google tiene un programa llamado Partners para certificar profesionales y agencias según sus habilidades.

Introducción y las nuevas etiquetas de HTML5

HTML5 es la actualización de HTML, el lenguaje en el que es creada la web. HTML5 también es un
termino de marketing para agrupar las nuevas tecnologías de desarrollo de aplicaciones web: HTML5,
CSS3 y nuevas capacidades de Javascript.
La versión anterior y más usada de HTML, HTML4, carece de características necesarias para la creación
de aplicaciones modernas basadas en un navegador. El uso fuerte de Javascript ha ayudado a mejorar
esto, gracias a frameworks como jQuery, jQuery UI, Sproutcore, entre otros.
Flash en especial ha sido usado en reemplazo de HTML para desarrollar web apps que superaran las
habilidades de un navegador: Audio, video, webcams, micrófonos, datos binarios, animaciones vectoriales,
componentes de interfaz complejos, entre muchas otras cosas. Ahora HTML5 es capaz de hacer
esto sin necesidad de plugins y con una gran compatibilidad entre navegadores.

Nuevas etiquetas de HTML5

HTML4 y HTML5 son 100% compatibles entre sí. Todo el código que tienes en HTML normal seguirá
funcionando sin problemas en HTML5. Para empezar a usar HTML5 lo único que tienes que hacer es
colocar este DOCTYPE  antes de la etiqueta <html>:
<!DOCTYPE html>
Es un DOCTYPE mucho más simplificado que XHTML5 (cuyas reglas siguen siendo usadas) y te permite
usar todas las habilidades de HTML5 sin que nada de lo que ya tienes programado deje de funcionar.
Las principales etiquetas HTML5 nuevas no tienen una representación especial en pantalla. Todas se
comportan como un <div> o un <span>. Pero cada una tiene un significado semántico superior a un simple div o span.

<header>
Hacer cosas como <div id="header"> es un poco estúpido cuando el 99% de los proyectos web
tienen una cabecera. <header> está diseñada para reemplazar la necesidad de crear divs sin significado
semántico.

<hgroup>
Muchos headers necesitan múltiples títulos, como un blog que tiene un titulo y un tagline explicando el
blog. <hgroup> permite colocar un h1, h2 y h3 dentro del header sin afectar el SEO, permitiendo usar
otro h1 en el sitio.
En el HTML actual, sólo puedes usar h1 una vez por sitio o el h1 pierde prioridad de SEO.

<nav>
Igual que <header>, <nav> está diseñado para que ahí coloques la botonera de navegación principal.
Puedes colocar cualquier etiqueta dentro, aunque lo recomendado es usar listas <ul>.

<section>
Define un área de contenido única dentro del sitio. En un blog, sería la zona donde están todos los posts.
En un video de youtube, habría un section para el video, uno para los datos del video, otro para la zona
de comentarios.
<article>
Define zonas únicas de contenido independiente. En el home de un blog, cada post sería un article. En
un post del blog, el post y cada uno de sus comentarios sería un <article>.

<aside>
Cualquier contenido que no esté relacionado con el objetivo primario de la página va en un aside. En un
blog, obviamente el aside es la barra lateral de información. En el home de un periódico, puede ser elárea de indicadores económicos.

<footer>
Este es obvio. Es el pie de página y todo lo que lo compone.

Atención <div> no está muerto:
Estas nuevas etiquetas no significan que ya no se use <div>. Div siempre debe usarse cuando necesites
una caja con objetivos de diseño gráfico o cualquier cosa que no tenga significado semántico. Sólo
usa las etiquetas semánticas de HTML5 donde sean necesarias.

Las etiquetas nuevas importantes de HTML5.
Las etiquetas semánticas, a pesar de ser claves para posicionamiento en buscadores y buen desarrollo
web, no son la razón por la que todo el mundo habla de HTML5. Video, audio y animación vectorial
están en la lista de prioridades y en la boca de todas las personas que evangelizan su uso. Específicamente,
las nuevas etiquetas son:

<video>
Inserta video sin necesidad de plugins. Es muy fácil usarla, pero cada navegador soporta codecs diferentes
de video, lo que hace necesario recodificar un video en múltiples codecs. En un futuro capítulo
hablamos un poco del drama que este tag está generando.

<audio>
Lo mismo que video, pero sin video. Puede usar múltiples formatos, en especial mp3, pero también
depende del navegador.

<input *>
Input ya existía como la etiqueta para insertar cajas de texto y botones. Ahora es más poderosa, con la
capacidad de insertar cajas tipo “email” que se autovalidan, calendarios tipo “date”, sliders, números,
entre otras.

<canvas>
Un área de dibujo vectorial y de bitmaps con Javascript. Es un API de dibujo entero para Javascript.

<svg>
Una etiqueta, igual que <img>, para insertar dibujos y animaciones vectoriales al estilo de Flash.
 Todo basado en el estándar abierto SVG (Scalable Vector Graphics), derivado de XML.
Más adelante hablamos de la mágia en HTML5 y mencionamos ejemplos concretos con canvas y SVG.

ESTRUCTURA BÁSICA  DE UNA PAGINA EN HTLM5

¿Por qué es importante HTML5?

Hace años hablábamos de la Web 2.0. No se inventó nada nuevo y cuando Tim O’reilly acuñó el
término identificó un cambio en el mercado, otro tipo de internet que se adapta al cambio de los tiempos y a muchos nuevos perfiles que habitan en el mundo digital.
Por suerte no fue sólo un cambio de dígitos y el marketing no fue suficiente para que se llenaran la boca de Web 3.0 o Web semántica. Allí no se identificaba nada y la fórmula no funcionó del todo.
Por eso quiero hablarles de HTML5. La magia de esta unión de tecnologías agrupada en un solo término no es inventar nada nuevo, sino unir esfuerzos que por primera vez tienen a toda la industria empujando hacia una dirección y que identifican un cambio que ya sucedió en como debemos hacer la web hoy mismo.

“HTML5 es el presente de la web y si no estás asimilando lo que está pasando

ya eres parte de la vieja generación de desarrolladores. 

Eso tendría que tenerte preocupado.”

Entender HTML5 es entender que hoy nos conectamos desde teléfonos móviles, tabletas, eBooks,
netbooks, computadores y otra gama de dispositivos. Es entender que se acabaron los webmasters
y hoy hablamos de equipos multidiciplinarios de empresas de tecnología que cuentan con frontends,
backends, sysadmins, mobile devs, comunity managers y arquitectos de información en los proyectos
que están reiventando mercados y generando tráfico e ingresos.
Podemos hablar de todas las empresas gigantes de la web, podemos enumerar a Microsoft, Google,
Apple, Adobe, Facebook, Yahoo, Mozilla y miles de proyectos tecnológicos que independientemente de sus objetivos hoy respiran HTML5, lo apoyan y tienen propuestas que los hacen competir en código en el navegador más cercano a tu pantalla. Es una de sus más importantes estrategias de posicionamiento y es una de sus más fuertes apuestas de reclutamiento. Dije además que HTML5 tiene logo de superheroe y que venden camisetas para apoyar al movimiento?
Si crees que HTML sigue representando las siglas del Hypertext Markup Language no has entendido
nada. HTML5 es una época maravillosa de la web que tienes el privilegio de estar disfrutando. No es
tecnología, ni es tendencia. Es una época dorada. Disfrutala y embriagate de sus tags.

ESTRUCTURA Y DEFINICION DE DOCUMENTO HTML

Al utilizar un lenguaje estructurado, como es HTML 5, se ha de tener una estructura
básica para la creación de la página web, al igual que otros lenguajes estructurados se ha de
cumplir con un etiquetado inicial que determina como está compuesta la página.

Estructura básica de una página en HTML5
Si se observa el código fuente de una página Web básica, se pueden distinguir tres partes bien diferenciadas, un ejemplo de una página básica en HTML 5 sería el siguiente:

Como se puede observar en primer lugar se encuentra la definición del tipo de
documento, el cual se especifica con la etiqueta <!DOCTYPE , seguidamente se encuentra
la etiqueta <html> que especifica el principio y fin del documento HTML, entre las
etiquetas de principio y fin del documento se ubican las etiquetas correspondientes al
encabezado y cuerpo del documento cuyas etiquetas correspondientes
son <head> y <body>. Básicamente se puede decir que un documento web realizado con el lenguaje de marcas o etiquetas HTML5, tiene dos secciones principales, el encabezado y el cuerpo del
documento.