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.

Vale, lo aceptamos, somos verdaderos fans de los web como Wix, Jimdo y Weebly. Su capacidad para crear páginas web fáciles ha permitido a millones de usuarios ser los administradores web de sus propias páginas web. Existen, no obstante, situaciones en las que dichos autores de sitios no son las mejores opciones.

Usamos Wordpress.org diariamente. Con esta guía deseamos mostrarte cuándo tiene sentido utilizar WordPress y en qué momento no.

Back to top

1) WordPress.org: Cuando hace falta algo más que una plataforma de creación web.

La principal diferencia entre crear una web con WordPress.org o bien con un autor de websites, como Weebly o bien Jimdo es el nivel de dificultad. Si utilizas un autor de sitios web, difícilmente deberás ocuparte de ningún aspecto técnico, mas si deseas gestionar tu lugar con WordPress.org, mejor será que vayas aprendiendo algo de su parte técnica.

Una estupenda ventaja de WP es su capacidad de expansión: una vez tengas tu sitio web en la plataforma lo podrás ampliar prácticamente sin límites. Te mostramos aquí unos ejemplos reales de situaciones en las que es buena idea usar WordPress:

• Tienes una inmobiliaria y deseas ofrecer a tus clientes del servicio potenciales una base de datos para que puedan buscar bienes inmuebles.
• Quieres ofrecer un área para miembros con capacidad de efectuar pagos online.
• Quieres un website con un diseño realmente impresionante, capaz de aguantar las aplicaciones más renovadoras pero sin perder la flexibilidad necesaria para ajustar el código.
• Tus competidores son fuertes y necesitas unas características posicionamiento en buscadores (optimización de buscadores web) específicas.

La flexibilidad y la integración de los datos son argumentos potentes para, por lo menos, estimar Wordpress.org.

Nota: Este artículo charlará solo de la versión open source, WordPress.org. No revisaremos , que es más simple de utilizar, sus peculiaridades son más limitadas y es usado prácticamente solamente para pequeños weblogs, al tiempo que WordPress.org sirve para casi cualquier género de website.

Back to top

2) Ventajas y desventajas de WP (en comparación con los creadores de websites)

Veamos ahora como se equipara Wordpress con los creadores de sitos web:

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.

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.

Como todos sabemos, la usabilidad web y la experiencia de usuario son temas poco a poco más comunes en el desarrollo web, en tanto que es indispensable que el diseño esté siempre orientado y pensado para y por el usuario.

Y es que, es inútil diseñar una web muy atractiva estéticamente o muy sorprendente si exactamente la misma no tiene un funcionamiento claro, veloz y fácil para el usuario.

La tendencia actual, se orienta hacia la creación y diseño de webs minimalistas, con espacios limpios y una usabilidad intuitiva, práctica y fácil (esto es, del estilo de las Aplicaciones actuales). De esta forma se puede obtener un diseño atrayente y/o impactante y además ofrecer una usabilidad web plena a los usuarios.

Para desarrollar un sitio con una usabilidad web inmejorable y que la página sea todo un éxito, son precisos, una serie de pequeños ajustes que pueden representar grandes avances para exactamente la misma.

Quizás éste completo y detallado artículo sobre te resulte útil para conocer más sobre esos pequeños ajustes y aspectos que debes tener en cuenta para mejorarla en tu sitio.

Pero ya antes, deseo hablarte del origen y evolución de ciertas indicaciones de usabilidad general y usabilidad web más esenciales, a lo largo de las 2 últimas décadas, ya que por muchos cambios tecnológicos que hayan producido, dada la lógica y flexibilidad de estas directrices, continúan en el tiempo casi íntegras.

Back to top

1) Evolución de las directrices de usabilidad web en las 2 últimas décadas

Desde hace ya cierto tiempo, Norman Nielsen Group en su Weblog de noticias y artículos viene realizando publicaciones periódicas con actualizaciones sobre un artículo original que publicó (cofundandor del grupo Norman Nielsen junto a Donald Norman y Líder de la Usabilidad web a nivel del mundo del mismo modo que este último), allá por el 96, y que todavía prosigue siendo la guía básica de referencia con los fallos más comunes en cuanto a usabilidad web en la mayoría de páginas (es decir, lo que no hay que hacer si quieres tener una adecuada usabilidad web en tu lugar).

Esto es debido a que las indicaciones y criterios que analizó en sus estudios del comportamiento de las personas en comparación con uso de sistemas informáticos eran bastante generales y las reflexiones tenían una lógica o bien argumento, que trascendía y trasciende más allá de los avances técnicos producidos en los últimos 20 años y los nuevos sistemas digitales de que disponemos.

Y es que, aunque la usabilidad, está íntimamente a la tecnología y el estudio de sistemas y su empleo por la parte de los usuarios, también está íntimamente relacionado con la psicología.

