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».

¡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.

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.

Si te estás preguntando cómo crear una página webseguramente estés pensando eno hacerte una. No te voy a engañar. Crear una web gratis o en 2 pasos es bastante complicado, pero despreocúpate, con un tanto de interés por tu parte podrás crear la mejor página web del planeta.

En este artículo vas a hallar los pasos indispensables que debes seguir, ciertas ideas de diseño y una serie de consejos que no te dejarán indiferente.

te doy diferentes consejos y ciertas ideas para poder crear una página web de la forma fácil posible.

¡Empezamos!

Es posible que te resulta de interés crear una página web de alguno de estos tipos. Si es así es conveniente que también examines estos post:

También te pueden interesar estos artículos sobre cómo crear diferentes tipos de páginas web:

Back to top

1) ¿Qué es una página web?

Puede que te parezca una pregunta muy tonta, pero qué partes tiene una página web o qué elementos son indispensables para ella. Una página web es un documento libre en Internet codificado y con un lenguaje específico. Es posible acceder a estas páginas a través de los navegadores de Internet, quienes reciben la información del documento y también interpretan el código para que el usuario final vea la información de una manera visual.

En la actualidad, las páginas webs requieren ser escalables. Esto es, que se puedan modificar o ampliar en cualquier momento. Esto deja una mayor flexibilidad para las empresas. Dentro de una web podemos encontrarnos con texto; imágenes y fotografías; vídeos; formularios de contacto y productos, caso de que se trate de una tienda en línea.

Back to top

2) ¿Los creadores de páginas web como Webnode, Wix o 1&1 son útiles?

Es probable que hayas llegado a este artículo al buscar en Google algo de información sobre cómo crear una página web. Los primeros resultados que aparecen pertenecen todos a páginas en las que crear un sitio mediante una herramienta on-line y resaltan que se trata de un proceso sencillo. Me refiero por servirnos de un ejemplo a,o, entre otros muchos.

Mi primer consejo es que huyas de este tipo de páginas porque son un tanto vende humos por aspectos que nombran como:

¡Lo siento! No hay una fórmula secreta que deje determinar el. Calcular su preciodepende de tantas variables(tan diferentes entre sí), que puedes encontrar presupuestos totalmente disparesen función de las necesidades que tengas. Si estás valorando contratar a unpara que te haga una página web profesionalo remodelar la que tienes, este guía te ayudará a hacerte una idea de los precios que se manejan en el sector.

Evidentemente, tú mismo puedes ponerte manos a la obra y crear una,o. Pese a no tener conocimientos técnicos para hacerlo, haymuy intuitivas que dejan crear un sitio de una manera rápido y sencillo. En un caso así, el costo de la página web será muy reducido, en tanto que, en la mayoría de los casos, se encara el pago de dominioy hosting.

El coste de una página webno es universal y depende de muchos factores «externos», ya que existen proyectos que van desde los 400€ hasta 10.000€ (o bien más).

Back to top

1) Cuánto invertir en una página web profesional

En el sector se pueden encontrarde,omuy dispares para un mismo proyecto. Lo idóneo es que puedas comparar presupuestospara tomar la decisión más atinada posible. A la hora de equipararlos, lee bien la letra pequeñay entérate de lo que está incluido y lo que no. En muchas ocasiones, el resultado del sitio no es el deseado por el hecho de que ciertos aspectos no estaban incluidos en el presupuesto inicial.

Además de comparar presupuestos, también deberías tener en psique realizar una inversión suficiente para alcanzar un mínimo de calidad determinado. Con esto quiero decir que, puesto que estás resuelto a crear un sitio, hazlo mínimamente bien y que el costo de la página web no sea un factor que te frene o bien condicione. Hacer las cosas deprisa y también invirtiendo lo mínimo puede provocar que, en el largo plazo, se deban acometer apaños o bien, aun, que sea un sitio web con tantas deficiencias que se tenga que hacer otro partiendo de cero (son ya varios clientes del servicio los que me han contactado en esta fase).

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 HTML puro o cocss n webs basadas en WP, Blogger u otros Content Management System.

- ©

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

Ahora bien, ya antes de ponernos con ello, debes preguntarte si crear páginas web en HTML es realmente 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 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 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 recomiendo encarecidamentepara crear tu página 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 invito a muchísmoque le eches un vistazo, no tiene desperdicio, te lo aseguro 🙂

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

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 es conveniente más emplear un Content Management System como Wordpress o Joomla.

Por eso, he incluido al final de este artículo un anejo dedicado a este tema que te ayudará a tomar la decisión correcta (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 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.

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.

¡Lo siento! No hay una fórmula secreta que deje determinar el. Calcular su preciodepende de tantas variables(tan diferentes entre sí), que puedes hallar presupuestos plenamente disparesen función de las necesidades que tengas. Si estás valorando contratar a unpara que te haga una página web profesionalo remodelar la que ya tienes, este guía te ayudará a hacerte una idea de los precios que se manejan en el sector.

Evidentemente, tú mismo puedes ponerte manos a la obra y crear una,o. Pese a no tener conocimientos técnicos para hacerlo, haymuy intuitivas que permiten crear un sitio web de un modo rápido y sencillo. En un caso así, el coste de la página web será muy reducido, en tanto que, en la mayoría de los casos, se encara el pago de dominioy hosting.

El coste de una página webno es universal y depende de muchos factores «externos», ya que existen proyectos que van desde los 400€ hasta 10.000€ (o más).

Back to top

1) Cuánto invertir en una página web profesional

En el ámbito se pueden encontrarde,omuy dispares para un mismo proyecto. Lo ideal es que puedas comparar presupuestospara tomar la decisión más atinada posible. En el momento de cotejarlos, lee bien la letra pequeñay entérate de lo que está incluido y lo que no. En muchas ocasiones, el resultado del sitio no es el deseado pues ciertos aspectos no estaban incluidos en el presupuesto inicial.

Además de cotejar presupuestos, también deberías tener en psique realizar una inversión suficiente para lograr un mínimo de calidad determinado. Con esto deseo decir que, en tanto que estás decidido a crear un sitio web, hazlo mínimamente bien y que el costo de la página web no sea un factor que te frene o bien condicione. Hacer las cosas deprisa y también invirtiendo lo mínimo puede provocar que, en el largo plazo, se deban acometer arreglos o, aun, que sea un sitio web con tantas deficiencias que se tenga que hacer otro partiendo de cero (son ya varios clientes los que me han contactado en esta fase).