viernes, 20 de enero de 2017

Primera web con un programa

Os presento una web realizada con un programa de diseño
Pulsa para ir a la web
Mediante el programa de diseño web gratuito Kompozer, hemos realizado la página, pero Kompozer no proporciona ni un dominio (Ejemplo: profesortico.com), ni un espacio (200 Gb para almacenar páginas, fotos, archivos, etc.). Para subir la web necesitaríamos contratar los servicios de un hosting web (uno de los mejores en calidad-precio es www.hostso.com), nos cobrarán por el dominio (si está disponible) 20 €/año y por el espacio desde 20 € (más espacio y más velocidad será más caro).
La solución que hemos optado para poder tener un dominio y un espacio gratuito, es decir, subir a
Internet la web que hemos creado con Kompozer ha sido la siguiente:
1. Hemos presionado la tecla de código HTML
2. Hemos copiado el código resultante de nuestra página diseñada.
3. Nos hemos ido a Thimble y creado un proyecto nuevo.
4. Pegado el código HTML de Kompozer.
5. Pulsado a Publicar para que Thimble nos proporcione un espacio gratuito y un dominio https://thimbleprojects.org/roberto-cc/188309/ también gratuito
Los pasos son complicados, porque hemos tenido que cambiar cosas del código, sería mucho más sencillo subir los archivos directamente desde nuestro host, pero... Este método es gratuito. Otra pega es el nombre feo del dominio, sería más bonito y comercial www.robertocastillo.com

Página web creada con Google Sites

Os presento una página web creada con el nuevo formato de Google Sites. Solo tenemos que entra en nuestra de gmail, ir a Sites y fácilmente crearemos la WEB
Ir a página



viernes, 2 de diciembre de 2016

Primera página Web programada en lenguaje html

Os presento una página web que he realizado en html, su dirección URL es:  https://thimbleprojects.org/roberto-cc/142864


Aquí esta el código para realizar la página web:

<html>
  <head>
    <title>Página html de Roberto Castillo</title>
    <meta charset="utf-8">
    <style>
      body {
        background-color: #81F7F3;
      }  
    </style>
  </head>
  <body>
    <p>
      <b>PÁGINA WEB PERSONAL DE ROBERTO CASTILLO</b>
    </p>
    <p>
      Visita la <a href="https://scratch.mit.edu/projects/130110210/">página de un proyecto Scratch</a>, en la que hay una animación educativa sobre Halloween
    </p>
    <p>
      El <b>fantasma, el murciélago y el nano</b> son los objetos.
    </p>
    <p>
      El <i>camino</i> es el escenario.
    </p>
    <p>
      Y ahora añadimos una imagen del proyecto:
    </p>
      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8go3BHgFj7uB4kQwOmTIqY2BdQT98z0OdIRCAf9W4hLYgC0153GAdRG3Xm9Q9bg6GeD7gD8daN26nTr5IP1jNr2ZTBM340TxlUtda0DeBbgbDoGX6X6-6tVG8ytQ5vLBxcYeTwY3BZOJB/s640/CAMINO.png" width="800" height="450" />
  </body>
</html>

jueves, 24 de noviembre de 2016

App. Calcula el área del círculo

En esta nueva entrada os enseñare como hacer una aplicación para calcular el área de un círculo:

A continuación pondré el diseño

Y ahora pondré los bloques: 

viernes, 11 de noviembre de 2016

Iconos para aplicaciones móviles

Para realizar iconos en nuestras aplicaciones móviles, debemos realizar los siguiente:
1. Buscar imágenes que nos convenzan.
2. Abrirlas en Microsoft Picture Manager para recortarlas y cambiar el tamaño a 100x100 píxeles (de esta forma ocuparan poco espacio las imágenes.)
3.Abrimos nuestra aplicación en App Inventor y subimos el icono.
Ejemples de iconos:


                                                                   Icono AudioGuía:


Icono VozaTexto:


Icono calculadora:




jueves, 3 de noviembre de 2016

Desarrollo de la App Voz a Texto

Hoy voy a mostraros el desarrollo de una aplicación para dispositivos móviles que nos permitirá convertir nuestra voz a texto, luego el texto podrá ser usado en otras apps.
Pantalla de diseño:
Los bloques de programación son:


viernes, 28 de octubre de 2016

Desarrollo de animación para Halloween

A continuación os mostraré el desarrollo de la animación hecha en Scratch(Pulsa para ver la aplicación):



La programación del fantasma:


La programación del murciélago:


La programación del nano: