Cómo desarrollar un sitio web
(que crece contigo)

 

Victor Miguel Ponce

Universidad Estatal de San Diego, California

© 2006

  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 rápido en cargar, fácil de navegar, y debe mostrar una ruta clara de enlace a enlace (del portal principal a los portales 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. Usa 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. Configura 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 (Front Page, 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. Evita 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. [Ejemplo: perpetual.sdsu.edu]

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

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

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

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

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

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

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

  24. Usa 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 (Ver esta página, abajo derecha).

  25. Usa varios colores para el diseño.

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

  27. Usa 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. Usa 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. Usa tipo de fuente serif tales como roman para el contenido histórico u otro contenido secundario.

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

  32. Diseña el contenido para ser leído; preferentemente con tamaño de letra de 12 puntos.

  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:  con sólo hacer un click en el enlace.
    2. Acceso limitado:  Se puede accesar al enlace sólo sabiendo la dirección del sitio web.
    3. Acceso Críptico:  El enlace tiene componentes crípticos, difíciles de escribir; acceso muy limitado.
    4. Seguridad:  El enlace está protegido para seguridad; requiere nombre de usuario y contraseña; acceso privilegiado.

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

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

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

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

  38. Desarrolla 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. Explica 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. Informa 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. Desarrolla un buscador con PHP y acceso al enlace Buscador/Indice del portal principal.

  45. Facilita 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. Especifica la fecha y hora en el portal principal.

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

  49. Coloca la fecha de última 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. Es buscable por el sistema operativo.

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

  52. Escanea material bibliográfico de temas de interés y colócalo en el sitio web.

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

  54. Reserva una categoría principal (portal) para el Curriculum Vitae.

  55. Reserva una categoría principal para mostrar aventuras, pasatiempos, y/o anécdotas en el portal Personal.

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

  57. Provée el respaldo institucional, y/o duplica el sitio web en otros servidores (Ejemplo:  kon.sdsu.edu).
060513