jueves, 7 de noviembre de 2013

DEBER 16

FRANCISCO MUNOZ
CATEDRATICO Ing.Juan Espinoza

FUNCIONES DE REFERNCIA

INCLUDE

La sentencia include incluye y evalúa el archivo especificado.

La siguiente documentación también se aplica a require.

Los archivos son incluidos con base en la ruta de acceso dada o, si ninguna es dada, el include_path especificado. Si el archivo no se encuentra en elinclude_path, include finalmente verificará en el propio directorio del script que hace el llamado y en el directorio de trabajo actual, antes de fallar. El constructorinclude emitirá una advertencia si no puede encontrar un archivo, éste es un comportamiento diferente al de require, el cual emitirá un error fatal..

EJEMPLO

vars.php
<?php

$color = 'verde';$fruta = 'manzana';
?>
test.php
<?php
echo "Una $fruta $color"; // Una
include 'vars.php';

echo "Una $fruta $color"; // Una manzana verde
?>

INCLUDE_ONCE

La sentencia include_once incluye y evalúa el fichero especificado durante la ejecución del script. Es un comportamiento similar al de la sentencia include, siendo la única diferencia que si el código del fichero ya ha sido incluido, no se volverá a incluir. Como su nombre lo indica, será incluido sólo una vez.

include_once puede ser usado en casos donde el mismo fichero podría ser incluido y evaluado más de una vez durante una ejecución particular de un script, así que en este caso, puede ayudar a evitar problemas como la redefinición de funciones, reasignación de valores de variables, etc.

EJEMPLO

<?phpinclude_once "a.php"; // esto incluirá a.phpinclude_once "A.php"; // esto incluirá a.php otra vez! (sólo PHP 4)?>

REQUIRE

require es idéntico a include excepto que en caso de fallo producirá un error fatal de nivel E_COMPILE_ERROR. En otras palabras, éste detiene el script mientras que include sólo emitirá una advertencia (E_WARNING) lo cual permite continuar el script.

REQUIRE_ONCE

La sentencia require_once es idéntica a require excepto que PHP verificará si el archivo ya ha sido incluido y si es así, no se incluye (require) de nuevo.

BIBLIOGRAFIA

http://php.net/manual/es/function.include-once.php

DEBER 15

FRANCISCO MUNOZ
CATEDRATICO Ing.Juan Espinoza

EJEMPLO DE PARAMETROS CON REFERENCIA

ORIGEN PHP

<html>
<head>
<title>Origen</title>
<body bgcolor="black" text="orange">

<?php
include("Cabecera.php");
include_once("Pie.php");
require("Contenido.php");
?>
</body>

</html>

CABECERA PHP

<html>
<head>
<title> <center>Cabecera </center></title>
</head>
<body bgcolor text="blue">
<table border=3>
<td rowspan=4>
<img src="FOTO1.jpg" </td>
<td aling="center">
<img src="FOTO2.jpg"</td>
</tr>
<td aling="center"> CABECERA </td>
</tr>
</td>
</table>
</body>

</html>

CONTENIDO PHP

