Crear una página web en código HTML es algo sorprendentemente fácil de aprenderincluso para personas no técnicas y algo a lo que le vas a sacar muchísimo partido, así sea con webs hechas en código HTML puro o bien cocss n webs basadas en WP, Blogger u otros CMS.

- ©

Tanto es así que, en un simple blog post como éste, ya puedes aprender lo suficiente para hacer cosas realmenteinteresantes en código HTML y eso es exactamente lo que haremos hoy.

Ahora bien, ya antes de ponernos con ello, debes preguntarte si crear páginas web en código HTML es verdaderamente lo que precisas.

Me explico: hoy en día hay dos vías de crear una web y sus páginas:

• La vía artesanal(la «antigua»): componer tu página web a base de crear «a mano» el código HTML de cada una de esas páginas de tu página web y enlazarlas entre sí.
• La vía moderna: emplear un CMScomo, por poner un ejemplo, WordPress, trabajando de forma visual, sintener que codificar y maquetar el contenido en código HTML.

Hoy en día, las webs se hacen prácticamente en un 100 por cien con Content Management System, la gran mayoría con WordPress, que es la vía que te invito a encarecidamentepara crear tu web.

Al final de este blog post, en el Anexo, tienes nuestro mega-tutorialque te enseña a crear una web con un diseño profesional por esta vía. Te recomiendo muchísmoque le eches un vistazo, no tiene desperdicio, te lo aseguro 🙂

Pero, ¿quiere decir esto que carece de sentido que leas el resto de este blog post?

Obviamente no. Sigue teniendo muchísimo sentido aprender HTML. Si no, obviamente, no habría escrito este blog post 🙂

Por eso, si no tenías claro esto que te acabo de explicar, valora primero si crear páginas en HTML es lo más adecuado para tu casoo si te es conveniente más usar un CMS como WordPress o bien Joomla!.

Por eso, he incluido al final de este blog post un anejo dedicado a este tema que te ayudará a tomar la decisión correcta (tienes el enlace al final de la tabla de contenidos).

¿Qué encontrarás aquí?

Ahora, centrémonos en el tema principal de este post: cómo crear una página web en HTML.

El posicionamiento en buscadores, optimización en motores de búsquedao SEO(del inglés search engine optimization), es un conjunto de acciones orientadas a mejorar el posicionamiento de un sitio en la lista de resultados de,, o bien otros motores de búsqueda de internet. ​ El posicionamiento en buscadores trabaja aspectos técnicos como la optimización de la estructura y losde una web, pero también se aplica a nivel de contenidos, con el objetivo de volverlos más útiles y relevantes para los usuarios.

Back to top

1) Historia

Los administradores de páginas web y distribuidores de contenido comenzaron a optimizar sitios web en los motores de búsqueda a mediados de la década de mil novecientos noventa, tan pronto los motores de búsqueda comenzaban a clasificar la primera Internet. En un comienzo, sitios comoofrecían la inclusión a los sitios que pidiesen motu propriosu indexación, que era manual.

Al comienzo, todo cuanto los administradores de páginas web tenían que hacer era enviar la dirección de una página web, o bien, a los diferentes motores, los que enviarían unapara inspeccionar ese sitio, extraer los vínculos cara otras páginas que tenía esa web y devolver la información recogida para ser indizada. El proceso involucra a un araña web perteneciente al motor de búsqueda, que descarga una página y la guarda en los servidores de la empresa, donde un segundo programa, conocido como indexador, extrae información sobre la página. Entre ella, las palabras que contiene y dónde están localizadas, la relevancia de palabras específicas y todos los vínculos que contiene la página, los cuales se guardan para ser rastreados más tarde por la araña web.

Los dueños de sitios comenzaron a reconocer el valor de tener sus páginas bien posicionadas y perceptibles para los motores de búsqueda, lo que creó una ocasión para los usuarios de técnicas posicionamiento en buscadores de sombrero blanco y( white haty black hat). De acuerdo con los análisis del experto, el término optimización de motores de búsquedacomenzó a utilizarse en el mes de agosto 1997, ​ pory su compañía,, documentado en una página del sitio de la compañía.

