Diseños

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA
ESCUELA DE CIENCIAS SOCIALES ARTES Y HUMANIDADES
PSICOLOGIA

TRABAJO COLABORATIVO 12
DISEÑOS DE SITIOS WEB
GRUPO 301122 - 62

FABIOLA CALA MENESES
JAVIER DE JESUS PATERNINA
RUBIELA CALA MENESES
JENNY XIOMARA VELASCO
MAURICIO JAVIER DIAZ

TUTOR
MAURICIO PERDOMO VARGAS

NOVIEMBRE 2012

TABLA DE CONTENIDOINTRODUCCION…………………………………………………………………….3
OBJETIVOS…………………………………………………………………………..4
ACTIVIDAD………………………………………………………………………...5,9

CONCLUSIONES…………………………………………………………………..10
BIBLIOGRAFIA……………………………………………………………………...11

INTRODUCCIÓN

En esta actividad se busca establecer diferencias entre los estándares HTML 4 y HTML 5, estableciendo ventajas y desventajas de cada uno, buscando establecer cuál de ellos satisface mejor las necesidades de la web.

También sebusca establecer diferencias entre los estándares CSS1 y CSS3, para poder establecer las principales variaciones que han tenido hasta hoy, presentan cada una de ellas y ver como favorecen el funcionamiento de la web.

3

OBJETIVOS

Establecer diferencias y determinar cuál de los estándares es el mejor o proporciona un mejor funcionamiento de la web.

También se busca saber cuál es el quenos acerca más a la optimización casi total de la web, buscando mejor desempeño de esta para nuestro beneficio.

Mediante la apropiación conceptual del desarrollo del modulo   se lograra tener un fortalecimiento y un afianzamiento en el estudio del diseño de sitios web.

Obtener una percepción clara en la aplicación del diseño   de sitios web como un enfoque multidisciplinario en cualquierrama que tenga que ver con los sistemas.

Identificar   y afianzar de una manera clara los conceptos y características más relevantes del diseño de sitios web

4

1. TABLA COMPARATIVA

Cuadro Comparativo |
Diferencias | Diferencias |
HTML 4.0 | HTML 5 | CSS1 | CSS3 |
1) HTML 5, mejora las API, como: getElementByClassName () y innerHTML.2) HTML 5, desaparece atributos como:align, background, bgcolor, etc.3) HTML 5, cambia algunos atributos como: type, name, summary, etc.4) HTML 5, introduce nuevos atributos como: media, charset, autofocus, placeholder, etc.5) HTML 5, cambia algunos elementos como: a, b, i, menu, etc. | 6) HTML 5, no heredo ningún atributo de html 4.0.7) HTML 5, es compatible con HTML 4 y XHMTL 1, pero no es compatible con SGML. 8) HTML 5, deja incluirelementos de SVG y MathML.9) HTML 5, introduce nuevos elementos como: section, article, aside, header, footer, etc.10) HTML 5, desaparecen elementos como: basefont, big, center, etc. | 1). CSS3, Modelo de caja básico; overflow-x, overflow-y.2).CSS3, Interfaz; box-sizing, resize, outline, nav-(top, nav-right, nav-bottom, nav-left.3). CSS3, Selectores; selectores por atributos.4). CSS3; mediaqueries, creación de múltiples columnas de texto.5). CSS3; propiedades orientadas a recursos o lectura automática de páginas web, web fonts.6). CSS3, Colores; color (Hsl, hsla, rgba y opacidad). | 7).CSS3: Multiplicidad de Imágenes en Fondos: varias imágenes como fondo en un bloque, de forma que resulte en una combinación de imágenes, conBackground-image8). CSS3: Manejo de Áreas Rectangulares:Mediante instrucciones características de los objetos rectangulares (boxes), como (tipo, color borde, sombras, redondeados).9). CSS3, Bordes; border-(color, image, radius), box shadow.10). CSS3, Textos; text-(shadow, overflow) rotura de palabras largas. |

5
Aspecto | HTML 4 Vs HTML 5 | Estándar CSS1 VS Estándar CSS3 |
DiferenciasDiferencias | Extensiones claves para la unidad 2:getElementsByClassName (),innerHTMLactiveElementhasFocus ()getSelection ()designMode y ExecCommand (). | El módulo CSS3...