Primera página web programada en lenguaje html

Os presento una página que he realizado en html. Su dirección URL es:



https://thimbleprojects.org/phernansaiz13/142870/


 El código para realizar la página:
<html>
  <head>
    <title>Página html de Pablo Hernansaiz
    </title>
    <meta charset="utf-8">
    <style>
      body {
        background-color: #58FAAC ;
      }
    </style>
  </head>
  <body>
    <p>
      <b>PÁGINA WEB PERSONAL PABLO HERNANSAIZ</b>
     
    </p>
    <p>
      Visita la <a href="https://scratch.mit.edu/projects/127770876/">página de un proyecto Scratch</a>,donde hay una animación educativa  de Halloween bilingüe donde los objetos se desplazan.
     
    </p>
    <p>
      El <b> el murciélago, la bruja y el fantasma </b> son los objetos.
    </p>
    <p>
      El <i>bosque tenebroso </i> es el escenario.
    </p>
    <p>
      Y ahora añadimos una imagen del proyecto:
     
    </p>
    <p>
     
      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb1qO0qe1VdDJ23sPB-LdzsWVMjEDH2JnjUnECvwDXNolqmncGAq42lx4AvANEol1ba7FvhcVF4on0zyqByh-RPR9xNvun5lHoaqyz5R_2YZKgEyKy98KTGLI8oyAVn9ZpU3qTJsqxZKA/s1600/halloween2.png" width="" height="450" />
    </p>
  </body>
</html>
La foto del código es:

Calcular Área de un círculo

Os voy a presentar como calcula el área de un círculo con esta aplicación móvil.
Estas es la pantalla de inicio:

Estos son los bloques:

Iconos para aplicaciones móviles

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

Icono para la App Texto a Voz.

                                                          Icono para App Calculadora.

Animación de Scratch controlando las coordenadas

Aquí os mostrare como hacer una animación de un guacamayo controlando sus coordenadas.
Estos son lo pasos:

Pulsa aquí para entrar en la aplicación

Aplicacíon Voz a Texto

Hoy vamos 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 por Apps.
Pantalla de diseño:

Los bloques de programación son:

Animación bilingüe para niños

Os presento una animación de Halloween
Espero que os guste:

 Estos son los pasos para el fantasma:

Estos son los pasos para el murciélago:

Estos son los pasos para la bruja:

El enlace de la página es el siguiente:
https://scratch.mit.edu/projects/127770876/#editor

Desarrollo de la APP texto a voz

A continuación, os mostraré el desarrollo de una aplicación para dispositivos móviles que permite transformar un texto escrito a voz.


La pantalla de diseño es:

Los bloques de la aplicación son: