miércoles, 29 de marzo de 2017

Cierre final primer bimestre

-Hoy terminaron de presentar los que debían el acumulativo, mientras tanto los otros nos quedamos en el salón ensayando la coreografía de danzas.

La otra semana comenzamos segundo periodo.

miércoles, 22 de marzo de 2017

Finalización primer periodo

-Hoy cerramos notas del primer periodo, el ingeniero nos dio las notas a cada estudiante.
* Nos daba dos notas para el  proyecto, mi grupo obtuvo: 50 y 80 se sumaban y se dividen en dos para obtener la tercera habilidad.
* Hasta el momento ha calificado dos veces el blog por estudiante. Primera revisión:100 y segunda revisión 75. Igualmente se suman y se dividen en dos, y obtenemos la cuarta habilidad y recursos de este bimestre.

1. Habilidad: 100
2 Habilidad :80
3 Habilidad: 65
4 Habilidad: 88

Recursos: 88
Socio-afectivo:100
Prueba saber:100
Acumulativo: 100

No me tocó presentar acumulativo por qué al sumar las habilidades, recursos y socio afectivo y sacarle el porciento era igual a 60 o mayor no tenían que presentar acumulativo.

miércoles, 15 de marzo de 2017

Finalización del proyecto

- Hoy llegamos a la sala él ingeniero nos dijo que teníamos que subir todos los documentos que estuvieran dentro de la carpeta:Decimob_grupo06 a un servidor, nos indicó como entrar y nos pidió el. Código de un integrante y una palabra que no fuera mayor a 6 letras nosotros nos correspondió amor02.
- Despues pasaron a exponer cada grupo lo que el profesor le indicara que hicieran, al grupo 05 nos les pregunto nada porque tenían todo las indicaciones que le había pedido el ingeniero, nuestro grupo Le tocó exponer luisa Avendaño le pidieron que cambiara una imagen por la de ella le daban tres minutos y no lo logró, nuestro proyecto nos faltó el blank en el blog para que nos llevará a otra página, y nos faltó eliminar las cosas que no eran necesarias en este proyecto.
- El profesor nos cito en la tarde para darnos una oportunidad de exponer ósea realizar la pregunta, está oportunidad me correspondió responder a mi y me dijo que el queria que salieran los números en romano del 25 al 50, yo lo realize y nos quedo bien.
- ya corregimos el proyecto.

INDEX.HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>PROYECTO 10B</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/coin-slider.css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-times.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>
</head>
<label
for="numero"></label>


<script>alert("ingresa un numero entre 1 y 50" ) 
function hacer(){ 
var num = document.getElementById("roman").value  



if(num<1 || num>50){alert("El valor ingresado no se encuentra dentro de los parametros establecidos, intente nuevamente" )} 

else {
var dec=parseInt(num%1000%100/10); 
var uni=parseInt(num%1000%100%10); 
if(dec>4 && uni>0){document.write("El valor ingresado no se encuentra dentro de los parametros establecidos, intente nuevamente")}
if (dec<1){for(i=0; i<dec; i++){var b="X"}} //DECENAS
switch(dec){ 
case 0: var b=" " 
break;
case 1: var b="X" 
break;
case 2: var b="XX" 
break;
case 3: var b="XXX" 
break;
case 4: var b="XL" 
break; 
case 5: if(dec==5 && uni==0) {var b="L" } else{var b=" "}
break; 
case 6: var b=" "
break; 
case 7: var b=" "
break; 
case 8: var b=" "
break; 
case 9: var b=" "
break;} 



if (uni<2 && dec<5){for(i=0; i<uni; i++){var a="I"}} //UNIDADES 
switch(uni){ 
case 0: if(dec<5) {var a=" " } else{var a=" "}
break;
case 1: if(dec<5) {var a="I" } else{var a=" "}
break;
case 2: if(dec<5) {var a="II" } else{var a=" "}
break; 
case 3: if(dec<5) {var a="III" } else{var a=" "}
break; 
case 4: if(dec<5) {var a="IV" } else{var a=" "}
break; 
case 5: if(dec<5) {var a="V" } else{var a=" "}
break; 
case 6: if(dec<5) {var a="VI" } else{var a=" "}
break; 
case 7: if(dec<5) {var a="VII" } else{var a=" "}
break; 
case 8: if(dec<5) {var a="VIII" } else{var a=" "}
break;
case 9: if(dec<5) {var a="IX" } else{var a=" "}
break;} 

var resultado=b+a

}

if(num>0 && num<26){      
    var ventana = document.getElementById('miVentana'); // Accedemos al contenedor
      ventana.style.top = "0%";
      ventana.style.bottom = "70px"; // Definimos su posición vertical. La ponemos fija para simplificar el código
    ventana.style.left = "0%"; 
      ventana.style.right = "70px"; // Definimos su posición horizontal
      ventana.style.display = 'block'; // Y lo hacemos visible
    
    
    document.getElementById("mensaje1").innerHTML=resultado;
      }

      
  if(num>25 && num<51){
    var ventana = document.getElementById('miVentana'); // Accedemos al contenedor
      ventana.style.top = "70%";
      ventana.style.bottom = "0px"; // Definimos su posición vertical. La ponemos fija para simplificar el código
    ventana.style.left = "70%"; 
      ventana.style.right = "0px"; // Definimos su posición horizontal
      ventana.style.display = 'block'; // Y lo hacemos visible

    document.getElementById("mensaje1").innerHTML=resultado;
  } 
}  
function ocultarVentana()
{
  //document.getElementById("reproductor").innerHTML="";
    var ventana1 = document.getElementById('miVentana'); // Accedemos al contenedor
    ventana1.style.display = 'none'; // Y lo hacemos invisible
}


</script>
<body>
<div class="main">
  <div class="header">
    <div class="header_resize">
      <div class="searchform">
        <form id="formsearch" name="formsearch" method="post" action="#">
          <span>
          <input name="editbox_search" class="editbox_search" id="editbox_search" maxlength="80" value="Search our ste:" type="text" />
          </span>
          <input name="button_search" src="images/search.gif" class="button_search" type="image" />
        </form>
      </div>
      <div class="logo">
      </div>
        <h1><a href="index.html"><span>PROYECTO 10B</span> <small>GRUPO 06</small></a></h1> 
      <div class="clr"></div>
      <div class="menu_nav">
        <ul>
          <li class="active"><a href="index.html"><span>Principal</span></a></li>
          <li><a href="derechos.html"><span>Derechos</span></a></li>
        </ul>
      </div>
      <div class="clr"></div>
      <div class="slider">
        <div id="coin-slider"> <img src="images/imperdonables.jpg" width="920" height="360" alt="" /><span><big>Los tres maleficios imperdonables</big><br />
Manipulador, Torturador y Asesino
          </span></a> <img src ="images/voldemort.jpg" width="920" height="360" alt="" /><span><big>Voldemort</big><br />

 </div></span></a> </div>
        <div class="clr"></div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="content">
    <div class="content_resize">
      <div class="mainbar">
        <div class="article">
          <h2><span>EJERCICIO</span></h2>
          <p class="infopost">Posted <span class="date"></span> by <a href="derechos.html">Grupo 06</a> &nbsp;&nbsp;|&nbsp;&nbsp; Filed under</p>
          <div class="clr"></div>
          <div class="post_content">
            <p>
            <input type="text" id="roman" >
<input type="button" name="boton" value="ENVIAR" onclick="hacer()">
         <div id="miVentana" style="position: fixed; width: 350px; height: 190px; top: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; border: #01DFD7 5px solid; background-color: #8258FA; color: #000000; display:none;">
 <div style="font-weight: bold; text-align: left; color: #FFFFFF; padding: 5px; background-color:#006394" id="titulo"></div>
 <p style="padding: 5px; text-align: center; line-height:normal" id="mensaje1"></p>
  <div style="padding: 10px; background-color: #380B61; text-align: center; margin-top: 44px;">
    <input id="btnAceptar" onclick="ocultarVentana();" name="btnAceptar" size="30" type="button" value="Cerrar" /><div>

           
          </div>
          <div class="clr"></div>
        </div>
        
      </div>
      <div class="sidebar">
        <div class="gadget">
          
          <div class="clr"></div>
          
        </div>
       
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="fbg">
    <div class="fbg_resize">
      <div class="col c1">
        
      <div class="clr"></div>
    </div>
  </div>
  <div class="footer">
    <div class="footer_resize">
      <p class="lf">&copy; Copyright <a href="#">MyWebSite</a>.</p>
      <p class="rf">Design by Dream <a href="http://www.dreamtemplate.com/">Web Templates</a></p>
      <div style="clear:both;"></div>
    </div>
  </div>
</div>
</body>

</html>

miércoles, 8 de marzo de 2017

Realización del proyecto

-Hoy empezamos a realizar el proyecto de informática en nuestro grupo no presentamos memoria ni cuaderno, hicimos un trato con el ingeniero pero obtuvimos una penalidad por no seguir las indicaciones 

El proyecto era el siguiente:

1. tener un template limpio (al oprimir un enlace ir a el sitio exacto)
2.carpeta :decimob_grupo05
3.sitio web debe ser navegable
4.adicional de el ejercico crear un archivo que se llama derechos.html :contiene su foto y al frente tener primer nombre y primer apellido,debajo de el  la palabra mi blog y al momento de ser oprimido mediante un blank aparece su blog.(table)
5,todos los titles deben tener el nombvre de el proyecto”proyecto decimo b”
6,ejercicio:caja de texto que riba numeros de el 1 al 50,no debe aceptar  letras,numeros superiores a 50 ni menores a 1, a el momento de orpimir el boton se debe visualizar su correspondiente numero romano8si los numeors dijitados estan entre 1 y 25 ,me debe aparecer dentro de su template en la parte superior izquierda, pero si es de 26 al 50 en la parte inferior derecha(inner.html)

Basado en el trabajo realizado en clase 2017-03-08, se indica lo siguiente:
1. Pueden terminar el proyecto en Casa, basado en la copia de seguridad del grupo.
2. Los integrantes del grupo NO SE DEBEN REUNIR, cada uno debe trabajar desde su casa y comunicarse en horarios normales (6 a.m. hasta 7:00 p.m.) con sus compañeros de grupo.
3. No se admiten quejas sobre el hecho de haber trasnochado, lo que hace falta del trabajo deben realizarlo en grupo.
4. El día 2017-03-15, deben entregar la usb marcada(Primer Nombre, Primer Apellido), junto con la carpeta que se indico en clase.
5. El trabajo debe contener todas las recomendaciones que indico el docente en clase.
6. Se pedirá dicho trabajo a cualquier integrante del grupo.
7. Al inicio de clase se entregará el trabajo, no existirá tiempo para correcciones, debido a que ya fueron realizadas en casa por cada uno de los integrantes del grupo.
8. Cada integrante debe tener documentación sobre su proyecto en la usb, cuaderno y Blog. Exposición del trabajo despúes de la entrega de la Usb.
9. Todos los integrantes del grupo deben exponer.
Nota: Evaluación escrita individual sobre el trabajo.


