Es la segunda vez* que he sido invitado al programa ‘La merienda’ para hablar de educación. Desde aquí agradecer la oportunidad a Fernando Castilla la amabilidad de invitarme.
*Antes había tenido la oportunidad de participar en dos ocasiones para promocionar la matrícula en la formación de adultos, pero no tengo los vídeos.
En el enlace inferior tienes varias fotografías
Crea un documento de texto llamado Hardware_tunombre
Copia las imágenes y realiza las actividades en el documento.
Guarda el documento en Genérico/Informatica
Pon un comentario en esta entrada indicando lo que has hecho.
Sube el documento a la plataforma EVAGD siguiendo las indicaciones del profesor o bien las instrucciones de este vídeo
Vamos a ver un pequeño ejemplo de programa con Sphero mini
Se puede ver que, aunque la programación es un bucle, el movimiento resultante no es totalmente simétrico. El Sphero patina sobre la superficie.
En este resumen tienes las actividades puntuables de la evaluación. Comprueba que una vez las has hecho, has puesto el enlace correspondiente.
html Colores.Formato texto.Listas
MakeCode componemos una canción
Scratch juego persecución
Usaremos la etiqueta <table> para definir tablas.
<tr> nos servirá para abrir filas y <td> para celdas (las tablas no tienen por qué ser rectangulares)
Hay atributos especiales para definir el borde de la tabla, la separación entre celdas, el encabezamiento…tienes más detalles por aquí o por allá.
Actividad:
Crea una tabla donde indiques los distintos elementos de html que hemos aprendido hasta ahora. Para que veas un ejemplo:
Fuente de la imagen: Tablas en HTML (htmlquick.com)
Tienes un editor de html con ejemplos de tabla aquí https://html-online.com/editor/
Aquí tienes otro editor, cortesía de Nerea:
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
El código básico de una tabla, por si todavía no lo has encontrado es:
<table class="default"> <tr> <td>Celda 1</td> <td>Celda 2</td> <td>Celda 3</td> </tr> <tr> <td>Celda 4</td> <td>Celda 5</td> <td>Celda 6</td> </tr> </table>La profesora Ángeles Dorta realiza con su alumnado del IES Buenavista una exposición de objetos y fotografías matemáticas realizada con su alumnado.
Como ya sabemos, Ángeles no solo es una excelente profesora de matemáticas, también es una experta en papiroflexia.
Entradas anteriores de Papiroflexia:
Tutorial de papiroflexia | Blog de Aula de Pantaleón Hernández Rodríguez (gobiernodecanarias.org)
Nuevo vídeo de papiroflexia | Blog de Aula de Pantaleón Hernández Rodríguez (gobiernodecanarias.org)
San Valentín | Blog de Aula de Pantaleón Hernández Rodríguez (gobiernodecanarias.org)
Enhorabuena por esa labor, Ángeles.
Puedes controlar la fuente, tamaño y color como sigue :
Ejemplo de uso: <FONT FACE=Arial>este texto está en Arial</FONT> <FONT FACE=Verdana>este texto está en Verdana</FONT>
Ejemplo: <FONT SIZE=5>Aquí va el texto en tamaño 5</FONT>
HTML entiende ambas opciones, sin embargo es mucho más sencillo que te los aprendas por sus nombres.
Ejemplo: <FONT COLOR=GREEN>Aquí va el texto en color verde</FONT>
Lista de los colores incluyendo su número:
Black #000000 Silver #C0C0C0 Gray #808080
White #FFFFFF Maroon #800000 Purple #800080
Fuchsia #FF00FF Green #008000 Lime #00FF00
Olive #808000 Yellow #FFFF00 Navy#000080
Teal #008080 Aqua #00FFFF
Como ya hemos hablado puedes fijar el color de texto con el código RGB:
por ej. en esta página Html Colors
Etiquetas para párrafos
Nuevo párrafo (dos espacios): <P>
Línea horizontal: <HR>
Salto de línea (un espacio): <BR>
Otra etiqueta interesante :Preformateado: <PRE>Texto que conserva todos sus espacios y tabuladores</PRE>
Listas
Un elemento típico de elemento en las páginas web son las listas.
Hay dos tipos básicos: las listas ordenadas y las desordenadas
En el caso de las listas ordenadas el código se abre con <ol> (ordered list), el caso de las desordenadas <ul> (unordered list). En ambos casos cada elemento de la lista se inserta como <li> y se cierra como </li>. Las listas pueden anidarse (poner una lista dentro de otra)
Las listas se pueden crear unas dentro de otras.
Actividades:
2 Crea una página llamada ‘Prueba de listas’:
Podría ocurrir que necesitáramos anidar una lista dentro de otra. Por ejemplo imagina la siguiente situación .Tengo una agenda de actividades para realizar en cierto orden : 1) La compra 2) Ir a la biblioteca 3) Recoger a dos amigos . A su vez cada una de estas actividades implica elementos dentro : Debo comprar embutido, agua y pilas, he de devolver ‘La historia interminable’ y ‘La regenta’ a la biblioteca y debo recoger a Marta y Felipe.
Escribe el código para el ejemplo anterior y muestra cómo debería ser el resultado.
Nota: una forma de probar tu código antes de ponerlo en una web es mediante simuladores como CSSDesk – Online CSS Sandbox
El siguiente texto lo vamos a copiar en un editor de texto plano (no en word o en wordpad o en writer) al guardarlo se graba con la extensión 'txt'. volverlo a abrir y guardarlo como 'hmt' o 'html'. Aparecerá con el icono para abrir con el navegador web 1 <html> <head><title>Mi primera web</title></head> <body> Hola Mundo <b>html</b>.<br> </body> </html> web2 <html> <head><title>Web de textos</title></head> <body> Estoy aprendiendo <b>html</b>.<br> Creo que puede ser divertido ser autor de mi propia web <i>desde el código</i>.<br> Lo más importante para ir aprendiendo : <u>saber leer y copiar sin errores<u>.<br> </body> </html>
La siguiente actividad será esta:
Si quieres saber más: