Archivo de la etiqueta: web

Cambios importantes en Google Chrome

Cambios importantes en Google ChromeEl ritmo de las actualizaciones del popular navegador de Google es verdaderamente importante. Si hace tan solo un mes se anunciaba la versión 34, ahora se acaba de publicar la versión 35 de Google Chrome.

En esta nueva versión se corrigen hasta 23 vulnerabilidades detectadas en la versión anterior del navegador, aunque como es habitual, desde Mountan View no han emitido información muy extensa de las correcciones realizadas. Sigue leyendo

Facebooktwittergoogle_plus

Encontrar inspiración para el diseño de nuestra web

Es probable que nos encarguen un proyecto de un sitio web y queramos visualizar otros sitios webs para encontrar inspiración. La tendencia actual pasa por sitios web con diseños reducidos a la mínima expresión, con colores planos, grandes tipografías e imágenes y mucho color blanco.

La página que os proponemos trata de reunir muchos de estos sitios webs de diseño minimalista.

Estamos hablando de minimalexhibit.com, un sitio web en el que los usuarios pueden tanto publicar sus páginas de forma gratuita, como visualizar las páginas que ya han sido publicadas.

Las páginas están clasificadas según sea su categoría: blogs, ecomerce, personales, etc.

Para cada sitio web, vemos una miniatura y si pulsamos sobre dicha miniatura accedemos a una captura de pantalla de la página principal. Finalmente, si pulsamos sobre dicha imagen accederemos al sitio web en cuestión.

Encontrar inspiración para el diseño de nuestra web

Minimal Exhibit nos proporciona gran cantidad de páginas de diseño minimalista con las que encontrar muchas ideas para la construcción de nuestros sitios web.

Facebooktwittergoogle_plus

Un servidor web con VirtualBox – usar un cliente FTP

Hasta ahora, la única prueba que hemos realizado en nuestro servidor ha consistido en crear la pagina info.php con el editor nano, y guardarla en nuestro servidor virtual en la ubicación / var/www

Pero en el caso de querer copiar una web que ya tengamos creada o de quere instalar una aplicación web, necesitaremos habilitar el traspaso de información desde el equipo anfitrión al equipo virtual. Para ello vamos a instalar el protocolo SSH en el servidor virtual y nos conectaremos a él utilizando un cliente de ftp, en nuestro caso FileZilla.

Instalando SSH en el servidor

Como ya hemos utilizado tasksel para realizar la instalación del servidor Apache, hoy vamos a realizar las instalaciones desde la consola (así vemos varios métodos). Accederemos a nuestra máquina virtual y teclearemos:

sudo apt-get install openssh-server

o bien, si quisiéramos hacer la instalación desde tasksel, abriramos la aplicación tecleando sudo tasksel y a continuación tan solo deberíamos marcar la casilla OpenSSH Server  y Aceptar.

servidor-local-ubuntu-openssh

Una vez instalado el servidor, vamos a probar su funcionamiento en local. Para ello teclearemos:

ssh nombre-usuario@127.0.0.1

donde sustituiremos nombre-usuario por nuestro nombre de usuario, y a continuación indicaremos nuestra contraseña. En nuestro primer acceso veremos un mensaje de aviso, al cual responderemos yes, y ya tendremos nuestra conexión funcionando.

servidor-local-ubuntu-openssh-conectado

Y para salir, simplemente teclearemos exit.

Configurar Filezilla para acceder a la máquina virtual.

En el equipo anfitrión, abriremos FileZilla y pulsaremos sobre el icono Gestor de Sitios. Pulsaremos el botón Nuevo sitio e indicaremos los datos relativos a nuestro servidor, es decir, la ip, nuestro nombre de usuario y la contraseña. En el apartado de protocolo, deberemos seleccionar la opción SFTP – SSH File Transfer Protocol

servidor-local-ubuntu-ssh-filezilla

Si has realizado los pasos que comentamos en el capítilo Un servidor web con VirtualBox – Configurando la red, habrás editado el fichero hosts para acceder a tu servidor local utilizando un nombre en lugar de la ip. Este nombre también puede ser utilizado en FileZilla, en lugar de indicar la IP.

Como podrás comprobar, hemos accedido a nuestro equipo servidor mediante FileZilla y aunque podemos visualizar la carpeta / var/www, no tenemos los permisos para modificar su contenido. En la próxima entrega crearemos alias de dominio para poder utilizar la carpeta home para guardar nuestras webs.

Entregas anteriores

Facebooktwittergoogle_plus

Un servidor web con VirtualBox – Configurando la red

En la anterior entrega Un servidor web con VirtualBox – El entorno, instalamos el sistema Ubuntu “pelado”, es decir, sin ningún software adicional, por lo tanto y de momento, no lo podemos utilizar como servidor web.

Lo que hoy vamos a hacer, es preparar nuestro equipo y al sistema virtual para poder utilizarlos sin necesidad de escribir la ip en la barra de direcciones, es decir, le vamos a indicar a nuestro equipo que cuando escribamos cierto nombre en la barra de direcciones del navegador, que acceda a nuestro sistema Ubuntu virtual. Sigue leyendo

Facebooktwittergoogle_plus

Un servidor web con VirtualBox – El entorno

Es muy común el desarrollar un sitio web en local, hacer las pruebas o modificaciones pertinentes, y como proceso final, publicarlo en Internet. Para estos menesteres, existen servidores locales que nos permiten tener Apache, PHP y MySQL instalados muy fácilmente.

Si nuestro sistema es Windows, podremos tener fácilmente un servidor web, utilizando aplicaciones como Xampp, EasyPHP, Wampp, etc. Pero si queremos tener un control total sobre el servidor e instalarle el software que queramos, podemos instalar VirtualBox, y tener nuestro servidor virtualizado.

Para ello vamos a descargar e instalar la última versión de VirtualBox y como servidor utilizaremos Ubuntu Server 12.04.3 LTS, por tener un periodo de soporte más largo.

Instalando el entorno

La instalación de VirtualBox, no nos supondrá mayor problema. Será el típico Siguiente hasta que se haya completado todo el proceso. A continuación, abriremos la aplicación y crearemos una máquina virtual, indicando como Tipo de sistema Linux, como Versión Ubuntu y un nombre que la identifique.

servidor-local-instalacion

El asistente nos preguntará sobre los datos de la maquina virtual. Indicaremos unos 2 Gb de memoria Ram y unos 10-15 Gb de espacio en disco. Aunque estos valores dependerán las cantidades disponibles en nuestro equipo. El disco será de tamaño dinamico (Reservado dinámicamente).

Finalizado el asistente, procederemos a arrancar la máquina virtual, pero primero deberemos indicarle que utilice la ISO de Ubuntu cuando arranque. Para ello, pulsaremos el botón de Configuración, situado en la barra superior. En la nueva ventana que nos aparecerá, pulsaremos en el apartado Almacenamiento. A continuación, en la parte central pulsaremos sobre el icono del disco CD, y finalmente en la parte derecha, Pulsaremos sobre el icono del CD. Esto nos desplegará una serie de opciones. Deberemos eligir Seleccionar un archivo de disco virtual de CD/DVD y pulsar en la ISO de Ubuntu que nos acabamos de descargar.

servidor-local-virtualbox

Aceptaremos los cambios y pulsaremos en el icono de Iniciar, situado en la barra superior. Al arrancar la máquina virtual se iniciará la instalación de Ubuntu Server.

servidor-local-ubuntu

Seleccionaremos el idioma español, y a continuación, indicaremos Instalar Ubuntu Server.Deberemos indicar varios parámetros, como la zona horaria, distribución del teclado, etc.  Indicaremos un usuario y una contraseña para la cuenta. También Indicaremos utilizar todo el disco, cuando se nos pregunte sobre las particiones

Finalmente, cuando se nos pregunte por que servicios queremos instalar, no seleccionaremos ninguno, ya que la instalación de éstos, la realizaremos posteriormente a mano desde la consola.

servidor-local-ubuntu-paquetes

Pasados unos minutos, se nos solicitará reiniciar el equipo. Aceptaremos y nos aparecerá la consola de nuestro servidor Ubuntu, solicitándonos los datos de login.

servidor-local-ubuntu-login

Una vez logueados, ya podremos instalar todo el software necesario, pero esto será en próximas entregas…

Facebooktwittergoogle_plus

Imágenes de relleno para tu web

En el mundo del diseño y la programación web, es muy conocido “Loren Ipsum…”, el famoso texto que se incluye para rellenar la web, es decir asignarle contenido aleatorio para ver como queda.

Pues hemos descubierto una utilidad similar, pero en esta ocasión para imágenes. En lugar de buscar una imagen y cambiarle su tamaño en algún editor, para que se adapte a nuestras necesidades, desde la web lorempixel.com

podremos enlazar con imágenes de diferentes temáticas y con el tamaño que queramos.

En la web existen urls predefinidas que podemos enlazar directamente desde nuestro sitio, o también podemos utilizar el generador, para crear obtener una imagen con los parámetros que mas nos convengan y guardarla en nuestro equipo.

lorempixel

 

Facebooktwittergoogle_plus

Que es un Reset CSS

Los navegadores web incluyen por defecto una hoja de estilos CSS predeterminada, de manera que si no indicamos ninguna propiedad, ellos tomarán la que tienen por defecto. Esto que a prior es una ventaja, puede convertirse en un tremendo inconveniente, ya que al no unificar estilos la misma pagina web puede mostrarse diferente en los distintos navegadores.

Por ello muchos diseñadores web han utilizado tecnicas para enmascarar las etiquetas CSS de los navegadores, lo que se conoce como Reset CSS. Sigue leyendo

Facebooktwittergoogle_plus