Bienvenidos al blog de Diego Valencia

sábado, 21 de marzo de 2015

EXTRACLASE MARZO 19 DE 2015

TEMA: Induccion Css

 El css, se usa si por ejemplo tengo un archivo llamado index.html y otros 8 archivos, y quiero que todos tengan fondo negro, pero sin necesidad de entraren cada uno y cambiar esta configuracion en el body, solo tengo que enlazar todos estos archivos a un archivo con un nombre cualquiera con css asi:

hola.css --------- index.html
                           casa.html
                           jardin.html
                           carro.html
                           colegio.html
                           padres.html
                           prueba.html
                           mundo.html
                           ciudad.html
Hay dos formas de enlazar un archivo index a un archivo css:
  • Reglas html
         body{
         color:"#ff00ff";
         fontsize:"18px";
         }
  • Identificador del objeto (id)
         <span> </span> ---- para texto corto
         <div>  </div>  --------para texto larg


Ejemplo:

#caja { fontsize=10px;}
#a { color="#ff0000";}         
#b { color="0000ff";}  

<span id="a"> Bucaramanga </span>
<span id="b"> Ciudad </span>

Enlace padres e hijos en css:


body{
color:#ff0000;
font-size : 64px
#azul{
color:#0000ff;
font-size : 4px;
}

#a1 h1{
color:#ff0000;
}

#a2 h1{
color:#00ff00;
}

#a3 h1{
color:#0000ff;
}







Publicado por en No hay comentarios:

CLASE MARZO 18 DE 2015

TEMA: Acumulativo

 El docente realizo el acumulativo con los siguientes ejercicios:

  1.      <script>

  a=parseFloat(prompt("Digite un numero"));

          
 b=Math.sin (a);

 alert("Respuestasta:" + b);

          </script>



2.       <body>


<input type="button" id="button" name="button" value="Amarillo"                    onclick="Javascript:document.body.style.backgroundColor='#ffff00';" />

         </body>


3.      <script>

a=parseFloat(prompt("Digite un numero"));

if (a>=0){

b= Math.sqrt(a)

alert("Su respuesta es:" + a);
}
else {

alert("Error");
}

         </script>


4.      <script>

a=parseFloat(prompt("Digite un numero"));

if (a==1){
alert("Numero romano: I");
}
if (a==2){
alert("Numero romano: II");
}
if (a==3){
alert("Numero romano: III");
}
if (a==4){
alert("Numero romano: IV");
}
if (a==5){
alert("Numero romano: V");
}
if (a==6){
alert("Numero romano: VI");
}
if (a==7){
alert("Numero romano: VII");
}
if (a==8){
alert("Numero romano: VIII");
}
if (a==9){
alert("Numero romano: IX");
}
if (a==10){
alert("Numero romano: X");
}
        </scritp>


5.     <script>
   
a=parseFloat(prompt("Digite un numero"));

if (a>=18){

alert("Puede votar");
}
else{
alert("No puede votar");
}

         </script>


Publicado por en No hay comentarios:

sábado, 14 de marzo de 2015

CLASE MARZO 18 DE 2015 (Tarea)

Tema: Ejercicios

 El docente, publico una serie de ejercicios e información de java script sobre números aleatorios y funciones matemáticas.
De programación Java script, sabemos muy poco, así como podemos realizar programas que lean nuestros nombres y edades, también podemos realizar bastantes y amplias operaciones matemáticas de calculo trigonométrico, algebraico y aritmético.Algunas de ellas solamente necesitamos poner su nombre la respectiva función para llamarlas y realizar la operación, pero con otras si tenemos que desarrollar nuestra propia variable que se encargue de realizar las operaciones basándonos en las funciones básicas previamente creadas por los mismos desarrolladores del lenguaje. Algunas de las funciones matemáticas que podemos usar de manera predeterminada en Java script son las siguientes:
  • abs() : Nos devuelve el valor absoluto de determinado numero.
  • max(v1,,,v2): Nos devuelve el valor máximo dentro de un conjunto de datos.
  • min(v1,,,v2): Nos devuelve el valor mínimo dentro de un conjunto de datos.
  • round(): Con ella podemos redondear un numero.
  • exp(): Nos devuelve el valor exponencial de un numero.
  • log(): Nos devuelve el logaritmo de un numero.
  • pow(base,exponente): Calcula la potencia de una base y un exponente.
  • sqrt(): Calcula la raíz cuadrada de un numero.
  • sin(): Nos devuelve el seno de un numero.
  • cos(): Nos devuelve el coseno de un numero.
  • tan(): Nos devuelve la tangente de un numero.
  • asin(): Nos devuelve el arcoseno de un numero.
  • acos(): Nos devuelve el arcocoseno de un numero.
  • atan(): Nos devuelve la arcotangente de un numero.