derechos.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>PROYECTO 10B</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/coin-slider.css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-times.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>
</head>
<body>
<div class="main">
  <div class="header">
    <div class="header_resize">
      <div class="searchform">
        <form id="formsearch" name="formsearch" method="post" action="#">
          <span>
          <input name="editbox_search" class="editbox_search" id="editbox_search" maxlength="80" value="Search our ste:" type="text" />
          </span>
          <input name="button_search" src="images/search.gif" class="button_search" type="image" />
        </form>
      </div>
      <div class="logo">
        <h1><a href="index.html">PROYECTO <span>10B</span> <small>GRUPO 06</small></a></h1>
      </div>
      <div class="clr"></div>
      <div class="menu_nav">
        <ul>
          <li><a href="index.html"><span>Principal</span></a></li>
          <li class="active"><a href="derechos.html"><span>Derechos</span></a></li>
        </ul>
      </div>
      <div class="clr"></div>
      <div class="slider">
        <div id="coin-slider"> <img src="images/imperdonables.jpg" width="920" height="360" alt="" /><span><big>Los tres maleficios imperdonables</big><br />
Manipulador, Torturador y Asesino
          </span></a> <img src ="images/voldemort.jpg" width="920" height="360" alt="" /><span><big>Voldemort</big><br />
         El mago tenebroso mas poderoso de todos los tiempos</span></a> <img src="images/gringotts.jpg" width="920" height="360" alt="" /><span><big>Gringotts</big><br />
          El banco mas seguro del mundo</span></a> </div>
        <div class="clr"></div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="content">
    <div class="content_resize">
      <div class="mainbar">
        <div class="article">
          <h2><span>Proyecto Primer Periodo </span></h2>
          <div class="clr"></div>
          <p><div><img style="float: left;" src="images/jesus.jpg" border="5px"/><!-- Etiqueta para que el texto este alineado a la imagen --> <h2><b>JESUS ORTEGA</h2><A HREF="http://jesusortegacoinsda.blogspot.com.co/"target="_blank">MI BLOG</A><BR> <BR><BR><BR><BR><BR>
          <p><div><img style="float: left;" src="images/paula.jpg" border="5px"/><!-- Etiqueta para que el texto este alineado a la imagen --> <h2><b>PAULA MEDELLIN</h2><A HREF="http://paulitacocala.blogspot.com.co/"target="_blank">MI BLOG</A><BR> <BR> <BR><BR><BR><BR><BR>
          <p><div><img style="float: left;" src="images/camila.jpg" border="5px"/><!-- Etiqueta para que el texto este alineado a la imagen --> <h2><b>MARIA CABALLERO</h2><A HREF="http://camilacaballerocoinsda.blogspot.com.co/?m=1"target="_blank">MI BLOG</A> <BR> 
          <BR> <BR><BR><BR><BR><BR>
          <p><div><img style="float: left;" src="images/luisa.jpg" border="5px"/><!-- Etiqueta para que el texto este alineado a la imagen --> <h2><b>LUISA AVENDAÑO</h2><A HREF="http://inftemasvarios.blogspot.com.co/2016/04/informatica-2016.html"target="_blank" >MI BLOG</A><BR><BR> <BR> <BR><BR><BR><BR><BR>
  <div class="footer">
    <div class="footer_resize">
      <p class="lf">&copy; Copyright <a href="#">MyWebSite</a>.</p>
      <p class="rf">Design by Dream <a href="http://www.dreamtemplate.com/">Web Templates</a></p>
      <div style="clear:both;"></div>
    </div>
  </div>
</div>
        </div> 
        </div>
        <div>
</body>

</html>

miércoles, 1 de marzo de 2017

ventanas, proyecto

-Nos enseñaron a como se descargaba correctamente un archivo para que le funcionara el código,en este caso el código de una ventana modal.

-El profesor nos dijo los integrantes de cada grupo para hacer el proyecto de este bimestre y nos dijo que nos publicaba, el proyecto toca exponerlo frente nuestros compañeros.

-Mi grupo es el #6 esta conformado por:
*paula medellin
*jesus ortega
*luisa avendaño 
*camila caballero


