Usabilidad y las hojas de estilo
Usar CSS para diseñar la presentacion del contenido Planificar es fraccion de la táctica de exito Cerciorar con w3.org y tener en cuenta los bugs. Referencia Tiene lugar un manual en DesarrolloWeb que explica le lenguaje CSS con detenimiento. 1. Usar CSS para diseñar la presentacion del contenido El antiguo metodo de diseñar paginas se basaba en la edicion de interminables lineas de HTML donde tablas anidadas definian la presetacion de vuestro site. Este metodo generaba una mayor porción de codigo que solo serviria para maquetar informacion y que debia ser reutilizado pagina tras pagina en el site. El ejemplo tradicional son los menus donde para presentar 5 enlaces son necesarios 10kbs de codigo. Abandonando el antiguo metodo y abrazando las CSS ganaremos 2 cosas. Agilidad en la produccion tanto desde la creacion de nuevo contenido como desde el punto de vista de la actualizacion y mantenimiento del contenido creado. Una gran velocidad de bajada de documentos y con ello un mejor funcionamiento de vuestros servidores La agilidad en la produccion es uno de los puntos claves ya que la creacion de contenido y su presentacion se dividen evitando los cuellos de botella. Por otro lado no se requieren mas tablas para maquetar menus ya que todos los fundamentos se pueden definir de manera precisa a traves de la CSS. Este ejemplo muestra una cabecera un menu lateral y contenido. Es decir el tradicional esquema que cualquier site puede utilizar. Todos estos fundamentos han sido definidos en la hoja de estilo dejando el HTML limpio para el contenido. La gran velocidad de bajada se origina por la eliminacion total de codigo de presentacion dentro del HTML del contenido. No es raro ver como un site dedica casi el 80% del HTML a generar tablas con menus que se reiteran en cada pagina a lo largo del site. Editando el estilo de estos menus asi como el layout de la pagina en la CSS se evita toda esa redundancia. No mas table no mas font no mas para maquetar. Contenido + CSS. El peso por documento se puede ver rebajado facilmente en un 50%. Este peso por documento se acumula y podemos ver como al final de la actualizacion el site en global reduce su peso en Megas reflejandose en una optimizacion en la transferencia de datos. Este tipo de actualizacion ofrecer frutos facilmente medibles que prueban la efectividad de la accion. Una táctica a seguir con esta actualizacion es el poder insertar mas informacion por pagina sin llegar a crecer el peso. Esta informacion puede venir en el formato de banners mas ricos mejores promociones mapas del web mas completos. 2. Planificar es fraccion de la táctica de exito Como siempre una planificacion y prevision de las necesidades del programa es clave para poder definir estilos que responderan a las necesidades del site. Determinadas claves Estudiar los estilos actualmente aplicados para poder reciclar y desarrollar sobre una fundamento evitando el borron y cuenta nueva. Conocer las necesidades de las distintos fracciónes que colaboraran dentro del site y saber transmitir probabilidades limitaciones. Aplicar un metodo de esfuerzo que permita probar / cambiar lo indispensable. No dar por bueno la version 1.0 Pensar a lo grande documentar publicar guias. Pensar a lo grande necesita planificar y mantener un seguimiento periodico de las necesidades de los distintos departamentos para poder insertar dentro de la linea de produccion nuevos formatos plantillas. El tener un control sobre nuevas necesidades y ser capaces de ofrecer soluciones ayduara a tener versiones actualizadas congruentes y facilemente mejorables. La documentacion y publicacion debe tender a documentos sencillos breves y sencillos de aplicar. Eludir el dossier y tender mas al flyer. Para obtener que la gente lea y siga reglas se debe tender a mostrar las nuevas guias de una manera sencilla demostrando los benecifios de las mismas y facilitando su puesta en marcha desde cualquier platamanera ocasion y circunstancia. 3. Cerciorar con w3.org y tener en cuenta los bugs La CSS que usa esta pagina valida. Cerciorar segun las reglas de w3.org no es sencillo. La mejor estrategia es usar CSS que validen y de ahi adaptar lo que sea indispensable para acomodar el estilo a nuestras preferencias. Tienen lugar dificultades de interpretacion entre navegadores y tienen lugar bugs que no se pueden corregir. Si bien no crean incompatibilidades si pueden ser problematicos y algo molestos a la hora de laborar.