<html>
<head>
<title> Contenido </title>
<style type="text/css">
img { width:auto;height:300px; }
</style>
</head>
<body bgcolor text="eclipce">
</body>
<h3> <center><b> Que es un Objeto? </b></center> </h3>
<p>Un objeto es una entidad independiente con sus propios datos y programación. Las ventanas, menúes, carpetas de archivos pueden ser identificados como objetos; el motor de un auto también es considerado un objeto, en este caso, sus datos (atributos) describen sus características físicas y su programación (métodos) describen el funcionamiento interno y su interrelación con otras partes del automóvil (también objetos).
<br>
El concepto renovador de la tecnología Orientación a Objetos es la suma de funciones a elementos de datos, a esta unión se le llama encapsulamiento. Por ejemplo, un objeto página contiene las dimensiones físicas de la página (ancho, alto), el color, el estilo del borde, etc, llamados atributos. Encapsulados con estos datos se encuentran los métodos para modificar el tamaño de la página, cambiar el color, mostrar texto, etc. La responsabilidad de un objeto pagina consiste en realizar las acciones apropiadas y mantener actualizados sus datos internos. Cuando otra parte del programa (otros objetos) necesitan que la pagina realice alguna de estas tareas (por ejemplo, cambiar de color) le envía un mensaje. A estos objetos que envían mensajes no les interesa la manera en que el objeto página lleva a cabo sus tareas ni las estructuras de datos que maneja, por ello, están ocultos. Entonces, un objeto contiene información pública, lo que necesitan los otros objetos para interactuar con él e información privada, interna, lo que necesita el objeto para operar y que es irrelevante para los otros objetos de la aplicación. </p>
<h3> <center><b> Caracteristicas de un Objeto </b></center> </h3>
<p> Un objeto es un tipo de datos compuesto que puede contener cualquier número de variables y funciones.
<br>
Para inicializar un objeto, puede utilizar la nueva declaración para inicializar el objeto a una variable. </p>
<h3> <center><b> Que es un Atributo? </b></center> </h3>
<p> Los atributos son las características, cualidades, propiedades distintivas de cada clase. Contienen información sobre el objeto. Determinan la apariencia, estado y demás particularidades de la clase. Varios objetos de una misma clase tendrán los mismos atributos pero con valores diferentes.
<br>
Cuando creamos un objeto de una clase determinada, los atributos declarados por la clase son localizadas en memoria y pueden ser modificados mediante los métodos.
<br>
Lo más conveniente es que los atributos sean privados para que solo los métodos de la clase puedan modificarlos. </p>
<h3> <center><b> Que es una Clase? </b></center> </h3>
<p> Una clase es un molde del que luego se pueden crear múltiples objetos, con similares características.
<br>
Una clase es una plantilla (molde), que define atributos (lo que conocemos como variables) y métodos (lo que conocemos como funciones).
<br>
La clase define los atributos y métodos comunes a los objetos de ese tipo, pero luego, cada objeto tendrá sus propios valores y compartirán las mismas funciones.
<br>
Debemos crear una clase antes de poder crear objetos (instancias) de esa clase. Al crear un objeto de una clase, se dice que se crea una instancia de la clase o un objeto propiamente dicho.</p>
<h3> <center><b> Que es un Metodo? </b></center> </h3>
<p> Los métodos son como las funciones en los lenguajes estructurados, pero están definidos dentro de una clase y operan sobre los atributos de dicha clase.
<br>
Los métodos también son llamados las responsabilidades de la clase. Para encontrar las responsabilidades de una clase hay que preguntarse qué puede hacer la clase.
<br>
El objetivo de un método es ejecutar las actividades que tiene encomendada la clase a la cual pertenece.
<br>
Los atributos de un objeto se modifican mediante llamadas a sus métodos. </p>
</body>

</html>

PIE PHP

<html>
<head>
<title> Pie </title>
<style type="text/css">
img { width:auto;height:300px; }
</style>
</head>
<body bgcolor text="eclipce">
</body>
<h3>Realizado por: </center> </h3><p> Francisco Munoz </p>
</body>

</html>

DEBER 14

FRANCISCO MUNOZ
CATEDRATICO Ing.Juan Espinoza

PARAMETROS POR REFERENCIA

PHP nos permite pasar los parámetros por referencia, es decir, que los valores que pasemos hacia una función , se verán afectadas por las operaciones internas realizadas en la función. Para pasar un valor por referencia, se utiliza el simbolo “&” por delante de la variable, osea si tenemos $variable, por referencia sería &$variable.

