El desarrollo de contenidos para Web ha cambiado mucho desde 1994. Los contenidos se creaban manualmente, escribiendo el código de manera directa en archivos de texto (HTML), ajustando al máximo el peso de las imágenes y por supuesto, la comunicación entre el creador de contenidos y el lector era unidireccional.
El cambio de paradigma, probablemente lo podríamos situar entre finales de dos mil cuatro y inicios de 2005, coincidiendo con la presentación en sociedad del término Web dos.0 (Tim O’Reilly, Octubre dos mil cuatro,). En esas datas asistimos al nacimiento de herramientas clave de la web actual como Flickr (dos mil cuatro), Youtube (dos mil cinco)… y a la presentación a lo largo de 2005 de versiones innovadoras de(versión 1.5),(presentado como una evolución de Mambo) o(versión 4.5). La generación de contenidos se había vuelto multidireccional. [1]

Para hacerlo posible, durante el período de mil novecientos noventa y cuatro a dos mil cuatro, se generaron varios cambios que a la larga han devenido imprescindibles:

• Implementación de forma masiva de plataformas de generación dinámica de contenidos; eminentemente, por la expansión de lenguajes de programación que trabajan de forma directa con bases de datos, como PHP, ASP o bien JSP. Esto ha facilitado la creación de contenidos que dejan una edición directa por la parte del usuario.
• Creación dede comunicación y, con ellas, el concepto de.
• Expansión de los RSS, los microformatos y del XML como lenguaje de comunicación e intercambio.
• Auge del open source. La calidad y la versatilidad de ciertos desarrollos de open source actuales los transforman en muy competitivos en frente de los productos comerciales.
• Participación activa del usuario en la gestión de su conocimiento y pasando de un objeto pasivo de la información a producir su conocimiento.

Estos cambios (entre otros muchos) convirtieron nuestras necesidades. El sistema usual de publicación dio paso a una herramienta que dejase la gestión de contenidos, un CMS.

Fuente: /2009/04/web-20.jpg

1) ¿Qué es un Content Management System?

Un CMS es un sistema de gestión de contenidos(Content Management System)., un “CMS es un programa que permite crear una estructura de soporte (Framework) para la creación y administración de contenidos, primordialmente páginas web, por la parte de los usuarios del sistema”.

La propia Wikipedia establece la siguiente segmentación de los CMS:

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:

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. ¿Qué es bootstrap?

Bootstrap es una librería CSS, o sea, es un fichero CSS que añades en tus proyectos para tener una serie de estilos ya dispuestos para usar.

Este tipo de librerías CSS suelen incluir estilos para los elementos más comunes de una página web, como por poner un ejemplo, botones, tarjetas, navbars, etcétera Además tiene una serie de estilos para crear columnas fácilmente.

Back to top

2) ¿Por qué utilizar Bootstrap? Ventajas

• Facilidad de uso. Lo único que debes hacer es poner clases a elementos HTML.
• Responsive. Perfecto para crear páginas web acomodables a cualquier dispositivo.
• Personalizable. Puedes personalizar su descarga para utilizar los elementos que necesites.
• Gran comunidad. Este framework está muy extendido y si tenemos un problema podremos localizar mucha información en Internet.

Back to top

3) Descarga y instalación de Bootstrap

Para usar Bootstrap en un proyecto tenemos 2 formas de hacerlo:

3.1) Instalación de forma manual

Para instalar Bootstrap de forma manual lo que tienes que hacer es descargar los ficheros de Bootstrap desde su página web haciendo click en Downloaddentro de Compiled CSS and JS:

Además, para que funcione correctamente tienes que descargar también Jquery y Popper.js, un par de librerías que usa Bootstrap a fin de que funcione adecuadamente.

Jquery: Popper.js:> Botón derecho > “Guardar cómo” y lo descargas.

Una vez descargados todos los ficheros, los tienes que meter dentro de una carpeta en tu proyecto. IMPORTANTE: Si empleas un framwework como React, Vue o Angular no te recomiendo que lo hagas así.

Dentro de la carpeta que te has descargado de Bootstrap hay una carpeta cssy otra carpeta js. En la carpetita csses donde están los estilos y en la carpetita jsel javascript preciso a fin de que ciertos elementos funcionen.

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.

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.

La dificultad que había previamente para crear una página web era considerablemente mayor que en la actualidad.

A día de el día de hoy la cantidad de páginas webs o blogs libres en Internet se cuentan por millones, y gracias a las herramientas actuales con las que poder crear y diseñar un sitio, cualquier usuario es capaz de edificar una página en cuestión de horas.

Antes de que te decidas por un software o bien otro, aconsejo que te informes sobre los diferentesque existen para que sepas cuál se adapta mejor a tus necesidades.

Entre estos programas para crear páginas web, existen de todos los tipos, como editores de código HTML o bien herramientas web especializadasque te ayudarán a crear tu página web sin mucho esmero mediante el uso de editores visuales.

En el post de el día de hoy conoceremos las opciones mejores cuando busques programas para hacer páginas webque encontrarás en el mercado. Te garantizo que en este post encontrarás múltiples opciones interesantes, a fin de que puedas lograr el éxito en el campo del diseño, y así tener siempre una herramienta fiable para hacerlo.

¿Que me marcho a encontrar en este artículo?

Back to top

1) ¿Qué programas para crear páginas web son los más recomendables?

Es importante tener en consideración que existen varios programas que te permitirán lograr el mismo objetivo,todo dependerá de lo que precises en todo momento. Por consiguiente, podrás encontrar herramientas de todo tipo.

Existen programas para diseñar páginas webque te permitirán hacer empleo de ellos sin precisar pagar por una licencia. Esto hace que cualquiera pueda crear una página web profesional sin precisar gastar dinero.

Dentro de las mejores plataformas y softwareque encontrarás en el mercado para hacer este género de páginas web encontraremos:

1.1) OK Builder

Este está considerado como uno de los mejores programas para crear páginas webque encontrarás en el mercado. Especialmente si no sabes mucho sobre el tema de programación o de lenguajes informáticos este será uno de los mejores que encontrarás, y lo mejor es que podrás probarlo gratis.

Con esta aplicación podrás tener hasta ciento setenta y dos plantillasque te permitirán crear una página web profesional en instantes, con diseños bien elegantes y acordes a lo que es tendencia en la red de redes. Aun podrás crear el lugar desde tu móvil, a fin de que puedas hacerlo desde cualquier parte con un editor que será muy fácil de utilizar.