Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (15)
Destacado
Destacado (20)
Similar a 1.Introduccion (diseño web con CSS)
Similar a 1.Introduccion (diseño web con CSS) (20)
Último
Último (20)
1.Introduccion (diseño web con CSS)
- 2. RAZONES PARA DISEÑARCON CSS Páginas BUENAS Cumplen los estándares del w3c Son accesibles Prevenir PROBLEMAS futuros Páginas BONITAS Se pueden conseguir diseños muy llamativos Páginas BARATAS Es un estándar del w3c, por lo cual es GRATIS www.laramarcos.com
- 3. 1.1 ELEMENTOS QUE COMPONEN LAS PÁGINAS WEB ELEMENTOS DINÁMICOS Capas que aparecen y desaparecen Elementos que se mueven al pasar por encima Menús desplegables JAVASCRIPT www.laramarcos.com
- 4. 1.1 ELEMENTOS QUE COMPONEN LAS PÁGINAS WEB FORMA CONTENIDO Párrafos Listas Tablas Imágenes Enlaces Formularios Tipos de letra Alineación Colores Distribución Decoración en las listas CSS XHTML www.laramarcos.com
- 5. 1.2 MÉTODOS PARA UNIR FORMA Y CONTENIDO Dentro de la propia etiqueta de XHTML, como un atributo más <p style= “color: red”>Hola</p> Dentro del propio documento .html <head> <styletype="text/css"> p { color: red; } </style> </head> www.laramarcos.com
- 6. 1.2 MÉTODOS PARA UNIR FORMA Y CONTENIDO En un archivo externo Su extensión será .css La MEJOR opción .css .html <head> <link rel="stylesheet" type="text/css" href="/css/estilos.css" media="screen" /> </head> p { color: red; } www.laramarcos.com
- 7. 1.3 diferencias formales según navegadores El motor de los navegadores es el responsable de interpretar los lenguajes HTML y CSS Unos motores son capaces de leer todas las reglas CSS y otros no Los más avanzados son los motores de Safari y Opera En cambio, IE6 contiene decenas de errores www.laramarcos.com
- 8. 1.3 diferencias formales según navegadores Información de Javier Eguíluz www.laramarcos.com