Upload
luis-jhoham-venegas-tobar
View
227
Download
2
Embed Size (px)
DESCRIPTION
Bienvenida al diplomado
Citation preview
HTML5 Y CSS3Aplicaciones y optimización para web
• 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.
INTRODUCCIÓN
Diseños antiguos
Diseños Nuevos
Ejemplo 1
Ejemplo2
• Para definir un estilo se utilizan atributos como font-size,text-decoration... 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
Sintaxis CSS
• 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}
Como escribir un Style
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;
margin:0 auto;
text-align:left;
}
div#header{
margin:0;
padding:0;
}
div#header div#general{
height:25px;
margin:0;
padding:10px 0;
}
Ejemplos
http://www.blooberry.com/indexdot/css/propindex/all.htm
Listado de propiedades
Primeros acercamientos
Para ver esta película, debedisponer de QuickTime™ y de
un descompresor .
• Realice los siguientes figuras con 3 imágenes de su carpeta de imágenes y css
Ejercicios
Proyecto personal