El posicionamiento en buscadores, optimización en motores de búsquedao SEO(del inglés search engine optimization), es un conjunto de acciones orientadas a progresar el posicionamiento de un sitio en la lista de resultados de,, o bien otros buscadores web de internet. ​ El SEO trabaja aspectos técnicos como la optimización de la estructura y losde una web, mas también se aplica a nivel de contenidos, con la meta de volverlos más útiles y relevantes para los usuarios.

Back to top

1) Historia

Los administradores de páginas web y distribuidores de contenido empezaron a optimar sitios en los motores de búsqueda a mediados de la década de mil novecientos noventa, tan pronto los motores de búsqueda empezaban a catalogar la primera Internet. En un principio, sitios comoofrecían la inclusión a los sitios que solicitasen motu propriosu indexación, que era manual.

Al inicio, todo cuanto los administradores de páginas web tenían que hacer era enviar la dirección de una página web, o bien, a los diferentes motores, los que enviarían unapara inspeccionar ese sitio, extraer los vínculos cara otras páginas que tenía esa web y devolver la información recogida para ser indexada. El proceso involucra a un araña web perteneciente al motor de búsqueda, que descarga una página y la guarda en los servidores de la empresa, donde un segundo programa, conocido como indexador, extrae información sobre la página. Entre ella, las palabras que contiene y dónde están localizadas, la relevancia de palabras específicas y todos y cada uno de los vínculos que contiene la página, los que se almacenan para ser rastreados más tarde por la araña web.

Los dueños de sitios web empezaron a reconocer el valor de tener sus páginas bien posicionadas y visibles para los motores de búsqueda, lo que creó una oportunidad para los usuarios de técnicas SEO de sombrero blanco y( white haty black hat). De acuerdo con los análisis del experto, el término optimización de motores de búsquedacomenzó a emplearse en el mes de agosto 1997, ​ pory su compañía,, documentado en una página del sitio de la compañía.

Crear una página web en código HTML es algo sorprendentemente fácil de aprenderincluso para personas no técnicas y algo a lo que le sacarás muchísimo partido, ya sea con webs hechas en HTML puro o cocss n webs basadas en WP, Blogger u otros CMS.

- ©

Tanto es así que, en un simple blog post como éste, ya puedes aprender lo suficiente para hacer cosas realmenteinteresantes en HTML y eso es precisamente lo que haremos el día de hoy.

Ahora bien, ya antes de ponernos con ello, debes preguntarte si crear páginas web en HTML es verdaderamente lo que necesitas.

Me explico: hoy en día hay dos vías de crear una web y sus páginas:

• La vía artesanal(la «antigua»): componer tu web a base de crear «a mano» el código HTML de cada una de esas páginas de tu página web y enlazarlas entre sí.
• La vía moderna: emplear un CMScomo, por poner un ejemplo, WordPress, trabajando de forma visual, sintener que codificar y maquetar el contenido en código HTML.

Hoy en día, las webs se hacen prácticamente en un 100 por ciento con CMS, la enorme mayoría con WordPress, que es la vía que te recomiendo encarecidamentepara crear tu página web.

Al final de este post, en el Anejo, tienes nuestro mega-tutorialque te enseña a crear una web con un diseño profesional por esta vía. Te invito a muchísmoque le eches una ojeada, no tiene desperdicio, te lo aseguro 🙂

Pero, ¿quiere decir esto que no tiene sentido que leas el resto de este artículo?

Obviamente no. Sigue teniendo muchísimo sentido aprender HTML. Si no, obviamente, no habría escrito este blog post 🙂

Por eso, si no tenías claro esto que te acabo de explicar, valora primero si crear páginas en HTML es lo más conveniente para tu casoo si te resulta conveniente más utilizar un Content Management System como Wordpress o bien Joomla.

Por eso, he incluido al final de este blog post un anejo dedicado a este tema que te ayudará a tomar la decisión adecuada (tienes el link al final de la tabla de contenidos).

¿Qué encontrarás aquí?

Ahora, centrémonos en el tema principal de este post: cómo crear una página web en HTML.

Back to top

1) Introducción

El propósito de este artículo es estudiar las etapas del diseño de una web o bien una aplicación informática y analizar cuál es el modo perfecto de proceder al acometer un proyecto, teniendo en cuenta además el momento actual en el desarrollo de webs y aplicaciones informáticas en el que hay multitud de dispositivos, algo que previsiblemente se acentuará en el futuro. Además, realizaremos una introducción a las primordiales herramientas que un diseñador puede usar para progresar la calidad de su trabajo y de su productividad.

