Instituto “San Antonio”Tela, Atlántida

Asignatura: Diseño Web

Catedrático: Lic.Lennin Estrada

Integrantes: Fani Quintanilla Barrera Harold Castro.

Curso: III De InformáticaFecha: Martes 1 De Marzo Del 2016

QUE ES DISEÑO WEB?

El Diseño Web es una actividad que consiste en la Planificación, Diseño e Implementación de un Sitio Web. Un diseñador Web tiene que ver cómo crear y desarrollar una página Web así también como los clientes interactúan con ella.

Historia Del Diseño WEB

Comenzó su existencia no hace mucho tiempo pero ha tenido un desarrollo cuidadoso, y veloz: Hoy en

día se ha convertido en parte esencial de cada persona: Niños en edad escolar, hombres de

negocio, gerente de tienda, aficionados, y amas de casa usan internet todos los días.

PRIMER SERVIDOR El primer servidor Web fue puesto en línea en agosto de 1991, aproximadamente hace unos 20 años, pero Internet nació en los años 70, en la época en la cual no era tan rápido sin embargo las transmisiones de datos e información entre computadoras era bastante eficiente, lo que lo llevo a ser utilizado por científicos, médicos, educadores, el gobierno y principalmente militares para transferir información eficiente dentro de un grupo especificado. En estos primeros tiempos de Internet era indispensable tener un computador, un modem y una línea telefónica.

En los años 90 fue al público, Mosaic, un programa gratuito, Mosaic fue el primer Navegador Comercial que permitió el acceso del público a los

contenidos en línea. Fue diseñado por Marc Andeesen y Erick Bina, corría originalmente en el sistema Unix. En 1994 se puso a disposición de otros

sistemas operativos como Mac, Windows y el Navegador Web del Mosaico…

Así Se Veía El Primer Explorador:

Durante los años 90, el mundo aún se conecta a Internet a través de las líneas telefónicas…. Los archivos se veían en lenguaje de hipertexto HTML y todos podían acceder a los documentos y

archivos de la red estar en línea.

Los primeros sitios Eb tenían gran cantidad de texto, colores limitados y gráficos en disposición lineal solamente, estos sitios son conocidos como sitios de primera generación. Estas primeras versiones de HTML eran pensadas más para comunicación funcional que para el entretenimiento, a diferencia de hoy en día, además no se hubieran podido cargar gráficos de alta definición en esa época y mucho

menos video, debido a que aún era demasiado lenta la velocidad de conexión.

HTML-PRIMERA GENERACIÓN DEL DISEÑO WEB:El concepto de hipertexto fue creado por Ted Nelson en los años 60, pero fue usado solo varias décadas después. Desde la década de 1980, Tim Berners-Lee propuso un proyecto basado en el hipertexto, luego desde el 89 estuvo tratando de lanzar la propuesta de la Internet y utilizo lenguaje de codificación de hipertexto o HTML, creando la primera página Web en 1991 con un computadora Next junto con el primer navegador y el primer al que llamo HTTP (Hyper Text Transfer Protocol Daemon). El HTML era la única forma de codificación para el diseño Web en ese entonces y tampoco había mucha libertad a la hora de diseñar páginas Web.

Así Era La Primera Página Web

Debido a estos primeros diseñadores Web solo podían crear diseños sencillos, con texto, tablas y vínculos con muy pocos gráficos. A esta se le podía llamar la edad de bronce del Diseño Web. Sin embargo aún desde esa época, los desarrolladores ya andaban pensando cómo hacer que los sitios fueran más atractivos visualmente.

El W3C o Wide Web Consortium creo para evitar que las grandes compañías monopolizaran el negocio del Diseño Web.Luego de Mosaic, surgió en Noviembre de 1994 el navegador Netscape, no Transcurrido mucho tiempo antes que se volviera el navegador líder de la Web, Netscape comenzó a crear a sus propias etiquetas y la Wold Wide Web lo siguió.

SEGUNDA GENERACIÓN

Entre los años 1992 y 1994 los desarrolladores empezaron a agregar a sus propios fragmentos de código HTML, Lo cual empezó a extender bastante la primera versión del lenguaje de hipertexto, así, para evitar mayores confusiones, se dio origen a el HTML2.Un avance notorio que se da en el Diseño Web es cuando se empiezan a utilizar algunos iconos en vez de palabras, las paginas empiezan a tener imágenes de fondo aparece el uso de banners en vez de cabecera, el uso de botones, y la organización de textos por me medios de menús y listados, aparecen monitores y tarjetas gráficas que mejoran el color y la resolución, mejorando la calidad del diseño.

TERCERA GENERACIONEn 1995 surgieron muchas más etiquetas HTML y con esto se dio origen a HTML 3. En la tercera etapa empieza a destacarse el trabajo de los diseñadores Web, las páginas se diseñan de acuerdo a las necesidades de las mismas, el diseño empieza a adecuarse a las funciones de las mismas, aparecen las páginas de publicidad y venta de productos y servicios lo que permite que el Diseño Web se expanda y sea utilizado por más personas.Debido a estas grandes mejoras se hacen menos necesarios plugins adicionales como Flash y Java, Día a día HTML mejora y avanza en muchas direcciones.Ejemplo de Diseño Web Adaptable

DISEÑO WEB MÓVIL

En los últimos años, el creciente aumento tanto en el consumo, como en la producción de teléfonos y dispositivos móviles, hasta el punto que hay ya casi dos celulares por ser humano en el mundo.El diseño Web para dispositivos móviles hace que todo sea as conveniente, responde a las dos claves para una mejor experiencia Web, usabilidad y accesibilidad. A medida que avanza la tendencia de los Smartphone, los sitios Web para móviles permiten que el contenido cargue más rápido. Los desarrolladores proporcionan aplicaciones y juegos para dispositivos como IPhone, Android o BlackBerry.

TIPOS DE PÁGINAS WEB

PÁGINA WEB ESTÁTICA: La página web estática son aquellas realizadas en HTML que pueden mostrar en alguna parte de la página objeto en movimientos tales como banners, gifs

animados, videos, etc.

PÁGINA WEB ANIMADA:Las páginas web animadas son aquellas que se realizan con la tecnología

flash, esta permite que una página web representa el contenido con ciertos efectos animados continuados. el uso de esta tecnología permite diseños

más vanguardistas, modernos y creativos.

PORTAL: Es un sitio Web que en su página principal permite el acceso a múltiples secciones que, por lo general,

son foros, chat, cuentas de correo, buscador, acceso registrado para obtener ciertas ventajas, las ultimas noticias de actualidad… Un sinfín de recursos para brindar al usuario la mejor experiencia de

búsqueda para una temática en particular o para una temática muy amplia.

PÁGINA WEB DINÁMICA:Existen muchos lenguajes de programación que son la base para la mayoría de páginas web

dinámica. las que destacamos aquí son los lenguajes php y asp. estos lenguajes permiten una perfecta estructuración del contenido. por una parte crearíamos la estructura de las páginas web, y

por otra almacenaríamos el contenido en la propia página web estructurada. este es el principio básico que siguen los lenguajes de programación.

PÁGINA WEB CON GESTOR DE CONTENIDO:Se trata de un sitio Web cuyo contenido se actualiza a través de un panel de gestión por parte del administrador del sitio. Este panel de gestión suele ser muy intuitivo y fácil de usar. En aquellas páginas Web se requiere constante, suele incorporar este panel de gestión para que pueda controlarse día a día

por parte del cliente.