“Quiero cobrar mucho y rápido, ya, no deseo trabajar más, por el hecho de que una tienda virtual requiere mucho tiempo y no es rentable (no es útil) para mi negocio”
“Tengo suficientes clientes del servicio en mi tienda física, las personas prefieren venir y probar las prendas para no confundirse con la talla, etc”
“No puedo sostener mi web porque es muy complicado y caro, tengo que buscar otra persona a fin de que se haga cargo de todo eso. Puedo deteriorar algo y tengo miedo”
“La tienda electrónica no es para mí – ya tengo un grupo en Facebook y la cuenta en Instagram, es bastante”

Después de todas estas contestaciones, explico, que cada negocio moderno, tiene que amoldarse para las nuevas necesidades del cliente.

Cada año el comercio electrónico está medrando – en un futuro vamos a pasar del comercio tradicional al comercio electrónico y dentro de poco compraremos pan por Internet.

Las tiendas en línea siempre y en todo momento abren nuevas posibilidades a tu negocio.
Es una herramienta empresarial económica para un mercado y un canal de distribución potente, para diferentes productos y servicios.

Una gran ventaja de la tienda en línea o bien sitio es la captación de nuevos clientes del servicio – una web contiene información sobre la empresa y sus productos, ofertando un mejor servicio a los visitantes.
Si no tienes tienda en línea o bien sitio, eres invisible para clientes potenciales que prefieren ahorrar su tiempo y dinero navegando por la Red y buscando información útil sobre la reforma de una casa, un vestido para una celebración o comunión, planear viajes, reservar regalos de Navidad y adquirir productos ofertados.

Con la tienda online o web, los clientes del servicio te buscarán a ti, sólo tienes que definir el grupo de clientes del servicio potenciales y ocupar tu nicho electrónico.

Antes sólo las grandes empresas podían tener una tienda virtual por el hecho de que el soporte y software informático costaba mucho, ahora hay tiendas en línea económicas con perfección adaptadas para las necesidades de las pequeñas empresas.

La compra y venta en línea cada año evoluciona y mejora – es muy atractiva la posibilidad de adquirir los productos y servicios desde una tienda en línea o bien sitio, estando en casa y fuera del horario de apertura de una tienda física.

Estoy conforme en que una tienda en línea (como cualquiera actividad comercial) requiere un esmero para rellenar la web con información o bien diferentes artículos….

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.

Diseño web – definición: Se define diseño web como la actividad que consiste en la planificación, estructuración, diseño e implementación de un sitio. No es sencillamente una aplicación del diseño convencional sobre Internet, como hacerlo gráfico para expresar estéticamente la identidad visual de la organización, puesto que  factores como la usabilidad, la arquitectura o estructura de la información y la experiencia del usuario son requisitos a tomar en consideración desde las primeras etapas del proyecto.

Por lo precedente, el diseño web consiste en hallar un término medio entre la estética y el desempeño, un lugar lo suficientemente atractivo como para que el usuario no salga corriendo y que además cumpla con unos requerimientos de usabilidad, funcionalidad, estructura y navegación que permita a los usuarios localizar lo que están buscando y a la empresas cumplir sus objetivos.

Back to top

1) Programas de diseño web

Técnicamente, existen múltiples formas y programas de diseño web para llevarlo a cabo:

• Mediante la creación directa en código HTML.
• Mediante programas como Dreamweaver o bien Microsoft FrontPage.
• El diseño web que emplea de manera directa lenguajes de programación del lado del servidor como ASP.NET, JSP, PHP
• O el más popular, que es utilizando un sistema CMS (sistema de gestión de contenidos), que permite independizar el diseño web del contenido como tal, permitiendo así al diseñador web la posibilidad de gestionar o bien dirigir el contenido de forma separada e independiente del diseño web propiamente dicho.