Estas son las reglas:
  1. Los grupos de trabajo asignados el día de clase NO SE DEBEN REUNIR, debido a que no existirá trabajo de proyecto del periodo para trabajar en casa.
  2. El trabajo de proyecto grupal se realizará en horas de clase.
  3. Se publicaran los ejercicios(herramientas funcionales) propios que se necesitan para la construcción del proyecto.
  4. Cada integrante debe descargar los ejercicios.
  5. Dichos ejercicios, cada alumno debe realizarle modificaciones y así entender la mecanica de los mismos.
  6. Los ejercicios deben estar almacenados en memoria usb personal.
  7. Si los integrantes de un grupo no alcanzan a terminar el proyecto, el docente se queda con el trabajo y a la siguiente clase el docente le entrega nuevamente el trabajo consignado y así podrá terminar el proyecto.
  8. Si algún integrante de cualquier grupo:
    • No descarga por su propio medio los ejercicios, ni realiza los ejercicios así no le funcionen, el estudiante se hace acreedor de un trabajo de proyecto individual, como tambien queda registrado automáticamente para la realización del acumulativo.
    • No participa en la realización del proyecto, queda registrado automáticamente para la realización del acumulativo.
    • No tiene memoria usb de los ejercicios(herramientas) indicadas en esta publicación, queda registrado automáticamente para la realización del acumulativo.
  9. Si en la realización de los proyectos no alcanzamos a realizar las exposiciones, el criterio de evaluación será 100% escrito individual.
  10. Si todo el grado/grupo trabaja a favor del conocimiento y se observa que TODOS han trabajado en sus respectivos proyectos de su grupo, le realizaré a dicho grado/grupo una EXECELENTE Oferta de Nota.

Continuación tema anterior

EJERCICIO

<html>
<head>
<title>hinojosachapel.com | Una simple ventana modal con HTML y Javascript</title>
<script type="text/javascript">
function mostrarVentana()
{
    var ventana = document.getElementById('miVentana'); // Accedemos al contenedor
    ventana.style.marginTop = "100px"; // Definimos su posición vertical. La ponemos fija para simplificar el código
    ventana.style.marginLeft = ((document.body.clientWidth-500) / 2) +  "px"; // Definimos su posición horizontal
    ventana.style.display = 'block'; // Y lo hacemos visible
}

function ocultarVentana()
{
    var ventana = document.getElementById('miVentana'); // Accedemos al contenedor
    ventana.style.display = 'none'; // Y lo hacemos invisible
}
</script>
</head>
<body>
Si quieres saber mas de voleibol, oprime <a href="javascript:mostrarVentana();">aquí</a>
<div id="miVentana" style="position: fixed; width: 500px; height: 400px; top: 0; left: 0; font-family:bradley hand itc; font-size: 12px; font-weight: normal; border: #333333 3px solid; background-color: #FAFAFA; color: #000000; display:none;">

<div style="font-weight: bold; text-align: center; color: blue; padding: 5px; background-color:black">
<h1>VOLEIBOL</h1>
</div>
<marquee style="position: absolute; padding: -5px; text-align: center; line-height:normal; background-color:purple">
<h3>
El voleibol, vóleibol, volibol, vólibol, balonvolea o simplemente vóley (del inglés: volleyball),1 es un deporte de equipo que se clasifica entre los juegos de pelota en el que dos equipos, integrados por <b>seis jugadores cada uno</b>, se enfrentan sobre un área de juego separada por una red central. El objetivo del juego es<u> pasar el balón por encima de la red</u>, logrando que llegue al suelo del campo contrario e impedir que al equipo adversario le resulte conseguir lo mismo, a la vez de forzarlo a errar en el intento.
</h3>
</marquee>

  <center><div style="width: width: 500px; padding: 10px; background-color: #F0F0F0; text-align: center; margin-top: 150px; position: relative; z-index:100">
  
   <img id="destacada" src="voley.jpg " widht='200px' height='130px' /><br>
  
   <input id="btnAceptar" onclick="ocultarVentana();" name="btnAceptar" size="20" type="button" value="Cerrar Ventana" />
 </div></center>
</div>   
</body>

</html>