esesans

2015 el año del diseño web responsive, donde cobra especial relevancia el diseño adaptativo para webs, así como ofrecer una versión optimizada para móviles. Las búsquedas realizadas mediante dispositivos móviles se va incrementando diariamente, de ahí la importancia de disponer de una plantilla responsive o de un sitio adaptativo, según la plataforma que empleemos de publicación, si es Wordpress, Joomla, Drupal o es personalizada. Por otro lado y de aviso de Google a Webmasters de todo el mundo les llegan notificaciones para corregir ciertos errores de usabilidad móvil que se describen en dicha notifiación. El objetivo de este asunto es mejorar la usabilidad web móvil de cara a los usuarios. Pero, ¿qué es el diseño responsive? El diseño web adaptable es una filosofía de diseño y desarrollo cuyo objetivo es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visualizarla, según sea smartphone, tablets, phablets, etc. En la mayoría de ocasiones se trabaja por intervalos de resolución de pantalla mediante las denominadas media queries. En qué se fundamenta el diseño responsive Objetivo: las webs deben visualizarse correctamente en todas las resoluciones de pantalla. Mediante técnicas de programación / diseño web como pueden ser las hojas CSS se materializan dimensiones estándar para que las web se muestren de un modo u otro. Habitualmente en el desarrollo se trabaja inicialmente desde dimensiones más pequeñas a dimensiones superiores. El método de empezar con dimensiones adaptadas dispositivos móviles se le denomina Mobile-First Responsive Web Design. Además los sitios web deben visualizarse correctamente en cualquier equipo, sin depender del sistema operativo y sin depender del navegador desde donde se visualizarán. Finalmente otro punto significativos es que la web debe ser ligera y reproducirse en cualquier dispositivo con la mínimia cantida de datos. Plantillas Wordpress responsive Lo anterior se traduce en que debemos preocuparnos por ofrecer una experiencia al usuario correcta y que la web sea accesible. Si por ejemplo, tenemos un blog en WP podemos emplear plantillas Wordpress responsive que ya vienen programadas para cumplir todos los aspectos que hemos comentado sobre el diseño adaptativo. Este punto nos facilita tremendamente a usabilidad móvil ya que mediante este tipo de temas estaremos ofrenciendo a nuestros usuarios una versión amigable de nuestro sitio web.

Cada vez que accedemos a un portal nos encontramos ante una aplicación que nos permite informarnos, comunicarnos, y otras acciones que se pueden llevar a cabo en el propio portal. Detrás de la apariencia que nos permite interactuar existen una gran cantidad de trabajo que permite que así sea. En un portal web podemos encontrar dos partes diferenciadas, la parte visible y la que no vemos, que pertenece a la pura programación y el backend del sistema de gestión del portal, a día de hoy totalmente necesario debido a la gran cantidad de información que se maneja y que nos permite ir actualizando dicha información de una forma sencilla. Pero en el post de hoy no voy a hablar de la parte de pura programación interna del portal, ni de la maquetación web pura, sino de la parte visible y de su apariencia que podemos definir como diseño web. El diseño web es un compendio de trabajos que concluyen con la parte que vemos y que normalmente con el tiempo se va mejorando, siendo así es posible nombrar las fases de planificación, diseño y puesta en funcionamiento enganchando con la parte de programación. Y durante el tiempo actualización de la aplicación. Los trabajos iniciales del diseño web parten con unos briefing de ideas, así como una maquetación a papel y boli de lo que deben ser las generalidades del portal en su apariencia, dibujando y montando cada una de las páginas que se formarán en lo que se llaman como wireframes. Básicamente es, partiendo de las ideas iniciales para las que se piensa el portal, con las propias funcionalidades, ir dibujando la estructura que tendrá el frontend (parte visible de la web). Todas estas actividades se piensan también en la forma que el usuario puede interactuar con al aplicación, recordemos que como tal, cualquier aplicación sea de smartphone o de página web requiere una curva de aprendizaje para su uso. Por lo que mediante el debemos de ir cubriendo y facilitando el uso del portal, maquetando los elementos de una forma que aprender a manejar la aplicación sea todo lo natural posible y para la mayoría de usuarios. Por lo que el diseño web también trabaja la usabilidad del portal. Además debe facilitar la arquitectura de la información de una forma que sea lo más clarificante posible y que de un vistazo podamos encontrar aquello que buscamos con diferentes elementos de los que se disponen en el diseño. Ya hemos visto la importancia de realizar una buena estructura de la información, así como una planificación de todas las páginas web que compondrán el website, ahora es el momento de empezar a darle realmente una apariencia con diferentes elementos. En los siguientes puntos hablaré sobre los elementos más destacados que empleamos en web a la hora de realiza un diseño. La importancia del color en el diseño web Como sabemos existe una psicología del color y que influye directamente en lo que se debe transmitir mediante su uso. En la creación de páginas web tenemos el mismo criterio y el uso del color debe ser enfocado a crear una armonía en general de todo el portal. Además también pensando en la usabilidad y accesibilidad. Por ejemplo, para facilitar la lectura no sería muy aconsejable el uso de un color de fondo completamente rojo ya que dificultaría la lectura además que resultaría muy molesto al usuario que navegara por el sitio. Existen diferentes formatos de color pero habitualmente en este tipo de diseño se emplean los colores hexadecimales debido a que es el formato natural de lenguaje de los ordenadores y mediante los mismos son los que empleamos para la navegación web. De ahí la naturaleza en la nomenclatura de los colores para estos dispositivos. La tipografía en los sitios web Este es otro de los elementos transcendentales en éxito y personalidad de un portal web. Al igual que sucede con los colores debemos pensar queel soporte donde se mostrará serán las pantallas de los ordenadores, tablets o smartphones (estos últimos de una forma más actual) por lo que la elección de las tipografías es una parte muy importante. Puede ser que una fuente estéticamente quede muy bien dentro de nuestro diseño en Photoshop pero al contrario puede mostrar una legibilidad difícil al mostrarse sobre una pantalla lo que impediría la accesibildad por parte de los usuarios al contenido del mismo. Tenemos la opción de elegir diferentes tipografías para destacar los encabezados de las secciones dentro de una misma página y otro tipo de letra para el contenido, una forma de estructurar la información. Siempre pensando en el usuario final para que su uso sea lo más fácil posible. Como consejo, antes del uso de una tipografía dentro del diseño debemos conocer los derechos sobre el uso de la fuente que deseamos emplear ya que la mostraremos de forma pública y quizás comercial en nuestro portal. Este es un punto importante para evitar problemas futuros con los derechos. La imagen en las webs Este es otro ingrendiente indispensable dentro del diseño web, en la totalidad de los portales web se emplean imágenes para completar la información que deseamos transmitir. Dentro de los wireframes habitualmente también se crean espacios destinados a las imágenes, a slideshow o galerías para luego realizar la maquetación web. Los formatos de imagen más empleados dentro de las web son .jpeg y .png, aunque se pueden mostrar otros tipos de formatos de imagen digital pero no tan aconsejados ya que fácilmente aumentan el peso de las imágenes y en consecuencia de la web.

El artículo de hoy trata sobre cual es el mejor hosting gratuito sin publicidad en el que podemos crear nuestro blog o website. Además una vez destacado el mejor servicio os cuento cómo instalar Wordpress en este servicio muy fácilmente. El hosting gratuito más destacado que he encontrado han sido Hostinger, en el que la característica que buscaba es que el panel de administración del host estuviera en español para manejarme mejor en la gestión. De esta forma he estado buscando opiniones sobre Hostinger y al principio algunas no pintaban demasiado bien pero las más actuales comentan que se ha mejorado bastante el servicio, recordemos que el mismo es gratuito aunque también dispone de planes de pago. Siendo así he decido probarlo sin duda alguna. Os cuento las características del host gratis son las siguientes: - Espacio en disco: 2000mb - Tráfico de datos: 100gb - Número de sitios: Ilimitados - Dominos gratis no - Existe la posibilidad de creación de subdominios como veremos. - Instalador automático de aplicaciones. - Backups: Limitados Vemos por tanto que está muy bien el servicio que ofrecen. Resaltar la opción del instalador automático de scripts, lo que nos permite la instalación de Wordpress en este hosting gratuito de unos pocos clics. Instalar Wordpress en Hostinger Vamos a ver por pasos cómo instalar WP en este hosting gratuito, aunque también cabe comentar que podemos realizar la instalación de cualquier otro script así como publicar nuestra web con un subdominio que nos facilita Hostinger. 1- Crear una cuenta en Hostinger. 2- Confirmar la cuenta desde nuestro email. 3- Creación de un hosting gratuito desde el panel del host. 4- Asignación de un subdominio con los dominios que nos facilita. Podemos personalizarlo con el nombre que deseemos, el domino que viene por defecto es el esy.es, de esta forma nuestro subdomino puede quedar así: subdominio.esy.es 5- Clicar la opción de instalador de scripts (no confundir con el creador de sitios) y seleccionar la opción de Wodpress, instalándolo en el directorio raíz. Asignar el user y pass para el admin del sitio de Wordpress. 6- Nuestro sitio ya está creado y lo podemos visitar con la dirección que hayamos definido previamente. (subdominio.esy.es) Gestión de nuestro blog en Wordpress 7- Acceso al admin de Wordpress con tecleando al final de nuestro dominio /wp-admin en la dirección desde el navegador. Introducir nuestro user y pass de WP. 8- Configuración general del blog, asignar tema, configuración de URL, etc. 9- Creación y publicación de un nueva nueva página o post. Previsualización con el tema predefinido. 10- Disfrutar de tu blog gratuito en Wordpress!!

Si deseas conocer cuanto cuesta una pagina web en Wordpress en las siguientes líneas te cuento las diferentes opciones según el presupuesto. Y tu me dirás, ¿por qué Wordpress? Wordpress es uno de los gestores de contenido más empleados del mundo. Son muchos los motivos por los que usar este CMS pero los que yo destacaría son: 1- La facilidad de uso, la curva de aprendizaje es rápida. 2- Versatilidad, gracias a las extensiones existentes hace que Wordpress sea muy versátil y posibilita la creación de casi cualquier tipo de web. Ya sea para blog, web o ecommerce. 3- La comunidad que hay detrás de Wordpress. Bien una vez dicho esto vamos a ver los diferentes presupuestos para hacer nuestra web en Wordpress y en función de ellos podemos tomar diferentes decisiones. Usar Wordpress de forma gratuita Tenemos la opción de crear un blog en la plataforma que ofrece Automattic pero con una serie de limitaciones. Estas limitaciones pueden ser menos si pagamos por ellas. Particularmente pienso que para realizar el desembolso prefiero hacerlo en un Wordpress que tenga alojado en mi sitio web. Uno de los motivos principales es que siempre será tuyo el blog al no estar alojado en servicios de terceros. Crear un website en Wordpress en hosting contratado En este caso nuestro presupuesto mínimo puede ser contratar el alojamiento web, que dependiendo de proveedores puede salir en unos 100 euros. Recuerda que Wordpress.org, es el que emplearemos en nuestro hosting y que como tal es gratuito. Por lo que el gasto mínimo sería el alojamiento web para crear nuestra página web. Como quizás sepas existen temas gratuitos que puedes emplear en tu web, aunque otra buena opción sería comprar alguna plantilla premium. En este caso puedes encarecer el presupuesto en unos 50-60 euros. Logicamente las plantillas premium facilitan tremendamente la creación del site así como la versatilidad en cuanto a funcionalidad. De ahí el motivo que haya que pagar por ellas, por que ofrecen un extra. Resumiendo nuestro presupuesto se ha elevado a 150 euros y que podemos contarlo como mínimo mínimo. En este caso hemos tomado las opciones de hacerlo nosotros mismos y no hemos contemplado la opción de contratar un diseñador web. A la larga es mejor inversión contratar alguien que sepa, sobre todo por el tiempo y los resultados aunque salga el asunto un poco más caro.