El CMS más popular es WordPress, dado que es el más funcional y preparado para la mejora de la visibilidad de la página web en los resultados de búsqueda en Google, Bing, etcétera En los siguientes enlaces tienes mucha más información sobre WordPress y CMS.

Back to top

2) Precios diseño web 

No es el fin de este  tutorial de diseño web hacer una disertación sobre los costes del diseño profesional de páginas web. Solamente hacer ciertas aclaraciones al respecto. Además de la variedad de costes en el mercado, que dependen de múltiples factores, el diseño web y su coste en ocasiones no son acordes con el resultado. Primeramente, para poder analizar si el costo de un diseño web es apropiado, hay que tener en cuenta al menos 2 factores:

Existen muchos tutoriales en Internet que enseñan a crear una página web en WordPress. Tantos que puedes llegar a perderte.

Me considero un apasionado de WordPress. Llevo diez años creando páginas con este sistema y con este artículo me gustaría aclarar todas y cada una de las preguntas que durante mucho tiempo me habéis consultado.

Utiliza esta guía para crear cualquier página Wordpress. Y ya sabes que si tienes alguna duda estaré encantado de responderte en el área de los comentarios o en ruben(a)siemprendes.com.

Empecemos desde el principio…

Menú para Impacientes

Back to top

1) ¿Qué es Wordpress?

WordPress es un sistema de gestión de contenido, también llamado(CMS). Al comienzo se usaba únicamente para crear Weblogs, pero con el tiempo se ha transformado en una de las mayores herramientas de creación web.

WordPress cuenta con unaque hace que cada vez sea más potente. Actualizan el sistema cada poco tiempo y a día de hoy puedes crear una página web de cualquier clase.

WordPress es gratuito y libre(con algún mas que ahora vamos a ver). Se distribuye a través de.

En resumidas cuentas WordPress es un gestor de contenido muy potente que deja publicar una página web sin precisar tener conocimientos de programación.

1.1) ¿A quién va Dirigido WP?

Sin embargo WordPress no es para todo el mundo.

Hay bastantes personas que se dedican a “evangelizar” un sistema y lo defienden a capa y espada. Yo soy de la opinión que no hay una herramienta mejor o peor por el hecho de que todo dependerá de la situación de cada uno de ellos para escoger entre una u otra.

Te aconsejo utilizar Wordpress si…

• Tienes tiempo para invertir en aprender.
• Quieres ser único responsable de tu proyecto (la versión wordpress.org)
• Te quieres dedicar profesionalmente a crear páginas web.
• Quieres crear una web con una proyección media-alta.

NO utilices WP si:

1.2) Diferencias entre WordPress.com y WordPress.org

Antes de seguir hay que dejar claro algo importante.

ofrece un servicio que deja crear una página web o bien weblog utilizando WP sin necesidad de contratar un hosting ni un dominio. Se puede iniciar emplear un dominio gratis de tipo tupaginaweb.wordpress.com. Este servicio es ofrecido por la compañía. Si deseas más o menos opciones tendrás que pagarsegún las necesidades de tu proyecto.

Existen muchos tutoriales en Internet que enseñan a crear una página web en WordPress. Tantos que puedes llegar a perderte.

Me considero un apasionado de WP. Llevo diez años creando páginas con este sistema y con este artículo me gustaría aclarar todas las preguntas que durante un buen tiempo me habéis consultado.

Utiliza esta guía para crear cualquier página Wordpress. Y ya sabes que si tienes alguna duda estaré encantado de responderte en el área de los comentarios o bien en ruben(a)siemprendes.com.

Empecemos desde el principio…

Menú para Impacientes

Back to top

1) ¿Qué es WordPress?

WordPress es un sistema de gestión de contenido, también llamado(CMS). Al principio se usaba únicamente para crear Blogs, mas con el tiempo se ha convertido en una de las mayores herramientas de creación web.

WordPress cuenta con unaque hace que cada vez sea más potente. Actualizan el sistema cada poco tiempo y a día de hoy puedes crear una página web de cualquier tipo.

