Cómo desarrollar un sitio web (que crezca con Usted)
Dr. Victor Miguel Ponce Universidad Estatal de San Diego, California, EE.UU. México, D.F., a 24 de mayo del 2006 © 2006
México, D.F., a 24 de mayo del 2006
© 2006
El sitio web debe tener: contenido apropiado, navegabilidad adecuada, estilo elegante. El contenido debe ser preciso, de interés para un grupo, relevante y oportuno. El sitio web debe ser rápido de cargar, y fácil de navegar. El estilo se refiere al uso apropiado de colores, fondos, patrones e imágenes. Hay 216 colores firmes en el web, desde negro (#000000) hasta blanco (#ffffff) (hexadecimal: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f).
Usar una adaptación del Dewey Decimal Classification System (DDCS), con portales (100, 200, ... 900), subportales (310, 320, ... 390), y páginas (3101, 3102, 3103, ... 3159). Configurar páginas importantes como subdominios: http://facetas.sdsu.edu Para poder mantener mejor el código fuente, es conveniente desarrollar el código manualmente. Una manera de asegurar el código limpio, rápido de abrir y fácil de mantener, es desarrollar una plantilla.
HTML tiene la ventaja de ser simple y la desventaja de ser repetitivo (pero se puede cortar y pegar). CSS (Cascade Style Sheets) reduce la repetición en el código fuente. Para aplicaciones dinámicas de legado, usar CGI para controlar el flujo de información y PERL para manipular entradas y salidas (perpetual.sdsu.edu). PHP (o ASP) para aplicaciones dinámicas basadas tales como programación en línea. PHP corre en el servidor, no en el visualizador. MySQL o similar para manejo de base de datos. ImageMagick, Photoshop y/o Corel Draw para crear, editar, y diseñar imágenes. SSH para conectarse al servidor remotamente desde cualquier lugar del mundo.
Trabajar remotamente en el servidor cuando sea posible. Editar archivos con un editor avanzado como XEMACS o CRIMSON. Usar fechas explícitas para mostrar la última vez que fue actualizada la página. Usar diversos colores y fondos. Usar una cantidad razonable de imágenes (éstas demoran en cargar). Usar tablas para mejor control de la posición y visualización del contenido.
Usar preferiblemente tipo de fuente sans-serif (Arial o Helvetica) para que tenga mejor apariencia visual. Usar tipo de fuente serif tales como roman para el contenido histórico u otro contenido secundario. Diseñar el contenido para ser leído con tamaño de letra de 12 puntos. El ancho óptimo de la página son 800 pixeles. Es mejor centrar la página que ponerla a la izquierda.
La información en línea tiene cuatro niveles de acceso (seguridad): Abierto: Con sólo hacer un click en el enlace. Limitado: Sólo sabiendo la dirección del sitio web. Críptico: El enlace tiene componentes crípticos. Protegido: Requiere nombre de usuario y contraseña. Una combinación ideal de seguridad tiene 70%-80% de enlaces abiertos. Desarrollar un sistema para proteger subdirectorios con usuario y contraseña. Seleccionar un nombre de usuario y contraseña que sea fácil de recordar.
Los reportes se pueden hacer directamente en la red. Las presentaciones se pueden hacer directamente en la red. Reproducir plantillas, y/o cortar y pegar dentro de los archivos. Proveer enlaces calientes en la bibliografía. Poner la lista de contactos (directorio) en línea. HTML es más rápido para desplegar que el formato pdf (Adobe Acrobat). La tendencia actual es hacia la "sociedad sin papel." Marcar los archivos para facilitar el cargado: Acerca de. Para sitios grandes, proveer un servidor exclusivo.
La navegabilidad se mejora con enlaces claves en el portal principal y en los portales. Explicar la navegabilidad y el contenido del sitio en el enlace Acerca de. Los enlaces numerados se detallan en Numerados. Participar los nuevos enlaces a los visitantes en Nuevos. Los subdominios se encuentran en el enlace Subdominios. Desarrollar con PHP (o similar) un Buscador/Indice. Facilitar el contacto con usuarios mediante Contáctenos. Usar foto antigua para aumentar el interés en el sitio mediante Contáctenos 2.
Los enlaces generales se colocan en el portal 100: General. Las investigaciones se colocan en el portal 200: Investigación. Las publicaciones se colocan en el portal 300: Publicaciones. Las enseñanzas se colocan en el portal 400: Enseñanza. El curriculum vitae se colocan en el portal 500: Curriculum Vitae. Los enlaces protegidos se colocan en el portal 600: Protegidos. Los reportes se colocan en el portal 700: Reportes. Las lecciones de clase se colocan en el portal 800: Lecciones. Los enlaces personales se colocan en el portal 900: Personal.
En general, usar el formato jpg para imágenes. Escanear material bibliográfico de temas de interés y colocarlo en el sitio web. Usando PHP o similar, desarrollar un despliegue aleatorio de imágenes en los portales para mantener el interés en el sitio. El tamaño recomendable de imágenes es 585 × 400 pixeles. Bajar imágenes de la red, cuando los derechos no estén reservados. Colocar contadores en el portal principal y subdominios.
El objetivo debe ser el ocupar un lugar preponderante en los buscadores. Las siguientes acciones aumentan la probabilidad de que el sitio sea colocado en buen lugar. Asegurar que la etiqueta TITLE refleje el contenido de la página. Especificar un conjunto apropiado de palabras claves en la etiqueta META. Abrir o modificar con frecuencia el archivo del portal principal (fecha implícita). Especificar la fecha de última actualización en el portal principal (fecha explícita). Colocar el enlace en el pié de página para regresar al portal principal.
Las siguientes acciones aumentan la probabilidad de que el sitio sea colocado en buen lugar. Asegurar que la etiqueta TITLE refleje el contenido de la página. Especificar un conjunto apropiado de palabras claves en la etiqueta META. Abrir o modificar con frecuencia el archivo del portal principal (fecha implícita). Especificar la fecha de última actualización en el portal principal (fecha explícita). Colocar el enlace en el pié de página para regresar al portal principal.
Especificar la fecha y hora en el portal principal mediante PHP (o similar). Colocar la fecha (y hora) de última actualización en cada página. La fecha puede colocarse de esta manera: 060524 (Año 2006, Mes Mayo, Día 24). Asegurar que la institución provea un respaldo diario del servidor. Duplicar el sitio web en otros servidores (espejos): kon.sdsu.edu. Los servidores espejos deben estar en edificios diferentes (riesgo de incendios). Si es necesario, usar © en el portal principal, para proteger derechos de autor.