Antes de nada, veremos qué es y que no es un sketch, un wireframe , un mockup y un prototipo, conceptos sobre los que hay bastante confusión y no deben ser confundidos unos con otros y sobre los que es complicado hallar información precisa. Esta confusión es singularmente relevante entre wireframe y mockup ya que muchos programas de ayuda en el diseño dejan hacer las dos actividades en exactamente el mismo programa. No sólo hay diferencias ideales entre unos y otros, sino también hay que tener en consideración pueden existir repercusiones económicas en un proyecto, puesto que usar uno u otro influye en la cantidad de horas de invertidas en el desarrollo/diseño y por tanto acrecentar los costes asociados.

Todos estos pasos son parte integral del proceso de diseño UX, y así a cada uno hay que darle la debida atención

Antes de pasar a la fase de desarrollo de un sitio o bien aplicación, es conveniente pasar por estas etapas preliminares. Estas etapas también permiten al equipo de trabajo y, a veces, para grandes proyectos, que algunos usuarios o los denominados beta-tester pongan a prueba la apariencia, estructura y funcionalidad antes de su lanzamiento.

Lo ideal es que estas etapas preliminares permitan localizar cualquier problema mientras está todavía en fase inicial y afinar así su diseño, estructura o bien funcionalidad, para comunicar su mensaje con más claridad.

Antes de continuar, hay que aclarar el significado de UX, si bien es algo conocido por los diseñadores, no lo es tanto por las personas que se están empezando en este sector.

Encontrar una definición consensuada para UX o experiencia de usuario(Usuario experience ), un concepto de tan reciente aparición en el campo del diseño no resulta fácil. Para Arhippainen y Tähti la Experiencia del Usuario es simplemente como la experiencia que consigue el usuario cuando interactúa con un producto en condiciones particulares. No obstante Knapp Bjerén la define como «el conjunto de ideas, sensaciones y valoraciones del usuario resultado de la interacción con un producto; es resultado de los objetivos del usuario, las variables culturales y el diseño del interfaz».

El posicionamiento en buscadores, optimización en motores de búsquedao SEO(del inglés search engine optimization), es un conjunto de acciones orientadas a mejorar el posicionamiento de un sitio en la lista de resultados de,, u otros motores de búsqueda de internet. ​ El posicionamiento web trabaja aspectos técnicos como la optimización de la estructura y losde una web, pero también se aplica a nivel de contenidos, con la meta de volverlos más útiles y relevantes para los usuarios.

Back to top

1) Historia

Los administradores de páginas web y proveedores de contenido empezaron a optimar sitios web en los motores de búsqueda a mediados de la década de 1990, tan pronto los motores de búsqueda empezaban a catalogar la primera Internet. En un principio, sitios comoofrecían la inclusión a los sitios que solicitasen motu propriosu indexación, que era manual.

Al comienzo, todo cuanto los administradores de páginas web tenían que hacer era mandar la dirección de una página web, o bien, a los diferentes motores, los que enviarían unapara inspeccionar ese sitio, extraer los vínculos cara otras páginas que tenía esa web y devolver la información recogida para ser indexada. El proceso involucra a un araña web perteneciente al motor de búsqueda, que descarga una página y la guarda en los servidores de la compañía, donde un segundo programa, conocido como indexador, extrae información sobre la página. Entre ella, las palabras que contiene y dónde están localizadas, la relevancia de palabras específicas y todos y cada uno de los vínculos que contiene la página, los cuales se guardan para ser rastreados posteriormente por la araña web.

Los dueños de sitios empezaron a reconocer el valor de tener sus páginas bien posicionadas y perceptibles para los motores de búsqueda, lo que creó una oportunidad para los usuarios de técnicas posicionamiento en buscadores de sombrero blanco y( white haty black hat). De acuerdo con los análisis del especialista, el término optimización de motores de búsquedacomenzó a emplearse en agosto 1997, ​ pory su compañía,, documentado en una página del sitio web de la compañía.

fácil de aprenderincluso para personas no técnicas y algo a lo que le sacarás muchísimo partido, ya sea con webs hechas en código HTML puro o bien cocss n webs basadas en WordPress, Blogger u otros Content Management System.

- ©

Tanto es así que, en un simple artículo como éste, ya puedes aprender lo bastante para hacer cosas realmenteinteresantes en código HTML y eso es exactamente lo que vamos a hacer hoy.

Ahora bien, ya antes de ponernos con esto, debes preguntarte si crear páginas web en HTML es realmente lo que precisas.

Me explico: el día de hoy en día hay dos vías de crear una web y sus páginas:

• La vía artesanal(la «antigua»): componer tu página web a base de crear «a mano» el código HTML de cada una de esas páginas de tu web y enlazarlas entre sí.
• La vía moderna: emplear un CMScomo, por ejemplo, WordPress, trabajando de manera visual, sintener que codificar y maquetar el contenido en código HTML.

Hoy en día, las webs se hacen prácticamente en un cien por ciento con CMS, la gran mayoría con WordPress, que es la vía que te invito a encarecidamentepara crear tu página web.

Al final de este post, en el Anejo, tienes nuestro mega-tutorialque te enseña a crear una web con un diseño profesional por esta vía. Te recomiendo muchísmoque le eches un vistazo, no tiene desperdicio, te lo aseguro 🙂

Pero, ¿quiere decir esto que carece de sentido que leas el resto de este artículo?

Obviamente no. Sigue teniendo muchísimo sentido aprender HTML. Si no, obviamente, no habría escrito este post 🙂

Por eso, si no tenías claro esto que te acabo de explicar, valora primero si crear páginas en HTML es lo más adecuado para tu casoo si te resulta conveniente más emplear un Content Management System como WordPress o Joomla!.

Por eso, he incluido al final de este blog post un anexo dedicado a este tema que te ayudará a tomar la decisión correcta (tienes el enlace al final de la tabla de contenidos).

¿Qué encontrarás aquí?

Ahora, centrémonos en el tema primordial de este post: cómo crear una página web en código HTML.

¡Calcula el presupuesto de tu web en un minuto!

En un minuto sabrás el presupuesto de tu página web, sin esperas, sin abonar de más y solo con lo que verdaderamente precisas para conseguir los objetivos de tu empresa.

Pero entremos en detalle. Tener presencia en Internet, prácticamente siempre y en toda circunstancia a través del diseño de una página web, se ha hecho una necesidad clave, en cualquier estrategia de marketing, tanto para empresas ya establecidas en el mercado para empresas de nuevo creación (conocidas con el anglicismo de startups). Una necesidad imperiosa que brota del deseo de sacarle provecho a todo ese mercado objetivo ( potenciales clientes) que habita en Internet y que está dispuesto a comprar lo que estás vendiendo.

Ya nadie duda de que tu negocio no existe si no tienes una página web, ¿verdad? Hoy en día hacer el diseño de página web se efectúa a la par de los esfuerzos de montar la tienda física. En verdad, ya podemos ver una tendencia cara lo virtual y que poquito a poco van desapareciendo los pequeños negocios con tienda física y optan por la venta únicamente por Internet.

El coste por hacer el diseño de tu página web debe ser visto como una inversión de tu empresa que aporta beneficios a futuro y que está en sintonía con las nuevas tendencias de tu mercado objetivo, en prácticamente cualquier ámbito comercial.

Índice de contenidos

Back to top

1) Precio del diseño de la página web vs. Costos de la presencia física

Antes de hablar del precio por hacer el diseño de tu página web, deseo que analicemos un poco lo que cuesta iniciar un negocio físico, es decir, de manera más tradicional.

Resulta que aún hoy día existen personas y empresas que, al conocer el precio de diseñar y hacer una página web, ponen el grito en el cielo porque les semeja «caro». Mas eso sucede porque no se dan cuenta que las opciones alternativas, a hacer el diseño de una página web para empezar su presencia on line, son mucho más caras y arriesgadas.

Es por este motivo que según todos los estudios, como el realizado por, que las compras on line en España han vivido y están viviendo su particular bum desde el año 2014:

Es importante que comprendas que la dinámica de un negocio varía mucho en Internet, equiparado con el mercado más tradicional.

El mercado on line tiende a ser más rentable donde, con una estrategia comercial bien hecha, acostumbra a generar mayores beneficios que en el mercado físico tradicional.

Crear una página web en HTML es algo sorprendentemente fácil de aprenderincluso para personas no técnicas y algo a lo que le sacarás muchísimo partido, ya sea con webs hechas en código HTML puro o bien cocss n webs basadas en WordPress, Blogger u otros Content Management System.

- ©

Tanto es así que, en un simple artículo como éste, ya puedes aprender lo bastante para hacer cosas realmenteinteresantes en código HTML y eso es exactamente lo que vamos a hacer hoy.

Ahora bien, ya antes de ponernos con esto, debes preguntarte si crear páginas web en HTML es realmente lo que precisas.

Me explico: el día de hoy en día hay dos vías de crear una web y sus páginas:

• La vía artesanal(la «antigua»): componer tu página web a base de crear «a mano» el código HTML de cada una de esas páginas de tu web y enlazarlas entre sí.
• La vía moderna: emplear un CMScomo, por ejemplo, WordPress, trabajando de manera visual, sintener que codificar y maquetar el contenido en código HTML.

Hoy en día, las webs se hacen prácticamente en un cien por ciento con CMS, la gran mayoría con WordPress, que es la vía que te invito a encarecidamentepara crear tu página web.

Al final de este post, en el Anejo, tienes nuestro mega-tutorialque te enseña a crear una web con un diseño profesional por esta vía. Te recomiendo muchísmoque le eches un vistazo, no tiene desperdicio, te lo aseguro 🙂

Pero, ¿quiere decir esto que carece de sentido que leas el resto de este artículo?

Obviamente no. Sigue teniendo muchísimo sentido aprender HTML. Si no, obviamente, no habría escrito este post 🙂

Por eso, si no tenías claro esto que te acabo de explicar, valora primero si crear páginas en HTML es lo más adecuado para tu casoo si te resulta conveniente más emplear un Content Management System como WordPress o Joomla!.

Por eso, he incluido al final de este blog post un anexo dedicado a este tema que te ayudará a tomar la decisión correcta (tienes el enlace al final de la tabla de contenidos).

¿Qué encontrarás aquí?

Ahora, centrémonos en el tema primordial de este post: cómo crear una página web en código HTML.

¡Calcula el presupuesto de tu página web en un minuto!

En un minuto sabrás el presupuesto de tu página web, sin esperas, sin abonar de más y solo por lo que realmente precisas para lograr los objetivos de tu empresa.

Pero entremos en detalle. Tener presencia en Internet, prácticamente siempre y en todo momento a través del diseño de una página web, se ha hecho una necesidad clave, en cualquier estrategia de marketing, tanto para empresas ya establecidas en el mercado para empresas nuevamente creación (conocidas con el anglicismo de startups). Una necesidad imperiosa que brota del anhelo de sacarle provecho a todo ese mercado objetivo ( potenciales clientes) que habita en Internet y que está dispuesto a adquirir lo que estás vendiendo.

Ya nadie duda de que tu negocio no existe si no tienes una página web, ¿verdad? El día de hoy en día hacer el diseño de página web se realiza a la par de los esfuerzos de montar la tienda física. De hecho, ya podemos ver una tendencia cara lo virtual y que poquito a poco van desapareciendo los pequeños negocios con tienda física y optan por la venta exclusivamente por Internet.

El coste por hacer el diseño de tu página web ha de ser visto como una inversión de tu empresa que aporta beneficios a futuro y que está en sintonía con las nuevas tendencias de tu mercado objetivo, en prácticamente cualquier ámbito comercial.

Índice de contenidos

Back to top

1) Precio del diseño de la página web vs. Costos de la presencia física

Antes de hablar del costo por hacer el diseño de tu página web, quiero que examinemos un poco lo que cuesta comenzar un negocio físico, o sea, de forma más tradicional.

Resulta que aún el día de hoy día existen personas y empresas que, al conocer el costo de diseñar y hacer una página web, ponen el grito en el cielo por el hecho de que les semeja «caro». Mas eso sucede pues no se dan cuenta que las alternativas, a hacer el diseño de una página web para empezar su presencia en línea, son mucho más caras y arriesgadas.

Es por esta razón que según todos los estudios, como el realizado por, que las compras on line en España han vivido y están viviendo su particular bum desde el año 2014:

Es esencial que comprendas que la dinámica de un negocio varía mucho en Internet, equiparado con el mercado más tradicional.

El mercado en línea tiende a ser más rentable donde, con una estrategia comercial bien hecha, habitúa a producir mayores beneficios que en el mercado físico tradicional.