26 Cosas a tener en cuenta antes de Desarrollar un Sitio Web

Hace algo tiempo vi un post publicado en la web que tiene el mismo título que éste, pero me gustó tanto que decidí postearlo también pero con una diferencia, traduciendo el contenido en español en una lista de chequeo que pueda ser utilizada de manera más cómoda.

Gracias a la gente de www.pixaal.com tenemos una infografía de las 26 cosas que todo desarrollador web debe tener en cuenta antes de iniciar la construcción de un sitio web.

Lista de Checkeo en Español:

	DOMINIO: Elija un nombre que la gente puede recordar bien y elija sabiamente (y apropiadamente) si usted va a utilizar .com, .net o algo más.
	HOSPEDAJE: elija uno confiable y vea qué capacidad necesita.
	TECNOLOGÍA: la tecnología que utilice: HTML5, CSS3, jQuery PHP, Javascript, etc.
	PROPÓSITO: cuál es el propósito de la página web: negocio, corporativo, comercio electrónico, etc.
	DISEÑO Y COLOR: el color afecta la 'sensación' de su sitio. Siempre se prefiere el diseño aseado. No se olvide de pie de página también!
	MAPA DEL SITIO: claro mapa del sitio y diagrama de flujo.
	CONTENIDO: Su sitio web tiene que proporcionar a los usuarios un contenido bueno e informativo. Apunte palabras claves certeras para elevar la jerarquía en los motores de búsqueda. El tipo de contenido como el lenguaje, imagen, video, etc. tienen influencia en lo rápido o lo lento que el sitio web se carga.
	AUDIENCIA: usted debe conocer quién es su público, entonces usted puede construir contenido para atraerlo.
	ANUNCIO: no ponga demasiada publicidad en su sitio web. Si no es necesario, no lo ponga.
	MENSAJE EMERGENTE: evite los mensajes emergentes. Es el tipo de publicidad más molesto debido a la lentitud de carga y, a veces no puedes cerrarla.
	DISEÑO ATRACTIVO: un buen sitio web debe ser simple, pero profesional.
	BOTONES: hacer botones que capturen los ojos y "Llamados a" botones de acción como comprar ahora o descargar ahora. Intente usando colores brillantes como naranja o amarillo.
	FONDOS: puede elegir entre un aspecto limpio, un aspecto colorido, o puede considerar patrones de fondo también.
	IMÁGENES: elija las imágenes cuidadosamente ya que crearán una impresión duradera para todos, por lo que quiere que sea bueno y memorable.
	FÁCIL NAVEGACIÓN: Los usuarios pueden encontrar fácilmente lo que están buscando.
	ÚNICO: Hay muchos buenos sitios web por ahí, pero usted tiene que hacer que su sitio web se destaque de los demás.
	FRESCO: Mantenga su sitio web al día para que los visitantes regresen.
	OPTIMIZADO: un buen sitio web debe ser amigable a los motores de búsqueda. Esto significa que su sitio es fácil de encontrar en el motor de búsqueda.
	MULTI-NAVEGADOR: Un buen sitio web debe ser capaz de ser visto correctamente en todos los tipos de navegador moderno, ejemplo: Google Chrome, Mozilla Firefox, Safari.
	RESOLUCIÓN DE PANTALLA: anteriormente, el diseño web se hacía con 980px de ancho. Pero como el diseño web responsive se está volviendo popular, un sitio puede ser diseñado a 1230px de ancho.
	REDES SOCIALES: integrar las redes sociales a sus sitios web para facilitar el intercambio de contenidos.
	TIPOGRAFÍA: elija su tipografía. La Fuente Legible es definitivamente importante. Usted no quiere que la gente entrecierre los ojos al leer el su texto.
	REGISTRO: si los visitantes tienen que registrarse para interactuar con su página web, estos adquieren ventajas cuando lo hacen.
	SEGUIMIENTO Y ANÁLISIS: Con esto, usted puede monitorear cómo va su sitio web, y cómo optimizarlo.
	PROPORCIONAR SEGURIDAD: Los visitantes tienen que sentirse seguros cuando cargan información en su sitio web. Especialmente cuando tienen que registrar sus detalle de contacto o número de tarjeta de crédito.
	PIE DE PÁGINA: el pie de página no puede ser lo más importante en un sitio, pero con un pie de página bien diseñado, puede impresionar a sus visitantes.

Cambiar permisos solo a directorios (carpetas) o ficheros (archivos) en Servidores con Apache/Linux

Al momento de colocar en producción una página o sistema web en un servidor base linux, debemos darle los permisos apropiados a las carpetas y los archivos. Regularmente, o para la mayoría de los CSM los permisos deben ser para:

- Los Directorios (Carpetas) = 755
- Los Ficheros (Archivos) = 644

Todo dependerá de los requerimientos de la página o sistema que estemos implementado.
Para cambiar estos permisos tenemos dos alternativas:

1. Conectarnos al servidor por ssh y utilizando las ordenes del sistema.
Podemos utilizar las siguientes líneas de comando una vez que accesamos al servidor:
- Para los Directorios (Carpetas):

find /directorio/cambiar/permiso -type d -exec chmod -R 775 {} \;

- Para los Ficheros (Archivos):

find /directorio/cambiar/permiso -type f -exec chmod -R 664 {} \;

2. Conectarnos por un cliente FTP
Primero debemos conectarnos al servidor.
Haciendo clic con el botón derecho del ratón en la carpeta "www" seleccionamos la opción "Permisos de Archivos..."

Esto desplegará una ventana donde definimos los permisos, luego tildamos la opción "Incluir todos los subdirectorios" y seleccionamos, de acuerdo a nuestra necesidad, una de las tres opciones.

Para finalizar hacemos clic en el botón "Aceptar" y FileZilla se encargará de asignar los permisos.

Es todo. Saludos...

Hosts Virtuales en Apache2 - Ubuntu

Esta Receta es creado con el fin de compartir mi experiencia al crear Hosts Virtuales en un servidor local HTTP para el desarrollo de aplicaciones web escritas en PHP5.

En mi caso utilizo una partición exclusiva para el home, y en él una carpeta para guardar y editar mis proyectos, esto con la intención de no tener que borrarla al momento de actualizar mi distribución, el nombre que utilizo regularmente para dicha carpeta es “public_html”. Vamos a enforcarnos en crear un Host Virtual para esta carpeta, empecemos por crearla:

mkdir /home/usuario/public_html

Los archivos de configuración de Apache2 se encuentra en la carpeta “/etc/apache2”. Para crear un host virtual debemos crear un archivo dentro de la carpeta “/etc/apache2/sites-avaliable/” con el nombre del host(preferiblemente) por ejemplo:

sudo touch /etc/apache2/sites-avaliable/myhost.com

Lo abrimos en el editor:

sudo gedit /etc/apache2/sites-avaliable/myhost.com

Agregamos dentro de este la siguiente configuración:

NameVirtualHost *
<Virtualhost>
  #Dirección de correo del administrador del servicio.
  ServerAdmin administrador@myhost.com
  #Nombre del host
  ServerName myhost.com
  #Ubicación del directorio
  DocumentRoot /home/usuario/public_html/
  #Opciones de visualización del Host
  Options Indexes FollowSymLinks MultiViews
  #Archivo donde se Guarda el Log de los errores
  ErrorLog /var/log/apache2/myhost.com/error.log
  #Configuración del Host para el Directorio
  <Directory /home/usuario/public_html/>
    Options ExecCGI Indexes FollowSymLinks MultiViews
    #Configuración de la codificación de caracteres
    AddDefaultCharset ISO-8859-1
    AddHandler cgi-script .cgi
    AllowOverride all
    Allow from all
    Order allow,deny
  </Directory>
</Virtualhost>

Guardamos y activamos el Host con el comando apache:

sudo a2ensite myhost.com

Creamos el directorio para almacenar los logs del host:

sudo mkdir /var/log/apache2/myhost.com

Abrimos el archivo /etc/hosts:

sudo gedit /etc/hosts

Agregamos en la primera línea el nombre del Host de la siguiente manera:

127.0.0.1 myhost.com

Guardamos el archivo, lo cerramos y reiniciamos el servidor apache:

sudo /etc/init.d/apache restart

Y listo, ya funciona... Solo tenemos que ingresar en el navegador de la máquina la dirección:

http://myhost.com

Ahora si queremos accesar desde otro computador solo tenemos que crear el siguiente link simbolico:

sudo ln -s /home/usuario/public_html/ /var/www/myhost.com

Y podremos hacerlo ingresando nuestra dirección ip desde otro pc seguido de myhost.com, por ejemplo:

http://192.168.0.1/myhost.com