Ejemplo:

      <?php
      function suma( $a )
      {
       $a+=23;
      echo 'Valor dentro la función: ' . $a;
      } 
       //se define variable
       $a = 10 ;

       echo 'Valor de $a original: ' . $a;
       echo '<br/>';
       suma( &$a );
       echo '<br/>';
       echo 'Valor de $a despues de la funcion: ' .$a;
       ?>

El código es el mismo que en el primer ejemplo, con la única diferencia que al llamar a la función lo hacemos con el simbolo “&” antes de la variable, y tenemos como resultado:

Valor de $a original: 10
Valor dentro la función: 33
Valor de $a despues de la funcion: 33

Como se ve, la variable $a es afectada con las operaciones realizadas dentro de la función.

¿Y esto para que sirve?

Bueno, como dije al principio cuando se pasa un parámetro por valor a una función, se crea una copia de esta para trabajar dentro de la función, imagine una web de alto tráfico con 1 millón de visitas y 1000 parámetros entrando y saliendo de funciones a cada momento, es mucho trabajo para el servidor, pero si se pasan los parámetros por referencia, el proceso de los datos se alivia un poco.

BIBLIOGRAFIA

http://www.jc-mouse.net/desarrollo-web/parametros-por-valor-y-por-referencia-en-php

miércoles, 6 de noviembre de 2013

DEBER 13

FRANCISCO MUNOZ

CATEDRATICO Ing. Juan Espinoza

FUNCIONES

CODIFICACION PHP

<?php

function dias($dia)

{

switch($dia)

{

case "Monday":

$diaes="Lunes";

break;

case "Tuesday":

$diaes="Martes";

break;

case "Wednesday":

$diaes="Miercoles";

break;

case "Thursday":

$diaes="Jueves";

break;

case "Friday":

$diaes="Viernes";

break;

case "Saturday":

$diaes="Sabado";

break;

case "Sunday":

$diaes="Domingo";

break;

}

return $diaes;

}

function meses($mes)

{

switch($mes)

{case "January":

$mesesp="Enero";

break;

case "Febrary":

$mesesp="Febrero";

break;

case "March":

$mesesp="Marzo";

break;

case "April":

$mesesp="Abril";

break;

case "May":

$mesesp="Mayo";

break;

case "June":

$mesesp="Junio";

break;

case "July":

$mesesp="Julio";

break;

case "Agust":

$mesesp="Agosto";

break;

case "September":

$mesesp="Septiembre";

break;

case "October":

$mesesp="Octubre";

break;

case "November":

$mesesp="Noviembre";

break;

case "December":

$mesesp="Diciembre";

break;

}

return $mesesp;

}

echo "Hoy es"." ".date("l").",".date("j")." ".

"de"." ".date("F")."del"." ".date("Y");

$dia=date("l");

$mes=date("F");

$fun=dias($dia);

$funm=meses($mes);

echo "<br>";

echo $fun;

echo "<br>";

echo $funm;

echo "<br>";

echo "Hoy es"." ".$fun.",".date("j")." ".

"de"." ".$funm." del"." ".date("Y");

DEBER 12

FRANCISCO MUNOZ
CATEDRATICO Ing.Juan Espinoza

SWITCH

CODIFICACION HTML

<html>
<head>
<title>SWITCH</title>
<style type="text/css">
[required]
{
border-color:black;
box-shadows=0px 0px 10px green;
}
</style>
</head>
<body bgcolor="black" text="orange">
<font face=Arial> <h1> <marquee> SWITCH</marquee> </h1>
</font>
<caption align="top"><B> NUMEROS </B></caption>
<form action ="switch.php"method="POST">
<p>Escribe un número:
<input type="text" size="3" maxlength="3" name= "num">

</p>
<tr>
<td><input type="submit" value="GENERAR NUMEROS"></td>
</tr>
</form>
</body>
</html>

CODIFICACION PHP

<?php
$num = $_POST['num'];
echo "<FORM ACTION='switch.php' method='POST'>";
for($i=1;$i<=$num;$i++)
{ echo "<table border=4>
<tr><td>VALOR$i</td>
<td><input type='interger' name='VALOR[$i]'></TD></TR>
</table>";
}
echo "<br>";
echo"<input type='submit' value ='suma' name='op'>";
echo "<br>";
echo"<input type='submit' value ='promedio' name='op'>";
echo "<br>";
echo"<input type='submit' value ='promedio pares' name='op'>";
echo "<br>";
echo"<input type='submit' value ='promedio impares' name='op'>";
"</form>";
?>
<?php
$array = $_POST['VALOR'];
$sum=0;
$res=0;
$mul=1;
$divi=1;
switch($_POST["op"]) {
case 'suma':

for($i=1;$i<=count($array);$i++)
{$sum=$sum+$array[$i];

}
echo "la suma de los valores es:"." ".$sum;
break;
case 'promedio':
for($i=2;$i<=count($array);$i++)
{
$res=$res-$array[$i];
}
echo "El promedio es:"." ".$res;
break;
case 'promedio pares':
foreach ($array as $valores)
{
$mul=$mul*$valores;
}
echo "El promedio de pares es:"." ".$mul;
break;
case 'promedio impares':
foreach ($array as $valores)
{
$divi=$valores/$divi;
}
echo "El promedio de impares es:"." ".$divi;
break;
}
?>

DEBER 11

FRANCISCO MUNOZ

CATEDRATICO Ing. Juan Espinoza

PHP tiene varias funciones que se ocupan de ordenar arrays (matrices) y este documento existe para ayudar a aclararlo todo.

Las principales diferencias son:

Algunas ordenan basados en las key de la array, mientras que otras por los valores: $array['key'] = 'valor';
Si se mantiene o no la correlación entre las key y los valores después de la clasificación, lo cual puede significar que las key se restablecen numéricamente (0,1,2 ...)
El orden de la clasificación: alfabético, de menor a mayor (ascendente), de mayor a menor (descendente), numérico, natural, aleatorio o definido por el usuario
Nota: Todas estas funciones de clasificación actúan directamente sobre la variable de array misma, en lugar de devolver un nuevo array ordenado.
Si alguna de estas funciones de clasificación evalúa a dos miembros como iguales, entonces el orden no queda definido (la clasificación no es estable).

TIPOS DE ORDENAMIENTOS EN PHP

array_multisort

Puede usarse para ordenar varios arrays al mis mo tiempo, o un array multi-dimensional por una o más dimensiones.

bool array_multisort ( array &$arr [, mixed $arg = SORT_ASC [, mixed $arg = SORT_REGULAR [, mixed $... ]]] )

asort

Ordena un array y mantiene la asociación de índices de menor a mayor.

bool asort ( array &$array [, int $sort_flags = SORT_REGULAR ] )

arsort

Ordena un array en orden inverso y mantiene la asociación de índices de mayor a menor.

bool arsort ( array &$array [, int $sort_flags = SORT_REGULAR ] )

krsort

Ordena un array por clave en orden inverso DE MAYOR A MENOR.

bool krsort ( array &$array [, int $sort_flags = SORT_REGULAR ] )

ksort

Ordena un array por clave de menor a mayor.

bool ksort ( array &$array [, int $sort_flags = SORT_REGULAR ] )

natcasesort

Ordenar un array usando un algoritmo de "orden natural" insensible a mayúsculas-minúsculas

bool natcasesort ( array &$array )

natsort

natsort — Ordena un array usando un algoritmo de "orden natural" de mayor a menor.

bool natsort ( array &$array )

shuffle

Mezcla un array

bool shuffle ( array &$array )

sort

Ordena un array

bool sort ( array &$array [, int $sort_flags = SORT_REGULAR ] )

uasort

Ordena un array con una función de comparación definida por el usuario y mantiene la asociación de índices

bool uasort ( array &$array , callable $value_compare_func )

usort

Ordena un array según sus valores usando una función de comparación definida por el usuario

bool usort ( array &$array , callable $value_compare_func )

BIBLIOGRAFIA

http://php.net/manual/es/array.sorting.php

miércoles, 23 de octubre de 2013

DEBER 10

FRANCISCO MUNOZ
CATEDRATICO Ing. Juan Espinoza

TABLAS DE MULTIPLICAR CON CICLOS FOR WHILE Y DO-WHILE

CODIGO HTML

<html>
<head><title>CICLO FOR,WHILE,DO WHILE</title></head>
<body bgcolor="#000000" text="#bb0000" topmargin=100>

<h1>
Tablas de multiplicar con ciclos<br>
<CENTER>
<form name="form1" action ="whi.php"method="POST">
<fieldset>
<legend>CICLOS</legend>
<div class="<? echo $claseVALINI; ?>">
<label>VALOR INICIAL</label>
<input type ="text"name="VALINI" required>
<span class="msg"><? echo $msgVALINI; ?></span>
</div>

<div class="<? echo $claseVALFIN; ?>">
<label>VALOR FINAL</label>
<input type ="text"name="VALFIN"required>
<span class="msg"><? echo $msgVALFIN; ?></span>
</div>

<div class="<? echo $claseNUM; ?>">
<label>NUMERO</label>
<input type ="text"name="NUM"required>
<span class="msg"><? echo $msgNUM; ?></span>
</div>

<div>
<input type ="submit" value ="GENERAR TABLA:">
</div>
</fieldset>
</form>
<br>
<br>
<br>
<img src="gabriel1.gif">
</body>

</html>

IMAGEN

CODIGO PHP

<html>
<head>
<title>CICLOS</title>
</head>
<body bgcolor="black" text="orange">
<font face=Arial> <h1> <marquee>CICLOS</marquee> </h1>
</font>
<caption align="top"><B></B></caption>

<?php
$vali= $_POST['VALINI'];
$valf= $_POST['VALFIN'];
$num= $_POST['NUM'];

echo "BUCLE FOR";
echo "<br>";
echo "<table border=9><tr align=center><td colspan=5>Tabla de multiplicar del ".$num.":</td></tr>";
for($i=$vali;$i<=$valf;$i++)
{
$res=($num*$i);
echo "<tr align=center><td>".$num."</td><td> X </td><td>".$i."</td><td> = </td><td>".$res."</td></tr>";
}
echo "</table>";
echo "<br>";
echo "<br>";
echo "BUCLE WHILE";
echo "<br>";
echo "<table border=9><tr align=center><td colspan=5>Tabla de multiplicar del ".$num.":</td></tr>";
$contador=$vali;
while($contador<=$valf)
{
echo "<tr align=center><td>".$num."</td><td> X </td><td>".$contador."</td><td> = </td><td>".($num*$contador)."</td></tr>";
$contador++;
}

echo "</table>";
echo "<br>";
echo "<br>";
echo "BUCLE DO-WHILE";
echo "<br>";
echo "<table border=9><tr align=center><td colspan=5>Tabla de multiplicar del ".$num.":</td></tr>";
$contador=$vali;
do
{
echo "<tr align=center><td>".$num."</td><td> X </td><td>".$contador."</td><td> = </td><td>".($num*$contador)."</td></tr>";
$contador++;
}
while($contador<($valf+1))

?>
</body>

</html>

IMAGEN

lunes, 21 de octubre de 2013

DEBER 9

FRANCISCO MUNOZ

CATEDRATICO Ing. Juan Espinoza

VER EL SIGNO SEGUN SU FECHA DE NACIMIENTO

CODIGO HTML

<html>

<head>

<title>signos</title>

[required]

{

border-color:black;

box-shadows=0px 0px 10px green;

}

</style>

</head>

<font face=Arial> <h1> <marquee> Signo</marquee> </h1>

</font>

<caption align="top"><B> AVERIGUA TU SIGNO </B></caption>

<tr>

<td>Fecha de nacimiento</td>

</tr>

<tr>

</tr>

</table>

</form>

</body>

</html>

IMAGEN=RESULTADO

CODIGO PHP

<html>

<head>

<title>SIGNO</title>

</head>

<font face=Arial> <h1> <marquee>SIGNO</marquee> </h1>

</font>

<caption align="top"><B>TU SIGNO ES: </B></caption>

<?php

$fechanac=$_POST['fecna'];

if (!function_exists("zodiaco")) {

function zodiaco($fechanac){

$fechadia=date("d", strtotime($fechanac));

$fechames=date("m", strtotime($fechanac));

if((($fechadia >= "21") and ($fechames == "3")) or (($fechadia <= "19") && ($fechames == "4"))){

$signo="Aries";

echo "<img src='ARIES.JPG'>";

}

if((($fechadia >= "20") && ($fechames == "4")) or (($fechadia <= "20") && ($fechames == "5"))){

$signo="Tauro";

}

if((($fechadia >= "21") && ($fechames == "5")) or (($fechadia <= "21") && ($fechames == "6"))){

$signo="Geminis";

}

if((($fechadia >= "22") && ($fechames == "6")) or (($fechadia <= "22") && ($fechames == "7"))){

$signo="Cancer";

}

if((($fechadia >= "23") && ($fechames == "7")) or (($fechadia <= "22") && ($fechames == "8"))){

$signo="Leo";

}

if((($fechadia >= "23") && ($fechames == "8")) or (($fechadia <= "22") && ($fechames == "9"))){

$signo="Virgo";

}

if((($fechadia >= "23") && ($fechames == "9")) or (($fechadia <= "22") && ($fechames == "10"))){

$signo="Libra";

}

if((($fechadia >= "23") && ($fechames == "10")) or (($fechadia <= "21") && ($fechames == "11"))){

$signo="Escorpio";

}

if((($fechadia >= "22") && ($fechames == "11")) or (($fechadia <= "21") && ($fechames == "12"))){

$signo="Sagitario";

}

if((($fechadia >= "22") && ($fechames == "12")) or (($fechadia <= "19") && ($fechames == "1"))){

$signo="Capricornio";

}

if((($fechadia >= "20") && ($fechames == "1")) or (($fechadia <= "18") && ($fechames == "2"))){

$signo="Acuario";

}

if((($fechadia >= "19") && ($fechames == "2")) or (($fechadia <= "20") && ($fechames == "3"))){

$signo="Piscis";

}

return $signo;

}

<?php

echo zodiaco($fechanac);

</body>

</html>

IMAGEN=RESULTADO

jueves, 10 de octubre de 2013

DEBER 8

FRANCISCO MUNOZ
CATEDRATICO Ing. Juan Espinoza

QUE ES CSS

CSS es el acrónimo de Cascading Style Sheets (es decir, hojas de estilo en cascada).

QUE PUEDO HACER CON CSS

CSS es un lenguaje de estilo que define la presentación de los documentos HTML. Por ejemplo, CSS abarca cuestiones relativas a fuentes, colores, márgenes, líneas, altura, anchura, imágenes de fondo, posicionamiento avanzado y muchos otros temas.

Es posible usar HTML, o incluso abusar del mismo, para añadir formato a los sitios web. Sin embargo, CSS ofrece más opciones y es más preciso y sofisticado. CSS está soportado por todos los navegadores hoy día.

Hay que diferenciar que:

HTML se usa para estructurar el contenido;

CSS se usa para formatear el contenido previamente estructurado.

QUE BENEFICIOS OFRECE CSS

CSS fue toda una revolución en el mundo del diseño web.

Entre los beneficios concretos de CSS encontramos:

· control de la presentación de muchos documentos desde una única hoja de estilo;

· control más preciso de la presentación;

· aplicación de diferentes presentaciones a diferentes tipos de medios (pantalla, impresión, etc.);

· numerosas técnicas avanzadas y sofisticadas.

BIBLIOGRAFIA

http://es.html.net/tutorials/css/lesson1.php

COMO CREAR CSS

Muchas de las propiedades que se usan en las hojas de estilo en cascada (CSS) son parecidas a las de HTML.

Así pues, si estás acostumbrado a usar HTML para cuestiones de presentación, lo más probable es que reconozcas gran parte del código usado. Examinemos un ejemplo concreto.

SINTAXIS

Digamos que queremos un bonito color rojo como fondo de nuestra página web:

Usando HTML podríamos haberlo conseguido así:

<body bgcolor="#FF0000">

Con CSS el mismo resultado puede lograrse así:

body {background-color: #FF0000;}

Como verás, el código usado es más o menos idéntico para HTML y CSS.

El ejemplo anterior muestra además el modelo CSS fundamental:

APLICANDO CSS A UN DOCUMENTO HTML

Podemos aplicar CSS a un documento HTML de tres maneras diferentes.

Método 1: En línea (el atributo style)

Un modo de aplicar CSS a HTML es usando el atributo de HTML style. Si ampliamos el ejemplo anterior sobre el color de fondo rojo, CSS se puede aplicar así:

<html>

<head>

<title>Ejemplo</title>

</head>

<p>Esta es una página con fondo rojo</p>

</body>

</html>

Método 2: Interno (la etiqueta style)

Otra forma es incluir el código CSS usando la etiqueta HTML <style>. Por ejemplo, así:

<html>

<head>

<title>Ejemplo</title>

body {background-color: #FF0000;}

</style>

</head>

<body>

<p>Esta es una página con fondo rojo</p>

</body>

</html>

Método 3: Externo (enlace a una hoja de estilo)

El método recomendado es enlazar con lo que se denomina hoja de estilo externa.

Una hoja de estilo externa es sencillamente un fichero de texto con la extensión .css. Como cualquier otro fichero, puedes colocar la hoja de estilo en el servidor web o en el disco duro.

Por ejemplo, digamos que tu hoja de estilo se llama style.css y está localizada en una carpeta que se llama style. Esta situación se puede ilustrar de la siguiente manera:

El truco consiste en crear un vínculo desde el documento HTML (por ejemplo, default.htm) con la hoja de estilo (style.css). Dicho vínculo se puede crear con una sencilla línea de código HTML:

<link rel="stylesheet" type="text/css" href="style/style.css" />

Fíjate cómo la ruta a nuestra hoja de estilo aparece indicada por medio del atributo href.

La línea de código debe insertarse en la sección de encabezado del código HTML, es decir, entre la etiqueta <head> y </head>. De esta manera:

<html>

<head>

<title>Mi documento</title>

</head>

<body>

...

Este vínculo indica al navegador que debería usar la presentación del fichero CSS al mostrar el fichero HTML. Lo realmente bueno de este método es que se pueden vincular varios documentos HTML con la misma hoja de estilo. En otras palabras, se puede usar un único fichero CSS para controlar la presentación del muchos documentos HTML.

Esta técnica puede ahorrarte mucho trabajo. Si quisieras cambiar, por ejemplo, el color de fondo de un sitio web compuesto por 100 páginas, un hoja de estilo puede ahorrarte el tener que cambiar de forma manual los 100 documentos HTML. Con CSS, el cambio se puede llevar a cabo en unos segundos modificando parte del código de la hoja de estilo principal.

BIBLIOGRAFIA

http://es.html.net/tutorials/css/lesson2.php

PACK WEB KIT CSS

· -webkit-animation

· -webkit-animation-delay

· -webkit-animation-direction

· -webkit-animation-duration

· -webkit-animation-fill-mode

· -webkit-animation-iteration-count

· -webkit-animation-name

· -webkit-animation-play-state

· -webkit-animation-timing-function