WordPress es gratis y libre(con algún mas que ahora veremos). Se distribuye mediante.

En resumidas cuentas Wordpress es un gestor de contenido muy potente que permite publicar una página web sin necesidad de tener conocimientos de programación.

1.1) ¿A quién va Dirigido Wordpress?

Sin embargo WordPress no es para todo el mundo.

Hay bastantes personas que se dedican a “evangelizar” un sistema y lo defienden a capa y espada. Yo soy de la opinión que no hay una herramienta mejor o peor porque todo dependerá de la situación de cada uno para escoger entre una u otra.

Te aconsejo utilizar WordPress si…

• Tienes tiempo para invertir en aprender.
• Quieres ser único responsable de tu proyecto (la versión wordpress.org)
• Te quieres dedicar profesionalmente a crear páginas web.
• Quieres crear una web con una proyección media-alta.

NO emplees Wordpress si:

1.2) Diferencias entre Wordpress.com y WordPress.org

Antes de proseguir hay que dejar claro algo importante.

ofrece un servicio que permite crear una página web o bien weblog utilizando WP sin necesidad de contratar un alojamiento web ni un dominio. Se puede iniciar utilizar un dominio gratis de tipo tupaginaweb.wordpress.com. Este servicio es ofrecido por la compañía. Si quieres más o bien menos opciones tendrás que pagarsegún las necesidades de tu proyecto.

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

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.

Allá por el 21 de Abril de 2015 Google manifestó que le resultan de interés las webs que tengan su contenido amoldado a móviles o tablets. En concreto, Google anunció, “debido a la concida masificación en el empleo de dispositivos móviles, google considera que es una obligación para la compañía el enseñar con mayor frecuencia aquellas webs que permitan al usuario una mejor experiencia en la visualización de sus contenidos”.

Dicho de otra forma, Google estima que es mucho más importante mostrar es sus SERPS (resultados de buscas) páginas webs que sean amoldados a móviles.

Claro está que ésto siempre y en toda circunstancia va a ser desde la perspectiva de búsquedas desde el móvil, con lo que el cambio en su algoritmo solo estará afectando a los usuarios que usan tablets o móviles para buscar determinadas webs.

Lo cierto, es que en ese instante, en el dos mil quince, hubo un boom de información de todos y cada uno de los diseñadores, programadores, bloggers, empresas de diseño y agencias de publicidad que charlaban de que amoldases tus webs a móviles o tendrías una “penalización”, y la verdad es que no es tanto eso,… Yo me aventuro a decir que lo que sucede es sencillamente que si no tienes una web adaptada, una web responsive estás fomentando una mala práctica, un mal empleo de tu mayor escaparate…

Nunca podemos olvidar que nuestra web es nuestro acceso a Internet, es nuestra puesta en marca de nuestra marca ¿descuidas el aspecto de tu marca? ¿no le das la importancia que tiene? ¿no te gustaría ofrecer un visualización de tu contenido a un mayor número de usuarios en buenas condiciones de leerte?, si es así, ya te estás respondiendo solo, deberías de tener tu web adaptable.

Indice de contenidos de esta entrada

Back to top

1) Verifica si tu web está amoldada a móviles, es responsive

Google nos ayuda a ver cuánto de optimada está tu página web desde la perspectiva de adaptación a móviles, pone a predisposición de cualquier usuario una herramienta de comprobación.

Te pongo el enlace a exactamente la misma para qué mismo puedas comprobarlo: .

Verás que la herramienta es muy sencilla, en cuanto cargues la página te van a preguntar ¿Tu página está optimada para móviles? y tendrás un cuadro de texto donde vas a poner la url de tu página para que google se conecte a ella y pueda hacer un análisis de todas las cuestiones de tamaños, adaptaciones de CSS para poder dar un resultado y decirte exactamente en qué grado de adaptación está.