miércoles, 29 de marzo de 2017

(CLASE N °9)

Acumulativo para aquellos estudiantes que no alcanzaron a realizarlo en la clase del día 22 de marzo de 2017, debido a los ensayos de las interclases, los demás estudiantes tuvimos las dos horas para ensayar la coreografía del acumulativo de Artística, rigiéndonos por los parámetros del docente: No salirnos del salón, no sacar celulares en dichas horas de clase y comportarnos juiciosos.

Publicadas por a la/s No hay comentarios.:

miércoles, 22 de marzo de 2017

CIERRE PRIMER BIMESTRE. ( CLASE N° 8)

Mi nota definitiva de la asignatura de Informática es: 97, ya que cumplí con el parámetro de que el promedio de mis habilidades fuera igual o superior a 75 obtuve el beneficio de quedar exenta del acumulativo es decir mi nota es de 100, y también 100 en la prueba saber.
Publicadas por a la/s No hay comentarios.:

miércoles, 15 de marzo de 2017

PRESENTACIÓN DEL PROYECTO. (CLASE N°7)

DERECHOS:
<!doctype html>
<!-- Website Template by freewebsitetemplates.com -->
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nuestro Proyecto Decimo B</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/mobile.css" media="screen and (max-width : 568px)">
<script type="text/javascript" src="js/mobile.js"></script>
</head>
<body>
<div id="header">
<a href="index.html" class="logo">
<img src="images/logo.jpg" alt="">
</a>
<ul id="navigation">
<li>
<a href="index.html">Home</a>
</li>

<li class="selected">
<a href="derechos.html">Derechos</a>
</li>
<li>
<a href="ejercicio.html">Ejercicio</a>
</li>
</li>
</ul>
</div>
<div id="body">
<h1><span>blog</span></h1>
<div>
<ul>
<li>
<a href="#" class="figure">
<center><img src="imagenes_estudiantes/danielcamacho.jpg" alt=""></center>
</a>
<div>
<h3>Daniel Camacho</h3>
<br>
<a href="http://informaticamacho13.blogspot.com.co/" target="_blank" valign="center">Mira mi blog</a>
<br>
<br>
<br>

</div>
</li>
<li>
<a href="#" class="figure">
<center><img src="imagenes_estudiantes/mariagarcia.jpg" alt=""></center>
</a>
<div>
<h3>Maria García</h3>
<br>
<a href="http://maria2201garcia.blogspot.com.co/" target="_blank" valign="center">Mira mi blog</a>
<br>
<br>
<br>

</div>
</li>
<li>
<a href="#" class="figure">
<center><img src="imagenes_estudiantes/silviagonzalez.jpg" alt=""></center>
</a>
<div>
<h3>Silvia Gonzalez</h3>
<br>
<a href="http://blogsilviagonzalez.blogspot.com.co/" target="_blank" valign="center">Mira mi blog</a>
<br>
<br>
<br>

</div>

</li>
<li>
<a href="#" class="figure">
<center><img src="imagenes_estudiantes/mariasarmiento.jpg" alt=""></center>
</a>
<div>
<h3>María Sarmiento</h3>
<br>
<a href="http://mariasarmiento45.tumblr.com/" target="_blank" valign="center">Mira mi blog</a>
<br>
<br>
<br>

</div>

</li>
<li>
<a href="#" class="figure">
<center><img src="imagenes_estudiantes/nicolastoledo.jpg" alt=""></center>
</a>
<div>
<h3>Nicolas Toledo</h3>
<br>
<a href="http://informaticanicot.blogspot.com.co/" target="_blank" valign="center">Mira mi blog</a>
<br>
<br>
<br>

</div>

</li>
<li>
<a href="#" class="figure">
<center><img src="imagenes_estudiantes/karenvillamizar.jpg" alt=""></center>
</a>
<div>
<h3>Karen Villamizar</h3>
<br>
<a href="http://karenvillamizarcoinsda.blogspot.com.co/" target="_blank" valign="center">Mira mi blog</a>
<br>
<br>
<br>

</div>

</li>
</ul>
</div>
</div>
<div id="footer">
<div>
<p>&copy; 2023 by Mustacchio. All rights reserved.</p>
<ul>
<li>
<a href="http://freewebsitetemplates.com/go/twitter/" id="twitter">twitter</a>
</li>
<li>
<a href="http://freewebsitetemplates.com/go/facebook/" id="facebook">facebook</a>
</li>
<li>
<a href="http://freewebsitetemplates.com/go/googleplus/" id="googleplus">googleplus</a>
</li>
<li>
<a href="http://pinterest.com/fwtemplates/" id="pinterest">pinterest</a>
</li>
</ul>
</div>
</div>
</body>

