Diseños
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...
Regístrate para leer el documento completo.