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

Hay muchas maneras diferentes de edificar un sitio web. Desde WP, Joomla!, Drupal y otros creadores de sitios, hasta HTML puro y herramientas como Dreamweaver.

En resumen, si precisas un sitio, puedes localizar uno entre muchos métodos para crearlo y, en este tutorial para principantes, aprenderás uno más llamado Bootstrap.

Bootstrap es un marco de trabajo o frameworkde front-endque te ayuda a crear sitios web más rápida y fácilmente.

Desarrollado en un principio por Twitter, Bootstrap ya se usa para muchas cosas, desde el desarrollo de aplicaciones web hasta temas de WordPress.

Es totalmente libre, versátil y también intuitivo.

Razones suficientes para que escribamos un tutorial detallado de Bootstrap que te enseñe todo lo que necesitas saber.

A continuación, aprenderás qué es Bootstrap, cómo configurarlo y construir una página de aterrizaje o landing pagesencillapara un sitio web paso a paso.

Al final, queremos que tengas un conocimiento básico de cómo usar Bootstrap a fin de que puedas seguir aprendiendo.

Back to top

1) Tutorial de Bootstrap Paso 1: ¿Qué es Bootstrap?

La primera parte de este tutorial para principiantes se concentra en saber exactamente qué es Bootstrap.

Sólo si sabes con lo que estás lidiando, puedes empezar a entender cómo usarlo.

1.1) Un proyecto de código abierto

Como ya sabéis, Bootstrap fue creado originalmente por Twitter. Un pequeño conjunto de desarrolladores lo reunió como una herramienta interna para asistir a crear interfaces web coherentes.

El proyecto siguió creciendo hasta el momento en que por último decidieron lanzarlo al público para su uso gratis en 2011.

Desde entonces, el apoyo a Bootstrap ha continuado tanto por la parte de ciertos desarrolladores originales como de un gran conjunto de colaboradores.

Ha pasado por varias actualizaciones importantes durante los años (la última, Bootstrap cuatro, en el primer mes del año de 2018) que, entre otras muchas cosas, han añadido su conocido sistema de cuadrícula, diseño plano, un enfoque para móvil y CSS moderno.

Por ahora, el framework se halla entre las herramientas de desarrollo web más populares de la red.

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

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.

¿Buscabas una agencia de marketing digital en Valenciaque se ocupara todo el marketing en internetde tu negocio? ¿Necesitas una estrategia de posicionamiento SEO? ¿Tienes que renovar tu diseño webo darle una apariencia más atrayente y moderna a tus páginas web? Si has llegado hasta aquí, es hora de que dejes de buscar. ¡Estás de enhorabuena! Porque, en CITIFACE tienes una compañía de confianza que puede encargarse de todo esto ¡y mucho más!

Y, como en CITIFACE sabemos lo esencial que es que nos conozcamos un poco mejor, vamos a contarte un tanto quiénes somos y qué podemos hacer por ti.

 

Back to top

1) ¿Quieres saber qué podemos hacer por ti?

¡Sigue leyendo!

En CITIFACE somos una agencia de marketingdigital en Valencia. Nuestro alto grado de cualificación, así como nuestra amplia experiencia en el ámbito nos han tolerado posicionarnos como una de las empresas referentes de, no solo en la Comunidad Valenciana, sino más bien también en el resto de España. Hoy en día, CITIFACE se ha afianzado en el mercado digital y no, esto no es todo. Por el hecho de que a todo ello debes unir el hecho de que somos la compañía que te va a ofrecer ese trato próximo que tanto has añorado hasta ahora.

Ofrecemos todo género de solución de marketing online . Hacemos trabajos de diseño web, creamos páginas websegún tus indicaciones, te diseñamos una estrategia de posicionamiento SEO, podemos administrar tus campañas de SEM(Google Adwords), te planeamos tu estrategia de Social Media y hasta te podemos llevar el alojamiento web( hosting). Y, por supuesto, todo ello ajustándonos a tus necesidades para brindarte precisamente la solución que tu negocio digital requiere.

Ponemos a tu disposición nuestros servicios para dos perfiles de clientes: por una parte, prestamos todos de nuestros servicios a empresas, sea del ámbito que sea, y autónomos que desean iniciarse en el mercado digital y montar páginas webacordes a su línea de negocio, así como que desean ganar visibilidad en los buscadores web y redes sociales.

Por otro lado, ofrecemos también nuestros servicios como marca blanca para otras agencias de marketing online. Aquí el anonimato está garantizado. Nosotros prestamos el servicio, pero no mantenemos ningún tipo de relación directa con el usuario final. Para nosotros, aquí el cliente del servicio es el distribuidor.

¡Lo siento! No hay una fórmula secreta que deje determinar el. Calcular su preciodepende de tantas variables(tan diferentes entre sí), que puedes encontrar presupuestos totalmente disparesen función de las necesidades que tengas. Si estás valorando contratar a unpara que te haga una página web profesionalo remodelar la que tienes, este guía te ayudará a hacerte una idea de los precios que se manejan en el sector.

Evidentemente, tú mismo puedes ponerte manos a la obra y crear una,o. Pese a no tener conocimientos técnicos para hacerlo, haymuy intuitivas que dejan crear un sitio de una manera rápido y sencillo. En un caso así, el costo de la página web será muy reducido, en tanto que, en la mayoría de los casos, se encara el pago de dominioy hosting.

El coste de una página webno es universal y depende de muchos factores «externos», ya que existen proyectos que van desde los 400€ hasta 10.000€ (o bien más).

Back to top

1) Cuánto invertir en una página web profesional

En el sector se pueden encontrarde,omuy dispares para un mismo proyecto. Lo idóneo es que puedas comparar presupuestospara tomar la decisión más atinada posible. A la hora de equipararlos, lee bien la letra pequeñay entérate de lo que está incluido y lo que no. En muchas ocasiones, el resultado del sitio no es el deseado por el hecho de que ciertos aspectos no estaban incluidos en el presupuesto inicial.

Además de comparar presupuestos, también deberías tener en psique realizar una inversión suficiente para alcanzar un mínimo de calidad determinado. Con esto quiero decir que, puesto que estás resuelto a crear un sitio, hazlo mínimamente bien y que el costo de la página web no sea un factor que te frene o bien condicione. Hacer las cosas deprisa y también invirtiendo lo mínimo puede provocar que, en el largo plazo, se deban acometer apaños o bien, aun, que sea un sitio web con tantas deficiencias que se tenga que hacer otro partiendo de cero (son ya varios clientes del servicio los que me han contactado en esta fase).

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.

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.

Back to top

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:

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.

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.