Está en la página 1de 15

Unidad 4

CSS, CSS3, ICEFACE Fredy Sanchez Damas Lebi Tejero Aguirre Jorge Angel Baos Aguilar Julio Cesar Cardenas Narvaez Oscar Feliciano Garcia Flores Pedro Silvano Gutierrez
Instituto Tecnolgico Superior de los Ros

02 de Mayo del 2012


Equipo 4 (ITSR) Base de Datos Distribuidas

images/logo.jpg

02 de Mayo del 2012

1 / 14

Contenido
1

Introduccin

Que es CSS3?

Implementando css3

Bibliografa
images/logo.jpg

Equipo 4 (ITSR)

Base de Datos Distribuidas

02 de Mayo del 2012

2 / 14

Introduccin

Introduccin

Las plantillas como css3 y iceface son la mejor opcin para disponer de un sitio web diseado de forma profesional y atractiva sin necesidad de realizar una inversin elevada. Las plantillas estan diseadas, de forma que ya disponen de una estructura por lo tanto permiten desarrollar el sitio web de una forma mucho ms gil y rpida.

images/logo.jpg

Equipo 4 (ITSR)

Base de Datos Distribuidas

02 de Mayo del 2012

3 / 14

Basicamente son formatos o patrones predeterminados los cuales si as lo queremos podemos modicar o crear nuestra propia estructura de codigo para el aspecto visual de nuestra pagina web.

images/logo.jpg

Equipo 4 (ITSR)

Base de Datos Distribuidas

02 de Mayo del 2012

4 / 14

Que es CSS3?

Que es CSS3?

CSS son las siglas de Cascading Style Sheets que traducido signica hojas de estilo en cascada. Las hojas de estilo es una tecnologa que nos permite controlar la apariencia de una pgina web. Con CSS podemos especiar estilos como el tamao, fuentes, color, espaciado entre textos y recuadros as como el lugar donde disponer texto e imagenes en la pgina.

images/logo.jpg

Equipo 4 (ITSR)

Base de Datos Distribuidas

02 de Mayo del 2012

5 / 14

Para que sirve?

CSS se utiliza para dar estilo a documentos HTML y XML, separando el contenido de la presentacin.CSS permite a los desarrolladores Web controlar el estilo y el formato de mltiples pginas Web al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la CSS afectar a todas las pginas vinculadas a esa CSS en las que aparezca ese elemento.

images/logo.jpg

Equipo 4 (ITSR)

Base de Datos Distribuidas

02 de Mayo del 2012

6 / 14

Cmo funciona?

CSS3 funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o ms elementos. Las hojas de estilo estn compuestas por una o ms de esas reglas aplicadas a un documento HTML o XML. La regla tiene dos partes: un selector y la declaracin. Ejemplo: h1 {color: red;} Donde h1 es el selector y {color: red} es la declaracin.

images/logo.jpg

Equipo 4 (ITSR)

Base de Datos Distribuidas

02 de Mayo del 2012

7 / 14

Cmo funciona?

A su vez la declaracin est compuesta por una propiedad y el valor que se le asigne. Tomado el mismo ejemplo anterior: h1 {color: red;} color es la propiedad y red es el valor.

images/logo.jpg

Equipo 4 (ITSR)

Base de Datos Distribuidas

02 de Mayo del 2012

8 / 14

Cmo funciona?

El selector funciona como enlace entre el documento y el estilo, especicando los elementos que se van a ver afectados por esa declaracin. Mientras que la declaracin es la parte de la regla que establece cul ser el efecto.

images/logo.jpg

Equipo 4 (ITSR)

Base de Datos Distribuidas

02 de Mayo del 2012

9 / 14

Implementando css3

Implementando css3
Para hacer ccs3 lo primero que tenemos que hacer es ver que tipo de estilos queremos hacer en este caso nosotros es de cambiar el color de el encabezado este es EMP.

images/logo.jpg

Equipo 4 (ITSR)

Base de Datos Distribuidas

02 de Mayo del 2012

10 / 14

Implementando css3
Este se debe de mandar a llamar como una clase desde el index pero en nuestro caso la pagina se llama liskBooks_1,esto se hace para que el css3 sepa a donde hacer los efectos.

images/logo.jpg

Equipo 4 (ITSR)

Base de Datos Distribuidas

02 de Mayo del 2012

11 / 14

Implementando css3
El codigo hizo efecto la cual nos da como resultado:

images/logo.jpg

Equipo 4 (ITSR)

Base de Datos Distribuidas

02 de Mayo del 2012

12 / 14

Implementando css3
Otro estilo que nosotros le inplementamos a nustro crud fue el de una imagen de fondo.

images/logo.jpg

Equipo 4 (ITSR)

Base de Datos Distribuidas

02 de Mayo del 2012

13 / 14

Implementando css3
Este efecto fue sin necesidad de mandarlo a llamar desde la pagina principallo lo que nosotros hicimos fue mandar a llamar la imagen desde una carpeta llamada img desde el css y se le dio la direccin y listo.

images/logo.jpg

Equipo 4 (ITSR)

Base de Datos Distribuidas

02 de Mayo del 2012

14 / 14

Bibliografa

http://www.w3c.es/Divulgacion/GuiasBreves/HojasEstilo http://www.cssya.com.ar/index.php?inicio=0 http://tympanus.net/codrops/2010/05/03/pimp-your-tableswith-css3/ . .

images/logo.jpg

Equipo 4 (ITSR)

Base de Datos Distribuidas

02 de Mayo del 2012

14 / 14