
Presentación formal del profesor
Descripción del curso mas ejemplo de muestra
Definición y ejemplos de fichero
Definición y ejemplos de HTML
Definición y ejemplos de Javascript
Definición y ejemplos de CSS
Definición y ejemplos de pagina web
Definición y ejemplos de compilador
Definición y ejemplos de fichero .sb3
Definición y ejemplos de fichero .html
Definición, ventajas y desventajas de HTML-LIFIER
Abrir en un navegador web que soporte Javascript y este actualizado el proyecto online HTML-LIFIER
Descargar el programa HTML-LIFIER y ejecutarlo
Seleccionar proyecto de Scratch que este almacenado en nuestro ordenador o dispositivo móvil
Seleccionar icono tanto en formato .ico como en formato .png
Aprender a buscar iconos en la pagina Flaticon
Seleccionar imagen de fondo
Color de la barra de progreso de carga
Bandera Verde pulsada automáticamente
Mostrar botón de pantalla completa
Mostrar botón de iniciar y parar que equivale al botón bandera verde
Mostrar botón para descargar el archivo .sb3 del estado actual de tu proyecto
Selección de la imagen mostrada al cargar el programa o proyecto
Usar el cursor de fabrica
Usar cursos modificado, puede ser en .png pero con un tamaño de pixeles de 32 x 32 o mayor
Compilar el proyecto subido de Scratch a HTML
Probar nuestra pagina web y toda la configuración que hicimos
Comparación con la app de Scratch original y la pagina web
En este curso, aprenderán conceptos:
Fichero o archivo
HTML lenguaje universal
Javascript
Css
Pagina Web
Compilar
Fichero o archivo .SB3 de Scratch
Fichero o archivo .HTML de HTML
Html-lifier
En este curso, aprenderán:
Abrir Html-lifier online
Descargar y abrir Html-lifier offline
Seleccionar proyecto de Scratch desde el ordenador
A modificar texto mostrado en la pestaña del navegador para nuestro proyecto
A poner icono en la pestaña del navegador para nuestro proyecto
A poner imagen de fondo detrás de nuestra interfaz creada
A poner una barra de carga y modificar su color
A mostrar botones inherentes de Scratch en nuestra pagina web o archivo HTML
A mostrar una imagen tipo logo que inicie junto con la barra de carga
A usar el puntero del mouse nativo del sistema operativo que usemos
A usar un puntero del mouse diferente al nativo del sistema operativo
A buscar iconos en la pagina Flaticon y descargarlos en los diferentes tamaños, para usarlos en nuestros proyectos de Scratch y tambien para crear el Html del mismo
Con estas técnicas podrás convertir tu proyecto de Scratch a una pagina web totalmente funcional, permitiéndote abrir tu programa en cualquier plataforma que tenga un navegador, ya sea un ordenador (PC), una tableta, un celular, hasta un reloj inteligente con navegador web que soporte Javascript.