HTML5 Y CSS3 Aplicaciones y optimizaci贸n para web
INTRODUCCIÓN •
El lenguaje HTML está limitado a la hora de aplicarle forma a un documento. Esto es así porque fué concebido para otros usos (científicos sobretodo), distinto a los actuales, mucho más amplios.
•
Para solucionar estos problemas los diseñadores han utilizado técnicas tales como la utilización de tablas imagenes transparentes para ajustarlas, utilización de etiquetas que no son estádares del HTML y otras. Estas "trampas" han causado a menudo problemas en las páginas a la hora de su visualización en distintas plataformas.
Dise単os antiguos
Dise単os Nuevos
Ejemplo 1
Ejemplo2
Sintaxis CSS •
Para definir un estilo se utilizan atributos como font-size,textdecoration... seguidos de dos puntos y el valor que le deseemos asignar. Podemos definir un estilo a base de definir muchos atributos separados por punto y coma
Ejemplo: font-size: 10pt; text-decoration: underline; color: black
Como escribir un Style •
Para definir el estilo de una etiqueta se escribe la etiqueta seguida de la lista de atributos encerrados entre llaves.
Ejemplo: H1{text-align: center; color:black}
Ejemplos body {
margin:0;
padding:0;
text-align:center;
font-family:Verdana, Geneva, sans-serif;
background-image:url(../images/bg_main.jpg);
background-repeat:repeat-x;
}
div#wrapper{
width:960px;
Listado de propiedades
http://www.blooberry.com/indexdot/css/propindex/all.htm
Primeros acercamientos
Para ver esta pelĂcula, debe disponer de QuickTime™ y de un descompresor .
Ejercicios โ ข
Realice los siguientes figuras con 3 imรกgenes de su carpeta de imรกgenes y css
Proyecto personal