EJERCICIO:
<!doctype html>
<!-- Website Template by freewebsitetemplates.com -->
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nuestro Proyecto Decimo B</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/mobile.css" media="screen and (max-width : 568px)">
<script type="text/javascript" src="js/mobile.js"></script>
</head>

<body>

</div>
<br>

<div id="hola" align="left"></div>
<div id="header">
<a href="index.html" class="logo">
<img src="images/logo.jpg" alt="">
</a>
<ul id="navigation">
<li>
<a href="index.html">Inicio</a>
</li>

<li>
<a href="derechos.html">Derechos</a>
</li>
<li class="selected">
<a href="ejercicio.html">Ejercicio</a>
</li>
</ul>
</div>
<div id="body">
<h1><span>Ejercicio-proyecto</span></h1>

</div>

<script>

function romano(){
var a = document.getElementById("num").value;

if (a == 1) {document.getElementById("hola").innerHTML = "I"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 2) {document.getElementById("hola").innerHTML = "II"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 3) {document.getElementById("hola").innerHTML = "III"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 4) {document.getElementById("hola").innerHTML = "IV"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 5) {document.getElementById("hola").innerHTML = "V"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 6) {document.getElementById("hola").innerHTML = "VI"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 7) {document.getElementById("hola").innerHTML = "VII"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 8) {document.getElementById("hola").innerHTML = "VIII"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 9) {document.getElementById("hola").innerHTML = "IX"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 10) {document.getElementById("hola").innerHTML = "X"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 11) {document.getElementById("hola").innerHTML = "XI"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 12) {document.getElementById("hola").innerHTML = "XII"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 13) {document.getElementById("hola").innerHTML = "XIII"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 14) {document.getElementById("hola").innerHTML = "XIV"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 15) {document.getElementById("hola").innerHTML = "XV"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 16) {document.getElementById("hola").innerHTML = "XVI"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 17) {document.getElementById("hola").innerHTML = "XVII"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 18) {document.getElementById("hola").innerHTML = "XVIII"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 19) {document.getElementById("hola").innerHTML = "XIX"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 20) {document.getElementById("hola").innerHTML = "XX"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 21) {document.getElementById("hola").innerHTML = "XXI"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 22) {document.getElementById("hola").innerHTML = "XXII"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 23) {document.getElementById("hola").innerHTML = "XXIII"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 24) {document.getElementById("hola").innerHTML = "XXIV"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 25) {document.getElementById("hola").innerHTML = "XXV"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 26) {document.getElementById("adios").innerHTML = "XXVI"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 27) {document.getElementById("adios").innerHTML = "XXVII"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 28) {document.getElementById("adios").innerHTML = "XXVIII"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 29) {document.getElementById("adios").innerHTML = "XXIX"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 30) {document.getElementById("adios").innerHTML = "XXX"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 31) {document.getElementById("adios").innerHTML = "XXXI"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 32) {document.getElementById("adios").innerHTML = "XXXII"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 33) {document.getElementById("adios").innerHTML = "XXXIII"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 34) {document.getElementById("adios").innerHTML = "XXXIV"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 35) {document.getElementById("adios").innerHTML = "XXXV"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 36) {document.getElementById("adios").innerHTML = "XXXVI"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 37) {document.getElementById("adios").innerHTML = "XXXVII"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 38) {document.getElementById("adios").innerHTML = "XXXVIII"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 39) {document.getElementById("adios").innerHTML = "XXXIX"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 40) {document.getElementById("adios").innerHTML = "XL"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 41) {document.getElementById("adios").innerHTML = "XLI"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 42) {document.getElementById("adios").innerHTML = "XLII"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 43) {document.getElementById("adios").innerHTML = "XLIII"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 44) {document.getElementById("adios").innerHTML = "XLIV"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 45) {document.getElementById("adios").innerHTML = "XLV"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 46) {document.getElementById("adios").innerHTML = "XLVI"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 47) {document.getElementById("adios").innerHTML = "XLVII"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 48) {document.getElementById("adios").innerHTML = "XLVIII"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 49) {document.getElementById("adios").innerHTML = "XLIX"; document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 50) {document.getElementById("adios").innerHTML = "L"; document.getElementById("error").innerHTML = "<hidden>"}

else {document.getElementById("error").innerHTML = "<img src='images/ejercicio.png' width=670 height=400> <br><H1>(Tampoco numeros decimales)</H1>";
document.getElementById("hola").innerHTML = "<hidden>"; document.getElementById("adios").innerHTML = "<hidden>"}
}

</script>

</head>
<body>

<form>

 <center>
  <label for="numero">Digite un numero del 1 al 50</label>
  <input type="number" min="1" max="50" id="num" >

  <input type="button" value="Oprimir" onclick="romano();">
 </center>

</form>  

</body>


  <br><br><br><br><br><br><br><br><div id="error" align="center"></div>

  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><div id="adios" align="right"></div>


<div id="footer">
<div>
<p>&copy; 2023 by Mustacchio. All rights reserved.</p>
<ul>
<li>
<a href="http://freewebsitetemplates.com/go/twitter/" id="twitter">twitter</a>
</li>
<li>
<a href="http://freewebsitetemplates.com/go/facebook/" id="facebook">facebook</a>
</li>
<li>
<a href="http://freewebsitetemplates.com/go/googleplus/" id="googleplus">googleplus</a>
</li>
<li>
<a href="http://pinterest.com/fwtemplates/" id="pinterest">pinterest</a>
</li>
</ul>
</div>
</div>
</body>
</html>

</html>
Publicadas por a la/s No hay comentarios.:

miércoles, 8 de marzo de 2017

INICIO DEL PROYECTO. (CLASE N°6)

En esta clase dimos inicio al proyecto,para iniciar el profesor recogía una memoria y un cuaderno de dos estudiantes del grupo, después nos explicó el proyecto.

El proyecto era el siguiente:

1. tener un template limpio (al oprimir un enlace ir a el sitio exacto)
2.carpeta :decimob_grupo03
Indicación: El sitio web debe ser navegable
4. 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)
5.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)
Indicacion: todos los titles deben tener el nombvre de el proyecto”proyecto decimo b”

Después de la fecha el docente indicó lo siguiente en la web: 

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.


Publicadas por a la/s No hay comentarios.:

miércoles, 1 de marzo de 2017

(CLASE Nº5)

En la primera hora de clase nos dirigimos a la sala de informática y allí conformamos los grupos de trabajo para el proyecto y el docente explico las pautas para el trabajo.

GRUPO DE TRABAJO: (Nº3)
-Karen Villamizar.
-María García.
-Daniel Camacho.
-Nicolas Toledo.
-Silvia Gonzalez.

En la segunda hora socializamos las dudas con el docente acerca de las publicaciones en la pagina web y explico estas.

Bootstrap jQuery Modal

Las ventanas modales de Twitter Bootstrap se crean usando un plugin de jQuery personalizado. Se puede usar para crear ventanas modales para enriquecer la experiencia del usuario o para añadir funcionalidad a los usuarios.
En este artículo vamos a explicar como disponer de ventanas modales de Twitter Bootstrap Modals.
En nuestro <head> deberemos añadir los estilos de Bootstrap.
<link href="bootstrap.css" rel="stylesheet">
La ventana ya presenta una visualización bastante buena pero podemos cambiarla editando la hoja de estilos.
En nuestro <body> necesitaremos crear un link que abrirá la ventana:
<a data-toggle="modal" href="#example" class="btn btn-primary btn-large">Abrir ventana modal</a>
Ahora tendremos justo debajo el código que representa la ventana en display:none.
<div id="example" class="modal hide fade in" style="display: none;">
    <div class="modal-header">
        <a data-dismiss="modal" class="close">×</a>
        <h3>Cabecera de la ventana</h3>
     </div>
     <div class="modal-body">
         <h4>Texto de la ventana</h4>
        <p>Mas texto en la ventana.</p>                
    </div>
    <div class="modal-footer">
        <a href="index.html" class="btn btn-success">Guardar</a>
        <a href="#" data-dismiss="modal" class="btn">Cerrar</a>
    </div>
</div>
Y finalmente solo faltará incluir los scripts antes de la etiqueta de cierre </body>:
<script src="jquery.js"></script>
<script src="bootstrap-modal.js"></script>
TOMADO DE: https://www.jose-aguilar.com/blog/bootstrap-modal/
Publicadas por a la/s No hay comentarios.:

CRONOGRAMA PRIMER BIMESTRE

cronograma-1
Publicadas por a la/s No hay comentarios.:
Suscribirse a: Entradas (Atom)