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.

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.

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:

La complejidad que había anteriormente para crear una página web era considerablemente mayor que en nuestros días.

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

Antes de que te decidas por un software u 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 esfuerzo a través de el uso de editores visuales.

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

¿Que me voy a localizar en este artículo?

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 alcanzar el mismo objetivo,todo dependerá de lo que precises en todo instante. Por lo tanto, podrás hallar herramientas de todo tipo.

Existen programas para diseñar páginas webque te permitirán hacer uso de ellos sin precisar abonar por una licencia. Esto causa que cualquiera pueda crear una página web profesional sin necesidad de 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. En especial si no sabes mucho sobre el tema de programación o bien de lenguajes informáticos este será uno de los mejores que encontrarás, y lo mejor de todo es que podrás probarlo gratuitamente.

Con esta aplicación podrás tener hasta 172 plantillasque te permitirán crear una página web profesional en momentos, con diseños bien elegantes y acordes a lo que es tendencia en la red de redes. Incluso podrás crear el sitio desde tu móvil, para que puedas hacerlo desde cualquier parte con un editor que será muy fácil de usar.

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.

1) 1 Introducción

El incontrovertible aumento de los teléfonos móviles y tabletas como dispositivos de navegación web lleva a plantearse un diseño adaptado a estos aparatos, de dimensiones más reducidas que la clásica pantalla del computador, y con la capacidad de ser utilizados en cualquier sitio. Mientras que unos sitios han optado por crear versiones propias para móviles inteligentes y tabletas, otros sostienen un mismo sitio web para todos y cada uno de los dispositivos. En el primer caso, implica un mayor esmero para abarcar tantas resoluciones como tamaños de pantalla existen. En el segundo, según como se haya diseñado el sitio web posiblemente no se visualice adecuadamente en los teléfonos, que se desmaquete o que ciertas funcionalidades se vean afectadas, depauperando la Experiencia de Usuario (UX), y en el peor caso, perdiendo público.

En el contexto presentado, el presente artículo tiene como propósito ofrecer una visión integral de la UX enfocada a la navegación multiplataforma tomando el Responsive Web Design(RWD) como guía de referencia del diseño web en la actualidad. Para esto, se ha efectuado una revisión de lo que se ha publicado hasta el instante en este sentido. Si bien la temática es tan reciente que hay pocas publicaciones sobre ella, sí varias pautas y de estándares relacionados con el RWD que han sido útil.

Del trabajo se desprende que los entornos de navegación actuales deben poder ser aprovechados desde cualquier dispositivo. No amoldarse a esta realidad condena a los sitios a brindar una UX cada vez menos satisfactoria. La tendencia actual es unificar los canales de información en una única web, una única URL, un solo espacio virtual que sostenga exactamente las mismas funcionalidades y características que definen cada sitio, adaptándose progresivamente a los cientos de modelos de dispositivos móviles que hoy en día están en el mercado.

2) 2 Un mundo móvil

La tendencia a la utilización de teléfonos móviles es creciente. Los datos que da la ITU, organismo de las Naciones Unidas, así lo muestran: a fines de 2013 un 96 por ciento de la población mundial tendrá acceso al teléfono móvil —128 por cien en el planeta desarrollado y el ochenta y nueve por cien en los países en desarrollo—. Es suficiente con echar la vista atrás un par de años o 3 para poder ver la rápida penetración; en cambio, el mercado semeja estar ya saturado, y según la ITU, en cuatro de las 6 zonas del mundo "la adopción de la tecnología móvil celular se está desacelerando sensiblemente y su tasa de desarrollo está en sus niveles más bajos, tanto en el mundo en desarrollo como en el desarrollado".

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.

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.

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.

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

Dicho eso, elegir entre WP o bien Drupalcomo palataforma para la creación de un sitio web, es una decisión importante, puesto que afectará a todos 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 tenga que 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 Content Management System o gestor de contenido que más te es conveniente y que mejor se adapta a tu proyecto.

1) Introducción a WordPress

WordPress es el Content Management System más popular, y lo usanque hay en internet.

Es importante que comprendas que cuando hablo de Wordpress, me refiero al proyecto open source libre; esto es el gratis, que puedes encontrar 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 este caso Drupal Trademark.

WordPress contiene una enorme comunidad que ofrece un apoyo inestimable en muchos de los campos que el proyecto requiere, lo que hace que este CMS esté siempre y en todo momento en constante crecimiento y mejora.

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

WordPress está dirigido al público por norma general, lo que significa que cualquier webmaster medio puede personalizar su propio sitio de WordPress.

Veamos brevemente algunos de los pros y contras de emplear WordPress:

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

Sin trampa ni cartón; desarrollamos campañas realistas de SEO (posicionamiento web en buscadores) en Google y demás buscadores, 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 de Internet como Google, conocido como posicionamiento en buscadores, se ha transformado en uno de los servicios en Internet más demandados, puesto que es clave para lograr los objetivos de cualquier negocio online.

Cada vez que desde la compañía de posicionamiento web en buscadores, como somos en Xplora, charlamos de los servicios de posicionamiento en buscadores y de cómo, 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 posicionamiento web y de SEO sirven para eso justamente, pero allí no reside su utilidad. Con el tiempo nos hemos dado cuenta de que, estar en las primeras situaciones, cuando alguien hace una búsqueda 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 producto.

Si bien en Internet, y en los negocios generalmente, las referencias y el boca a boca, son una gran herramienta para que nuestro mensaje se difunda, cuando charlamos de resultados orgánicos, lo mejor es que seamos lo que contemos nuestra historia y los beneficios de nuestros servicios y productos.

Índice de contenidos

1) ¿Por qué contratar una compañía de posicionamiento SEO? ¡Clave para tu branding!

Sí, tienes una página web, 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 web es la que halla el usuario cuando realiza la búsqueda?

Como en la vida, tienes 2 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 diferentes páginas web. Por servirnos de un ejemplo, puede que se informe de ello en o comentado en algún Weblog.

En la mayoría de los casos, la información sobre tu marca, productos y servicios, brindada por terceros, se ajustará al mensaje que deseas transmitir. Mas, en un caso así no, podremos decir que todo está perdido si no tomamos cartas en el asunto.

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.

El éxito o descalabro de unse basa en la manera en que está hecho; Su diseño web, su velocidad, su estructura, contenidos, etc.

En pocas palabras, se basa en qué tan bien cumpla las expectativas de los visitantes.

La pregunta del millón es sencilla

¿Tu sitio web ofrece una buena experiencia a los usuarios?

Para que dar una respuesta es necesario que evalúes tu sitio web, de ahí que hice esta lista y al final sabrás qué puntos corregir y prosperar para crear páginas web triunfantes.

1) Estas son Todas y cada una de las Unas partes de una Página Web 

Entre los elementos de un sitio exitoso está un diseño afable y fácil de navegar, esto permitirá que el usuario se sienta cómodo y permanezca más tiempo en el lugar.

Este es un caso de un sitio web que combina el mensaje y la usabilidad:

El ejemplo de una empresa mexicana que comercializa .

?Como podrás apreciar sus mensajes (textos) son claros y desde un comienzo le ofrece sus visitantes opciones alternativas para navegar en su sitio y encontrar lo que están buscando.

Procura ?que cada una de las secciones este bien definida y pueda acceder fácilmente. Evita crear diseños sobresaturados que confundan a tu visitante.

1.1) 2) Secciones y páginas internas bien definidas

Entre las partes que conforman una página web más esenciales están las secciones y páginas internas.

Antes de crear tu sitio web, define cuales son las que tendrá tu sitio, esto evitará que al momento de diseñarlo estés improvisando y creando estructuras que sean confusas para tus visitantes.

Si crearás una página web básica te invito a la siguiente estructura:

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.