Page 1


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


Ejercicios •  Realice

los siguientes figuras con 3 imágenes de su carpeta de imágenes y css


Proyecto personal


HTML5 Y CSS3  

•  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...

Read more
Read more
Similar to
Popular now
Just for you