codigos:



<script>

function uno() {
var a= Math.random();
alert("El numero aleatorio entre o y 1 es:" + a);
}
function dos(){
var b= Math.round(Math.random()*10);
alert("El numero aleatorio entre 0 y 10 es:" + b);
}
function aleatorio(a,b) {
return Math.round(Math.random()*(b-a)+parseInt(a));
}
function calcula_aleatorio_formulario(){
minimo = document.f1.minim.value
maximo = document.f1.maxim.value
resultado = aleatorio(minimo,maximo)
document.f1.res.value = resultado
}
</script>

<body>
<p>
<input type="button" value="Ejemplo 1" onclick="uno();" />
<input type="button" value="Ejemplo 2" onclick="dos();" />
</p>
<hr color="#FF0000" size="3" />
<p>
<FORM name=f1>Mínimo: <INPUT maxLength=5 size=5 name=minim> <BR>Máximo: <INPUT 
maxLength=5 size=5 name=maxim> <BR><BR><INPUT onclick=calcula_aleatorio_formulario() type=button value="calcular aleatorio"> 
<BR><BR>Número aleatorio entre el mínimo y el máximo : <INPUT maxLength=5 size=5 name=res> 
</FORM>
</p>
</body>


<script>
function uno (){
var aleatorio = Math.floor(Math.random() * 51) + 25;
document.write("<p>" + aleatorio + "</p>");
}
function aleatorio() {
var min = parseInt(document.getElementById('min').value);
var max = parseInt(document.getElementById('max').value);
var res = Math.floor(Math.random() * (max - min + 1)) + min;
document.getElementById('resultado').innerHTML = res.toString();
}

</script>
<body>
<p>
<input type="button" value=" Ejemplo 1" onclick="uno();" >


</p>
<hr color="#FF0000" size="3" />
<p>
<form >
<label for="min">Valor mínimo: </label>
<input id="min" />
<label for="max">Valor máximo: </label>
<input id="max" />
<input type="button" value="Calcular" onClick="aleatorio();"/>
</form>
<p id="resultado"></p>
</p>
</body>

Publicado por en No hay comentarios:

viernes, 13 de marzo de 2015

CLASE MARZO 11 DE 2015

TEMA: Evaluación java script
  • Math.sqrt ------ Es una función matemática, que indica cual es la raiz cuadrada de un numero determinado
  • Math.sqrt(9) ---- En una ventana debe aparecer un resultado que es el 3
  • Código:
        <script>

         n= parseInt(prompt("numero"));

        a= Math.sqrt(n);

        alert (a);

        </script>


El docente, puso un ejercicio en parejas, para realizarlo en el computador, este ejercicio se tomo como la evaluación.


<script>



a=parseFloat(prompt("Digite primer numero"));

b=parseFloat(prompt("Digite segundo numero"));

c=parseFloat(prompt("Digite tercer numero"));

if (a!=0) {

r=b*b-(4*a*c);

if (r<0){

r=r*-1;

}

r=Math.sqrt(r);

x1=(-b-r)/(2*a);
x2=(-b+r)/(2*a);

alert(x1);
alert(x2);

}

else {
alert("Error matematico");

}

</script>


Publicado por en No hay comentarios:

viernes, 6 de marzo de 2015

CLASE MARZO 4 DE 2015

TEMA: Pop ups
  • Sus bloqueos se generan por el origen de la publicidad
  •  window.open(" Pagina o Url  ", " _self / _blank ", " opcional");
  • Height  
                              Son sus caracteristicas, pueden ser opcionales, se dan en pixeles
  • Width
  • Para ver el efecto de height y width colocar _blank
  • Si se abren dos pop ups al tiempo, el navegador las bloquea.
  • window.close() -------- cierra el pop up



Publicado por en No hay comentarios:
Suscribirse a: Entradas (Atom)