Diseño De Sitios Web

ACT. 10 TRABAJO COLABORATIVO N° 2

EVOLUCIÓN DEL DISEÑO WEB

CURSO

DISEÑO DE SITIOS WEB

TUTOR

MAURICIO PERDOMO VARGAS (Director)

CURSO

301122_55

INTEGRANTES

ANGIE ANDREA LOPEZ RUIZ

C/c1.072.235.994

JORGE LUIS MIRANDA RUZ

1.072.254.484

IVONN PINZÓN CORREA

1.073.236.273

UNAD

INGENIERIA DE SISTEMAS

2012

UNIVERSIDADNACIONALABIERTAYADISTANCIAUNAD

Escuela de Ciencias Básicas Tecnología e Ingeniería

UNAD INGENIERIA DE SISTEMAS | 2012

TABLA DE CONTENIDO

INTRODUCCION

1. OBJETIVOS

1.2 GENERALES

1.3 ESPECÍFICOS

2. DESARROLLO DE LAS ACTIVIDADES

2.1 LITERAL A

2.2 LITERAL B

3. CONCLUSIONES

4. BIBLIOGRAFIA

UNIVERSIDADNACIONALABIERTAYADISTANCIAUNAD

Escuela de Ciencias Básicas Tecnología e Ingeniería

UNAD INGENIERIA DE SISTEMAS | 2012

INTRODUCCIÓN

En un principio las páginas web eran 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 evolución más significativa, pero también debemos mencionar el video y la animación, o los espacios 3D, lo que aporta valores estilísticos, de diseño y de interactividad jamás imaginados antes. El diseño de páginas web se ha desarrollado a medida que ha evolucionado Internet.

Con el presente trabajo buscaremos un acercamiento a toda la evolución del diseño web y las aplicaciones que durante su evolución fueron también evolucionando como html.css

UNIVERSIDADNACIONALABIERTAYADISTANCIAUNAD

Escuela de Ciencias Básicas Tecnología e Ingeniería

UNAD INGENIERIA DE SISTEMAS | 2012

1. OBJETIVOS

1.2 OBJETIVOS GENERALES

 Conocer las diferentes tecnologías y herramientas que se han venido desarrollando en el diseño de páginas Web.

 Identificar qué aspectos han influenciado la evolución del Diseño Web.

1.3 OBJETIVOS ESPECIFICOS

 Determinar los avances más representativos en la evolución del Diseño Web

 Desarrollar competencias que se ajusten al contexto del mundo actual para satisfacer las necesidades de los navegadores.

 Conocer los conceptos más importantes en que tuvieron lugar en el desarrollo de sitios web.

UNIVERSIDADNACIONALABIERTAYADISTANCIAUNAD

Escuela de Ciencias Básicas Tecnología e Ingeniería

UNAD INGENIERIA DE SISTEMAS | 2012

2. DESARROLLO DE ACTIVIDADES

2.1 LITERAL A

ESTÁNDAR HTML 4.0 VS ESTÁNDAR HTML 5

Html4.0

Html5.0

Address: representa la información de contacto y se aplica al documento como un todo.

Reconocer otras tecnologías dinámicas como por ejemplo PHP.

Encierra el texto que debe ser traducido por el navegador como negrita.

Tratar las páginas como aplicaciones interactivas en lugar de documentos estáticos.

SGML HTML4 como instrucciones de procesamiento y de marcado abreviado

Reconocer otras tecnologías dinámicas como por ejemplo PHP

<big> Aumenta el tamaño

MIME, que es un estándar para alertar al software integrado el tipo de contenido que está procesando.

<center> permite alinear el texto

Nuevos elementos <audio> y <video>

<dir>Lista de directorio, con elementos marcados con <LI no soportado por htm5

El elemento nuevo <menú> puede ser utilizado no solo para los menús convencionales, sino también para las barras de herramientas y menús contextuales.

<Font> Definición de la fuente no soportado por htm5

<Section> y <article> en HTML5 permitirá a los desarrolladores marcar estas áreas de la página como tal.

<frames> no soportado por htm5

Elemento <canvas> y su utilidad para la representación de gráficos.

<noframes> no soportado por htm5

Elemento DOCTYPE que debe ser declarado al principio de la página.

<strike> no soportado por htm5

<article /> Elemento que nos permite declarar un trozo del contenido como artículo. Ideal para blogs o periódicos.

UNIVERSIDADNACIONALABIERTAYADISTANCIAUNAD

Escuela de Ciencias Básicas Tecnología e Ingeniería

UNAD INGENIERIA DE SISTEMAS | 2012

ESTÁNDAR CSS1 VS ESTÁNDAR CSS3

Css1

Css3

Los selectores no pueden usarse en orden ascendente según la jerarquía del DOM (hacia padres u otros ancestros) como se hace mediante XPath.

Capacidades visuales avanzadas: contiene varias mejoras en cuanto a interfaz gráfica, posicionamiento y tamaño de los objetos, usando condiciones de alineación para cada uno.

La propiedad position y sus respectivos valores: static, relative, absolute, float con las cuales e pueden hacer varia combinaciones

CSS3 incorpora lo siguiente: se pueden manejar características de los objetos rectangulares, pueden ubicarse varias imágenes como fondo en un bloque (o en la página completa), en forma de capas: GRID POSITIONING,

Propiedades de identificación y presentación de listas.

Multi-column layout: crear diseños con múltiples columnas sin etiquetas adicionales , debemos crear dos clases CSS y dos objetos DIV para simular la multi-columna, es más sencilla y requiere menos procesamiento.

Dificultad para el alineamiento vertical; así como el centrado horizontal se hace de manera evidente en CSS2.1, el centrado vertical requiere de diferentes reglas en combinaciones no evidentes, o no estándares.

Hojas de Estilo Aural: Pretende utilizar las opciones de ciertos dispositivos con capacidades de reproducción de sonido.

Es una propiedad abreviada para establecer las propiedades individuales del

...