Taller Multimedia 8033
-
Upload
roberto-polo-timoteo -
Category
Documents
-
view
233 -
download
3
description
Transcript of Taller Multimedia 8033
-
Apuntes sobreHojas de Estiloen Cascada(CSS)Seminario de Integracin y Produccin
-
conjunto de instrucciones que indican a un navegador como debe presentar un elemento concreto en una pgina html.CSS
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
Caractersticas de las CSS Separar la visualizacin del contenido. Simplificar el cdigo HTML. Controlar el estilo y diseo de forma global.
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
Reglas de estilop {color: #ff0033;}
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
p {color: #ff0033;} Selector: Indica al navegador que elemento se ver afectado por la regla de estilo.Reglas de estilo
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
Regla: Conjunto de propiedades que indican al navegador como se debe mostrar el elemento indicado por el selector.p {color: #ff0033;}Reglas de estilo
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
Declaracin de estilop {color: #ff0033;}Reglas de estilo
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
Propiedadp {color: #ff0033;}Reglas de estilo
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
Separadorp {color: #ff0033;}Reglas de estilo
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
Valorp {color: #ff0033;}Reglas de estilo
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
h1 { color: #ff0033; font-family: Verdana; font-weight: bold; font-size: 16px; text-align: center; }CSS Simples: A, BODY, P, BR, H1, H2, BLOCKQUOTESelectores
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
h1 { color: #ff0033; font-family: Verdana; font-weight: bold; font-size: 16px; text-align: center; }CSSTtulo del artculoHTML Simples: A, BODY, P, BR, H1, H2, BLOCKQUOTESelectores
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
Simples: A, BODY, P, BR, H1, H2, BLOCKQUOTEh1 { color: #ff0033; font-family: Verdana; font-weight: bold; font-size: 16px; text-align: center; }CSSTtulo del artculoHTMLSelectores
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
CLASS: Precedido por el carcter . hace referencia a un elemento HTML con un valor en el atributo CLASS igual al nombre del selector..destacado { font-family: Tahoma; font-size: 11px; font-weight: normal; text-align: left; line-height: 13px; background-color: #EFEFD1; border-width: 1px; border-style: dashed; border-color: #a06000; padding: 10px 10px 10px 10px; }CSSSelectores
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
CLASS: Precedido por el carcter . hace referencia a un elemento HTML con un valor en el atributo CLASS igual al nombre del selector..destacado { font-family: Tahoma; font-size: 11px; font-weight: normal; text-align: left; line-height: 13px; background-color: #EFEFD1; border-width: 1px; border-style: dashed; border-color: #a06000; padding: 10px 10px 10px 10px; }CSS
TP Presentacin personal en HTML
Consigna: Producir una presentacin personal desarrollada en Cdigo HTMLque incluir:
Leer texto completo: Consigna del TrabajoPrctico
HTMLSelectores
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
#container { width: 714px; background-color: #f1f1f1; }CSS ID: Precedido por el carcter # hace referencia a un elemento HTML con un valor en el atributo ID igual al nombre del selector.Selectores
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
#container { width: 714px; background-color: #f1f1f1; }CSS
Ttulo del artculoTexto
HTML ID: Precedido por el carcter # hace referencia a un elemento HTML con un valor en el atributo ID igual al nombre del selector.Selectores
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
ID: Precedido por el carcter # hace referencia a un elemento HTML con un valor en el atributo ID igual al nombre del selector.#container { width: 714px; background-color: #f1f1f1; }CSS
Ttulo del artculoTexto
HTMLSelectores
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
EstructuraContainerNavBanner
xxxxxxxxxxxxxxxx
1
2
3
Xxxxxxxx
HTML123
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
EstructuraBanner
xxxxxxxxxxxxxxxx
1
2
3
Xxxxxxxx
HTML
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
EstructuraContainer
xxxxxxxxxxxxxxxx
1
2
3
Xxxxxxxx
HTML123
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
EstructuraContainer
xxxxxxxxxxxxxxxx
1
2
3
Xxxxxxxx
HTML123destacado
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
EstructuraNav
xxxxxxxxxxxxxxxx
1
2
3
Xxxxxxxx
HTML
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
-
Enlazar archivo CSS
Mi pgina HTML
-
Bibliografa de Consulta Manual de CSS de Web Estilo Hojas de estilo en cascada de Web Design Group Proyecto Camalen
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray