HTML5 Y CSS3

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