Centro Educacional Perlas De La

SierraCATEDRÁTICO: ALLAN TOMEINTEGRANTES: KENIA GUEVARATEMA: DESARROLLO DE PAGINAS WEBGRADO: III BTCFECHA: 19 DE ABRIL DEL 2013

Indice Introducción Breve Historia Historia Aplicaciones web Etapas del Desarrollo web Paginas web en el año 1992 Paginas web en el año 1995 Paginas web en el año 1996 Paginas web en el año 1997 Diseño web aplicado Paginas web pueden ser creados 3 etapas de paginas web

Fundamentos Accesibilidad HTML 5

Introducción

El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo. Se lo considera dentro del diseño multimedial.

Breve HistoriaEl diseño web ha evolucionado desde su comienzo sobre todo muy ligado a la evolución tecnológica sufrida en las ultimas décadas. Por tanto podemos decir que la historia del diseño web ha atravesado 5 etapas o cinco puntos de inflexión acorde con cambios coyunturales que han producido la praxis de esta actividad.

Aunque el nacimiento de internet data de 1989 y la primera pagina colgada en internet, Tim Berners-Lee en 1990 se le ocurrió crear un un sistema de documentos enlazados y accesibles a través de Internet. la primera pagina conectada fue el 6 de agosto de 1991 envió un pequeño resumen del proyecto World Wide Web al newsgroup alt.hypertext.

El diseño de páginas web se ha desarrollado a medida que ha evolucionado Internet. En 1992 sólo había alrededor de 50 sitios web. Las últimas estadísticas nos confirmaban que actualmente (2005) rondan los 8.000 millones de sitios web, a los que diariamente se les suma a raíz de 4400 por día.

Aplicaciones Web

Las aplicaciones Web interactivas poco a poco han revolucionado la forma de utilizar internet, aumentando el contenido de las páginas con texto estático (texto que no evoluciona, sino que permanecen como es) a un contenido rico e interactivo, por lo tanto escalable.

Historia

En un principio era sólo texto, pero a medida que ha evolucionado la tecnología, tanto los ordenadores como las redes de telecomunicaciones, se ha generado nuevas formas de desarrollar la web. La inclusión de imágenes fue la más significativa, pero también debemos mencionar el vídeo y la animación, o los espacios 3D, lo que aporta valores estilísticos, de diseño y de interactividad jamás imaginados antes.

Etapas Del Desarrollo Web Primera Etapa: El navegador web era capaz de mostrar tanto

imágenes como textos. Segunda Etapa: El navegador web era capaz de mostrar tanto

imágenes como textos. Tercera Etapa: La tercera etapa coincide con el inicio de una

herramienta introducida por Macromedia en 1996, llamada flash. Cuarta Etapa: de posicionamiento en buscadores, el diseño web

se autocensura para poder optimizar el sitio en los buscadores. Quinta Etapa: nacimiento y eclosión de las redes sociales,

aplicaciones multimedia en los dispositivos mobiles, iPhone, tables, etc.

Paginas web en el Año 1992

Al principio, sólo habían páginas estáticas cuyos contenidos no podían ser actualizados sin tener acceso al código fuente y sin conocimientos de HTML. La mayoría del contenido era texto, sin apenas imágenes y sin ningún contenido multimedia, debido a las limitaciones de velocidad de transmisión de las comunicaciones.

Paginas web en el Año 1995

Esta fue una etapa oscura en la que primaba demostrar lo vistosa y tecnológicamente superior que era tu página frente a la accesibilidad y a la usabilidad, por lo que éstas eran mucho más vistosas en cuanto a imágenes, colorido, tipos de letra, etc. Algunas incluso, tenían música y estaban plagadas de molestas animaciones.

Paginas web en el año 1996

en la que primaba demostrar lo vistosa y tecnológicamente superior que era tu página frente a la accesibilidad y a la usabilidad, por lo que éstas eran mucho más vistosas en cuanto a imágenes, colorido, tipos de letra, etc. Algunas incluso, tenían música y estaban plagadas de molestas animaciones.

Paginas web en el año 1997

Se empiezan a incorporar contenidos multimedia y, con la aparición del Flash, desgraciadamente vuelve el interés de algunas empresas por hacer las webs tecnológicamente espectaculares sin importar las funcionalidades ni el usuario. Se hacían páginas completamente con esta tecnología que destacaban por las animaciones, la lentitud de carga, la poca usabilidad y porque no tenían visitas, ya que los buscadores no pueden indexar ese tipo de contenido. Como es lógico, por evolución natural, ese tipo de webs se van extinguiendo poco a poco.

Diseño web Aplicado

El diseño de páginas web se trata básicamente de realizar un documento con información hiperenlazado con otros documentos y asignarle una presentación para diferentes dispositivos de salida (en una pantalla de computadora en un teléfono móvil etc.).

Estos documentos o paginas web pueden ser creadas

Creando archivos de texto en HTML, PHP, Asp, Aspx, JavaScript, JSP, Python, Ruby.

utilizando un programa WYSIWYG o WYSIWYM  de creación de páginas.

utilizando lenguajes de programación del lado servidor, para generar la página web.

3 Etapas Para El Diseño de Paginas Web

El diseño visual de la información que se desea editar. En esta etapa se trabaja distribuyendo el texto, los gráficos, los vínculos a otros documentos y otros objetos multimedia que se consideren pertinentes.

Estructura y relación jerárquica de las páginas del sitio web. se creó el lenguaje de marcación de hipertexto o HTML

Ésta consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en determinada búsqueda. Etapa no gustosa por los diseñadores gráficos, porque a diferencia del texto

Fundamentos

Un correcto diseño web implica conocer cómo se deben utilizar cada uno de los elementos permitidos en el HTML, es decir, hacer un uso correcto de este lenguaje dentro de losestándares establecidos por la W3C y en lo referente a la web semántica. Debido a la permisibilidad de algunos navegadores web como Internet Explorer, esta premisa original se ha perdido. Por ejemplo, este navegador permite que no sea necesario cerrar las etiquetas del marcado, utiliza código propietario.

Accesibilidad

El diseño web debe seguir unos requerimientos mínimos de accesibilidad web que haga que sus sitios web o aplicaciones puedan ser visitados por el mayor número de personas. Para conseguir estos objetivos de accesibilidad se han desarrollado pautas como las del W3C: Pautas de accesibilidad al contenido Web 1.0 WCA

HTML 5

La última versión de este lenguaje básico corresponde al HTML5, donde se introducen nuevos elementos que mejoran la navegación y la usabilidad de los sitios web en los distintos navegadores.

Esta nueva versión no se trata solamente de cambiar y eliminar etiquetas. Va mucho más allá