Buenas Practicas Dise O Web Aplicaciones Web

“AÑO DE LA DIVERSIFICACION PRODUCTIVA Y DEL FORTALECIMIENTO DE LA EDUCACION”

UNIVERSIDAD CIENTIFICA DEL PERÚ

DESARROLLO DE APLICACIONES WEB


DOCENTE : Ing. Danny Dan Ordoñez


ALUMNO : Del Águila Amaringo, Marcelo.
Sullon Zevallos, Guillermo.



TEMA : Buenas Practicas Diseño Web


CICLO : VII


FACULTAD : INGENIERIA DE SISTEMAS.


2015
IQUITOS – PERUINDICE
Título Pág.

Introducción 3
CAPITULO I 4
Buenas Practicas Diseño Web 4
1. Inicializar los Estilos: 4
2. Comprobar el diseño en varios navegadores 4
3. Mejora progresiva 6
4. Depuración 7
5. Hojas de estilos 8
6. Rendimiento 14
7. Recursos imprescindibles 14
8. Consideraciones a Tener en Cuenta al Momento de Realizar Buenas Practicas 14
RESUMEN 17
BIBLIOGRAFIA 18Introducción
Las tecnologías de diseño y edición de páginas web han variado mucho desde su aparición en la primera mitad de los años 90. Desde entonces han sido explotadas de forma masiva, a pesar de que durante mucho tiempo no estuvieron suficientemente maduras. De hecho, los primeros estándares (las primeras versiones de HTML) de página web eran deficientes y sus carencias provocaron problemas asociados ala navegabilidad (las páginas no se muestran correctamente en navegadores distintos) y a la accesibilidad (las páginas no pueden ser correctamente usadas por personas con necesidades especiales o desde dispositivos limitados). Sin embargo, los estándares web de hoy día, han alcanzado un importante grado de madurez y estabilidad, solucionando los problemas anteriormente citados.

El estándar dedescripción de páginas web estable más reciente y recomendado por el W3C (World Wide Web Consortium) se denomina XHTML, y está vigente desde 2001. Este estándar, que en la actualidad se está evolucionando a uno nuevo denominado HTML5, tiene como objetivo precisar la estructura de los documentos web (la semántica de sus contenidos). Así mismo, el estándar para definir los estilos o apariencia visual deuna página web se denomina CSS. La combinación de XHTML (o HTML5) y CSS es lo que permite diseñar una página web correcta de cara a la compatibilidad con los distintos navegadores y dispositivos. Junto con esto, el W3C ha redactado unas directrices o pautas de diseño web (WCAG) para que sus contenidos sean accesibles para personas con discapacidad, aspecto éste sobre el que existen diversasrecomendaciones y directrices a nivel europeo, nacional y autonómico, que se recogen en el Anexo, y que en su conjunto demuestran la preocupación social por garantizar el acceso a los contenidos web por parte de todas las personas, con necesidades especiales o sin ellas.

Por todo ello la Oficina Web ha desarrollado este manual de estilo y buenas prácticas, con el que se pretende:

• Asegurar laexistencia de ciertos elementos comunes en los sitios web institucionales.
• Definir y homogeneizar los estilos a utilizar por los distintos tipos de entidades.
• Dar a conocer los requisitos de navegabilidad y accesibilidad que han de cumplir las páginas web de nuestra institución.
• Establecer un conjunto mínimo de navegadores sobre los que las páginas deben ser completamente visibles.
• Indicar unabreve lista de buenas prácticas de cara al diseño web, al cumplimiento de directrices y estándares de accesibilidad, así como para la mejora de la visibilidad de la UGR en Internet.
• Mostrar un conjunto de modelos y plantillas de páginas web corporativas.
• Hacer notar la importancia de cumplir los estándares web.
• Exponer la obligatoriedad de cumplir los estándares de accesibilidad web.
CAPITULOI
Buenas Practicas Diseño Web

1. Inicializar los Estilos:
Cuando los navegadores muestran una página web, además de aplicar las hojas de estilo de los diseñadores, siempre aplican otras dos hojas de estilos: la del navegador y la del usuario.
La hoja de estilos del navegador se utiliza para establecer el estilo inicial por defecto a todos los elementos HTML: tamaños de letra, decoración del...