Existen muchas formas de ganar dinero en Internet, pero mi favorita es, indudablemente, el programa de Amazon Afiliados.

¿Por qué me gusta tanto? Sobre todo por su capacidad de generar ingresos con escasas visitasy su pasividad. Es un sistema que montas, y luego prácticamente te olvidas: Amazon se encarga de todo el resto.

No es necesario tener ningún conocimiento técnico; la clave está en tomar las decisiones atinadas (en este artículo te mostraré cuáles). Si lo haces bien, con poco más de dos horas de trabajo a la semana puede darte un sueldo mensual que numerosos trabajadores por cuenta extraña ya querrían.

En mi caso, en un solo año pasé de pensar que era imposible ganar dinero por internet a ganar más de 7.000 euros en un solo mes.¡Y eso que durante esas cuatro semanas apenas le dediqué tiempo al proyecto!

Hoy en día tengo múltiples proyectos que producen ingresos pasivos con Amazon Afiliados. He creado algunos que son auténticas minas, al paso que con otros cometí fallos de los que he podido sacar grandes aprendizajes.

Si tú también quieres comenzar a hacer dinero con Amazon Afiliados, en esta guía encontrarás TODO lo que hay que sabersobre este sistema de generación de dinero. Con una buena planificación y esfuerzo inicial, te aseguro que puede darte muchas alegrías. Vamos allá.

Back to top

1) Qué es Amazon Afiliados

Amazon Afiliados es un sistema en línea a través de el cual tú logras clientes para Amazon y el programa te paga una comisión por las compras de esos clientes.

Dicho de otra forma: tú te ocupas de mandar gente a la web de Amazon, y si compran, Amazon te paga una comisión. Así ganáis ambos: Amazon consigue clientes, y a ti te da un porcentaje de esas ventas.

Imagínate que tienes un blog donde hablas de máquinas de café. Si en uno de tus artículos recomiendas una cafetera determinada, puedes lograr ingresos mandando gente que esté interesada en comprar ese producto a Amazon.

Incorporar este sistema a una web o bien blog es sencillísimo. Solo tienes que añadir unos links que Amazon te da a los productos que estés recomendando,.

Si alguien hace clic en ese enlace, irá a la página en cuestión de Amazon. Si compra, Amazon sabrá que esa venta ha sido gracias a ti y te dará un porcentaje. A efectos prácticos, puedes recomendar cualquier cosa que esté en el catálogo de Amazon, como libros, comida, videojuegos, drones, ropa o bien accesorios para el hogar.

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:

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.

Vale, lo aceptamos, somos verdaderos fans de los web como Wix, Jimdo y Weebly. Su capacidad para crear páginas web fáciles ha tolerado a millones de usuarios ser los webmasters de sus propias webs. Existen, no obstante, situaciones en las que dichos autores de sitios no son las opciones mejores.

Usamos Wordpress.org a diario. Con esta guía queremos mostrarte cuándo tiene sentido usar Wordpress y cuándo no.

Back to top

1) WordPress.org: Cuando hace falta algo más que una plataforma de creación web.

La primordial diferencia entre crear una web con Wordpress.org o bien con un creador de websites, como Weebly o bien Jimdo es el nivel de complejidad. Si utilizas un creador de sitios, difícilmente tendrás que ocuparte de ningún aspecto técnico, mas si quieres gestionar tu sitio con WordPress.org, mejor va a ser que vayas aprendiendo algo de su parte técnica.

Una estupenda ventaja de WP es su capacidad de expansión: una vez tengas tu sitio web en la plataforma lo podrás ampliar prácticamente sin límites. Te mostramos acá unos ejemplos reales de situaciones en las que es buena idea emplear WordPress:

• Tienes una inmobiliaria y quieres ofrecer a tus clientes del servicio potenciales una base de datos para que puedan buscar bienes raíces.
• Quieres ofrecer un área para miembros con capacidad de realizar pagos online.
• Quieres un website con un diseño realmente impresionante, capaz de aguantar las aplicaciones más innovadoras pero sin perder la flexibilidad necesaria para ajustar el código.
• Tus competidores son fuertes y necesitas unas características posicionamiento SEO (optimización de buscadores) específicas.

La flexibilidad y la integración de los datos son argumentos potentes para, cuando menos, considerar WordPress.org.

Nota: Este artículo charlará solo de la versión open source, WordPress.org. No revisaremos , que es más fácil de utilizar, sus características son más limitadas y es utilizado casi únicamente para pequeños weblogs, al tiempo que WP.org sirve para prácticamente cualquier clase de website.

Back to top

2) Ventajas y desventajas de WordPress (en comparación con los autores de websites)

Veamos ahora como se equipara WP con los creadores de sitos web: