Cómo desarrollar un sitio web
(que a todos les gustará)

 

Victor Miguel Ponce

© 2005

  1. El sitio web debe tener:

    • un contenido apropiado,
    • buena navegabilidad, y
    • un buen estilo.

  2. El contenido debe ser preciso, de interés para una audiencia específica, relevante, oportuno, y actual.

  3. El sitio web debe ser fácil de navegar, rápido en cargar y debe mostrar una ruta clara de enlace a enlace (del portal a los subportales y a las páginas).

  4. El estilo se refiere al uso apropiado de colores, fondos, patrones e imágenes.

  5. La navegabilidad se puede mejorar usando una adaptación del Dewey Decimal Classification System (DDCS), con las categorías principales (primer nivel) de 100 a 900, y subcategorías decimales (Ejemplo: segundo nivel, 310 a 390; tercer nivel, 3101 a 3199).

  6. Usar la paleta de colores (http://color.sdsu.edu) para seleccionar y diseñar los colores.

  7. El sistema operativo (o plataforma) más completo es Unix; el mejor servidor de web es Apache.

  8. La entrada de comandos (usando una ventana terminal) es más confiable que la interfaz gráfica del usuario (GUI).

  9. Configurar páginas importantes como subdominios; por ejemplo, http://facetas.sdsu.edu es un subdominio de http://ponce.sdsu.edu

  10. Para poder mantener mejor el código fuente, es conveniente desarrollar el código manualmente, desde un principio.

  11. Los generadores de código tales como Front Page y Dreamweaver cargan código extraño e innecesario, haciendo la carga lenta y el mantenimiento laborioso.

  12. Una manera de asegurar el código limpio, rápido de abrir y fácil de mantener, es desarrollar una plantilla y duplicarla, variando los contenidos de la página.

  13. El código HTML tiene la ventaja de ser simple y la desventaja de ser repetitivo.

  14. Evitar el código que no es soportado por los visualizadores más importantes.

  15. CSS reduce la repetición en el código fuente, pero puede ser complejo y no trabajar en todo momento como se previó.

  16. Para aplicaciones dinámicas de legado (código antiguo), usar CGI para controlar el flujo de información y PERL para manipular entradas y salidas.

  17. Usar PHP para aplicaciones dinámicas basadas en el web tales como programación en línea.

  18. Usar MySQL para manipulación de base de datos.

  19. Usar jpg como formato preferido de imágenes.

  20. Usar ImageMagick para crear, editar, y diseñar imágenes bitmap.

  21. Usar SSH para conectarse al servidor remotamente de cualquier lugar del mundo donde haya conexión al internet.

  22. Trabajar remotamente en el servidor cuando sea posible; de otra manera, trabajar localmente en el cliente y cargar (al servidor) con frecuencia.

  23. Editar archivos con un editor adecuado tal como XEMACS.

  24. Usar fechas explícitas en páginas web para mostrar la última vez que fue editado, para poder referir y mantener fácilmente la página.

  25. Usar varios colores para el diseño.

  26. Usar la mínima cantidad de imágenes (normalmente ocupan mucho espacio y tiempo para abrirlas), a menos que sean absolutamente necesarias.

  27. Usar tablas en HTML para mejor control de la posición y visualización del contenido.

  28. El uso de marcos (frames) en HTML complica el código y su mantenimiento.

  29. Usar preferiblemente tipo de fuente sans-serif (tales como Arial o Helvetica) para que sea amistoso y mejor apariencia visual (vea la fuente de esta página).

  30. Usar tipo de fuente serif tales como roman para el contenido histórico u otro contenido secundario.

  31. No colocar tamaño de fuente muy pequeña porque no es fácil de leer.

  32. Diseñar el contenido para ser leído; preferentemente con tamaño de fuente 12.

  33. La información mostrada en el sitio web tiene cuatro niveles de seguridad, desde lo fácil y hasta el difícil acceso:

    1. Acceso abierto a los enlaces:  con sólo hacer un click sobre el enlace.
    2. Acceso limitado:  Se puede accesar al enlace sabiendo la dirección del sitio web.
    3. Críptico:  El enlace tiene componentes crípticos que serían difíciles, pero no imposibles de escribir; acceso limitado.
    4. Seguridad:  El enlace es protegido para seguridad del servidor; nombre de usuario y contraseña son requeridos para accesar; acceso privilegiado.

  34. Una combinación mixta de niveles de seguridad tiene cerca de 80% de enlaces con acceso abierto.

  35. Desarrollar un sistema para proteger subdirectorios del directorio público HTML, con nombre de usuario y contraseña.

  36. Seleccionar un nombre de usuario y contraseña que sea fácil de recordar para el usuario específico.

  37. Compartir el nombre de usuario y contraseña con usuarios específicos (colegas, familia, o amigos).

  38. Desarrollar un sistema para hacer seguro el nombre de usuario y contraseña y con accesos privilegiados.

  39. La navegabilidad se aumenta con enlaces en el portal principal tales como Acerca de, Numeración, Nuevo, Subdominios, Buscador Local/Índice, y Contáctenos.

  40. Explicar el contenido y navegabilidad del sitio web en el enlace Acerca de del portal principal.

  41. Los enlaces numerados se detallan en el enlace Numeración del portal principal.

  42. Informar a los visitantes frecuentes los nuevos enlaces en el enlace Nuevos del portal principal.

  43. Los subdominios se encuentran en el enlace Subdominios del portal principal.

  44. Desarrollar un buscador con PHP y acceso al enlace Buscador/Indice del portal principal.

  45. Facilitar a los usuarios contactarlo mediante el enlace Contáctenos en el portal principal.

  46. Colocar contadores en el portal principal y subdominios para monitorear el interés de los usuarios a nivel global.

  47. Especificar la fecha y hora en el portal principal.

  48. Especificar la última actualización en el portal principal para mostrar la frecuencia de mantenimiento del sitio.

  49. Colocar la fecha de útima actualización en cada página que es modificada periódicamente (ver abajo de esta página).

  50. La fecha debe colocarse de esta manera: 060111 (Año 2006, Mes Enero, Día 11). Este número es siempre creciente.

  51. Usando PHP, desarrollar random-access image display en los portales para mantener el interés en el sitio.

  52. Escanear material bibliográfico de temas de interés y colocarlo en el sitio web.

  53. Colocar el enlace como pie de página en todas las páginas para regresar al portal principal; esto incrementa la posibilidad de ser colocado por los buscadores.

  54. Reservar una categoría principal para el Curriculum Vitae.

  55. Reservar una categoría principal para mostrar aventuras, pasatiempos, o anécdotas en el enlace Personal.

  56. Hacer el mantenimiento frecuente y efectivo del portal principal; mostrar la fecha de la última modificación.

  57. Proveer el respaldo institucional, y/o duplicar el sitio web en otros servidores (Ejemplo:  kon.sdsu.edu).
051219