lunes, 9 de junio de 2014

COMO UTILIZAR LOS COMANDOS HEADER, NAV, SECTION

<!DOCTYPE html>
<html lang="es">
 <head>
  <title>CEis:centro de estudios ingenieria de sistemas </title>
  <meta description="grupos de estudio para las materias de ingenieria de sientemas"/>
  <meta charset="utf-8" />
 </head>
 <body>
   <header>
     <figure>
        <img src="images.jpg" />
     </figure>
   <h1> CEis:centro de estudios ingenieria de sistemas </h1>
     <figure>
       <img src="descarga.jpg" />
     </figure>
     </header>

 <nav>
   <ul>
     <li>
      <a href="#" > html5 </a>
     </li>
     <li><a href="#" > BD</a></li>
     <li><a href="#" > java</a></li>
     <li><a href="#" > publicar</a></li>
   </ul>

<section>
 <article>
   <figure>
     <img src="publicacion.jpg" />
   </figure>
    <h2>uso del canvas en html5</h2>
 <div class="item_description" >
vamos a ver el uso del api canvas de html5 y vamos a realizar el juego de la serpiente
 </div>

java scrip

<!DOCTYPE html>
<html lang="es">
   <head>
       <title>Ejercicios java script</title>
       <script type="text/javascript">
         // esto es un comentario javascript
       
         var numero = 0;
         var mensaje = "esto es una cadena";
         var bandera = true; //true o false

         function suma(){
             var totalsuma = 5 + 8;
             alert(totalsuma);
              }
             suma();
            
    </script>
</head>
<body>

</body>
</html>

para que la suma me salga entre comillas dobles

para que la suma me salga entre comillas dobles

<!DOCTYPE html>
<html lang="es">
   <head>
       <title>Ejercicios java script</title>
       <script type="text/javascript">
         // esto es un comentario javascript
       
         var numero = 0;
         var mensaje = "esto es una cadena";
         var bandera = true; //true o false

         function suma(){
             var totalsuma = 5 + 8;
             alert("el total de la suma es \"" + totalsuma + "\"");
              }
             suma();
            
    </script>
</head>
<body>

</body>
</html>

SUMA CON CAJAS DE TEXTO

SUMA CON DOS CAJAS DE TEXTO

<!DOCTYPE html>
<html lang="es">
   <head>
       <title>Ejercicios java script</title>
       <script type="text/javascript">
         // esto es un comentario javascript
       
       

         function suma(){

         var numero1 =document.getElementById("txtNumero1").value;
         var numero2 =document.getElementById("txtNumero2").value;
         var totalsuma = parseInt(numero1) + parseInt(numero2);
             alert("el total de la suma es\n \"" + totalsuma + "\"");
              }

             //suma();
           
            
    </script>
</head>
<body>
  <form>
    <input type="text" id="txtNumero1" />
    <input type="text" id="txtNumero2" />
    <input type="button" onclick="suma();" value="calcular" />
  
   
             
  </form>
</body>
</html>

calculadora

<!DOCTYPE html>
<html lang="es">
   <head>
       <title>Ejercicios java script</title>
       <script type="text/javascript">
         // esto es un comentario javascript
       
       

         function suma(){

         var numero1 = $("txtNumero1").value;
         var numero2 = $("txtNumero2").value;
         var totalsuma = parseInt(numero1) + parseInt(numero2);
             alert("el total de la suma es\n \"" + totalsuma + "\"");
              }

             //suma();
           
        function $(id){
              return document.getElementById(id);
             }
    </script>
</head>
<body>
  <form>
    <input type="text" id="txtNumero1" />
    <input type="text" id="txtNumero2" />
    <input type="button" onclick="suma();" value="calcular" />
  
   
             
  </form>
</body>
</html>
COMO MOSTRAR UNA IMAGEN EN HTML JUNTO CON UN COMENTARIO MAS UNA BARRA DE NAVEGACION

<!DOCTYPE html>
<html lang="es">
 <head>
  <title>CEis:centro de estudios ingenieria de sistemas </title>
  <meta description="grupos de estudio para las materias de ingenieria de sientemas"/>
  <meta charset="utf-8" />
 </head>
 <body>
   <header>
     <figure>
        <img src="images.jpg" />
     </figure>
   <h1> CEis:centro de estudios ingenieria de sistemas </h1>
     <figure>
       <img src="descarga.jpg" />
     </figure>
     </header>

martes, 6 de mayo de 2014

HTML

<html>
<head>
 <body style="background:#267754"/>
 <title>mi pagina</title>
<script>alert ("hola mundo");
function saludo(){
    alert ("bienvenido " + document.getElementById("txtn").value);
}
</script>
</head>
<body>
<h1>hola mundo </h1>
<form>
<input type="text"  id="txtn"> </input>
<input type="button" onclick="saludo()" value="ejecutar"</input>
</form>
</body>
</html>

domingo, 20 de abril de 2014

App Inventor

Google App Inventor es una aplicación de Google Labs para crear aplicaciones de software para el sistema operativo Android. De forma visual y a partir de un conjunto de herramientas básicas, el usuario puede ir enlazando una serie de bloques para crear la aplicación. El sistema es gratuito y se puede descargar fácilmente de la web. Las aplicaciones fruto de App Inventor están limitadas por su simplicidad, aunque permiten cubrir un gran número de necesidades básicas en un dispositivo móvil.
Con Google App Inventor, se espera un incremento importante en el número de aplicaciones para Android debido a dos grandes factores: la simplicidad de uso, que facilitará la aparición de un gran número de nuevas aplicaciones; y el Android Market , el centro de distribución de aplicaciones para Android donde cualquier usuario puede distribuir sus creaciones libremente.