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.

Si estás leyendo esto, y aún no conoces bien lao quieres aprender cómo funciona más a fondo, te recomiendo que descargues ahora estatotalmente sin coste para que conozcas todo lo necesario.

Dicho eso, elegir entre Wordpress o bien Drupalcomo palataforma para la creación de un sitio, es una decisión esencial, puesto que afectará a todos y cada uno de los aspectos de tu proyecto.

Desde el diseño, pasando por la seguridad, hasta el coste de desarrollo. Cada plataforma tiene su propia comunidad, características, ventajas y desventajasque afectarán hasta el más mínimo detalle que deba ver con tu página.

En esta comparativa de WordPress vs Drupal, veremos los inconvenientes y ventajas de cada opción en detalle por lo que si lees este artículo hasta el final, conseguirás tener una idea clara de como es el CMS o bien gestor de contenido que más te es conveniente y que mejor se amolda a tu proyecto.

Back to top

1) Introducción a WordPress

WordPress es el CMS más popular, y lo usanque hay en la red de redes.

Es esencial que entiendas que cuando hablo de Wordpress, me refiero al proyecto open source libre; es decir el gratis, que puedes hallar en wordpress.org y no la versión comercial más limitada (wordpress.com).

Además, un rápido vistazo a Google Trends muestra claramente la diferencia de usoen comparación con otras plataformas, como en un caso así Drupal.

WordPress contiene una enorme comunidad que ofrece un apoyo incalculable en muchos de los campos que el proyecto requiere, lo que hace que este Content Management System esté siempre en incesante desarrollo y mejora.

De hecho, a pesar de haber nacido como una plataforma para crear weblogs, hoy en día es posible utilizar WP para crear cualquier clase de lugar web, desde un simple weblog hasta un gran sitio de noticias como CNN.

WordPress está dirigido al público generalmente, lo que significa que cualquier administrador web medio puede personalizar su propio sitio web de WordPress.

Veamos concisamente algunos de los pros y contras de utilizar WordPress:

1.1) Beneficios de WP vs Drupal

1.2) Inconvenientes de Wordpress vs Drupal

Back to top

2) Qué es el CMS Drupal

Drupal tiene fama de ser un Content Management System más avanzado, prácticamente exclusivo para desarrolladores y pensado en especial para crear un sitio web altamente personalizado y/o complejo.

¡Conquistemos y posicionemos tu web en la cima de Google!

Sin trampa ni cartón; desarrollamos campañas realistas de posicionamiento web (posicionamiento web en buscadores) en Google y demás motores de búsqueda, con los pies en el suelo, fieles al perfil de tu empresa y con objetivos que den resultados.

La optimización para el posicionamiento web en buscadores de Internet como Google, conocido como posicionamiento SEO, se ha transformado en uno de los servicios en Internet más demandados, pues es clave para alcanzar los objetivos de cualquier negocio en línea.

Cada vez que desde la compañía de posicionamiento SEO, como somos en Xplora, hablamos de los servicios de posicionamiento SEO y de de qué forma, la página web de la compañía, subirá a las primeras posiciones, obteniendo más visitas en Internet y mayores posibilidades de ganar potenciales clientes, los clientes se emocionan.

Y sí, claro, los servicios de cualquier empresa de SEO y de posicionamiento en buscadores sirven para eso justamente, pero allí no reside su utilidad. Con el tiempo nos hemos dado cuenta de que, estar en las primeras posiciones, cuando alguien hace una busca sobre nuestros servicios o bien productos, no solo nos da una mayor relevancia frente la competencia, sino nos asegura que seamos la principal fuente de información del posible cliente acerca de ese servicio o bien producto.

Si bien en Internet, y en los negocios por lo general, las referencias y el boca a boca, son una enorme herramienta a fin de que nuestro mensaje se propague, cuando hablamos de resultados orgánicos, lo mejor es que seamos lo que contemos nuestra historia y las ventajas de nuestros servicios y productos.

Back to top

1) ¿Por qué contratar una empresa de posicionamiento web en buscadores? ¡Clave para tu branding!

Sí, tienes una página, pero si no está optimada y no aparece en los primeros resultados cuando alguien busca tus servicios o productos, entonces, si no eres tú, ¿qué página es la que halla el usuario cuando efectúa la busca?

Como en la vida, tienes dos opciones:

1.1) Páginas web sobre tus servicios y productos

En Internet, la información sobre tu marca, tus productos y servicios pueden encontrarse en distintas webs. Por servirnos de un ejemplo, puede que se informe de ello en o comentado en algún Blog.

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.

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.

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.

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.

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:

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:

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.