Trabajo Colaborativo 2 Diseño Web

1

ACTIVIDAD 10 TRABAJO COLABORATIVO No. 2

Presentado por: RAFAEL RICARDO BELTRÁN LÓPEZ 80.864.574 SERGIO A. ALFONSO GOMEZ 80873924 MIGUEL ORLANDO MONROY BAYONA

MAURICIO PERDOMO VARGAS DIRECTOR DE CURSO

GRUPO: No. 301122_42

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA-UNAD ESCUELA DE CIENCIAS BÁSICAS, TECNOLOGÍA E INGENIERÍA PROGRAMA DE INGENIERÍA DE SISTEMAS MAYO DE 2012 TRABAJOCOLABORATIVO No. 2

2

TABLA DE CONTENIDO

Introducción………………………………………………………………………….3 Objetivos………………………………………………………………………………4 Desarrollo de actividades………………………………………………………… 5-9 Conclusiones……………………………………………………………………….. 10 Bibliografía…………………………………………………………………………...11

3

INTRODUCCION

El siguiente trabajo contiene información relevante en cuanto a los elementos más importantes que sedeben tener en cuenta en el diseño web, temas que son tomados de referencias bibliográficas y comentadas por cada uno de los integrantes generando debate sobre el tema. El proceso de diseño Web debe contar con una serie de etapas que permitan transformar pedazos de información dispersos, o conjuntos de información estructurada de manera lineal, en un sitio que permita al usuario sentirse cómodo yencontrar lo que busca de la manera más rápida posible; de ahí la necesidad de usar los elementos adecuados y lo más importante usarlos de manera adecuada.

4

OBJETIVOS

 Indagar sobre los elementos necesarios para el diseño de sitios web  Generar debate sobre los aportes realizados.  Redactar un documento en base a la discusión del foro.

5

ELEMENTOS NECESARIOS Y RELEVANTES PARALA CONSTRUCCIÓN DE UN PROYECTO DE DISEÑO WEB De acuerdo con las fuentes consultadas, se ha elaborado el siguiente listado, resumiendo 10 elementos necesarios y relevantes a tener presentes durante la construcción de un proyecto de diseño web, pese a que uno de los documentos consultados se enfoca en los dispositivos móviles, su alcance puede abarcar perfectamente cualquier tipo de aplicación ositio Web: 1. Optimizar el tiempo de respuesta Se hace necesario minimizar los tiempos de respuesta del sitio web o aplicación, esto se hace implementando técnicas tales como:  Agrupación de las imágenes en sprites, esto es, un único archivo que contiene todoas las imágenes a presentar en la página, y, mediante el uso de CSS, mostrar los elementos individuales donde corresponda. Se puede ver unasencilla explicación respecto a este tema en http://www.kabytes.com/programacion/tutorial-basico-sobrecss-sprite/  Incrustar las imágenes de fondo dentro de CSS, esto se logra a través de la propiedad background-image, también se debe evitar usar imágenes para mostrar fondos degradados, esto se puede hacer también a través de CSS.  Mantener el tamaño del DOM dentro de unos límites razonables, esto através de la consideración de los siguientes criterios:  Evitar un número elevado de elementos DOM  Reducir el número de  Usar tablas de ancho fijo  Cerrar los elementos HTML La descripción detallada de estos consejos se puede consultar a través de http://javiercasares.com/wpo/elementos-dom/  Minimizar el tiempo de espera percibido por el usuario, esto ayuda a que el usuario “no pierda lapaciencia” mientras espera que el sitio cargue una nueva página o elemento, o entregue una respuesta a una solicitud enviada.  Optimizar el tiempo de carga del sitio Web, una correcta programación, un ancho de banda elevado por parte del servidor, un número mínimo de peticiones a archivos externos, una reducción del tamaño de las hojas de estilo CSS (mediante utilidades gratuitas tales comohttp://www.csscompressor.com/) entre otras prácticas, garantizan que el tiempo de carga de la página sea mínimo y mejore la experiencia de usuario. 2. Dar libertad a los usuarios Se debe permitir al usuario el control y el conocimiento de lo que está pasando:

6

 El usuario debe conocer que sucederá con la información que ingresará al sitio (se debe implementar una política de privacidad). ...