Una de Radio

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.

Publicado en Multimedia | Etiquetado , | Deja un comentario

Inicio Hardware

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

Publicado en Informática | Etiquetado , , | 7 comentarios

Herbario

Nuestra compañera de Biología, Violeta, ha realizado un herbario con su alumnado de 1º de ESO

¡Enhorabuena por ese hermoso trabajo!

Publicado en Ciencias Naturales | Etiquetado , | Deja un comentario

Protección de dat0s

Publicado en Master Tecnologías Educativas, Multimedia | Deja un comentario

Sphero Mini

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.

Publicado en Informática, Master Tecnologías Educativas | Etiquetado , | Deja un comentario

Actividades 3era Evaluación

En este resumen tienes las actividades puntuables de la evaluación. Comprueba que una vez las has hecho, has puesto el enlace correspondiente.

Html tablas

html Colores.Formato texto.Listas

Html inicio

MakeCode componemos una canción

Makecode microbit

Scratch juego persecución

VexCode dibujando cuadrados

Vexcode inicio

Vídeo-Presentación

Publicado en Multimedia | Deja un comentario

Html tablas

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>

Publicado en Multimedia | 16 comentarios

Exposición de objetos y fotografías matemáticas

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.

Publicado en Matematicas | Etiquetado , , | Deja un comentario

HTML : dando formato a texto y listas

Puedes controlar la fuente, tamaño y color como sigue :

  • FACE: Indica el tipo de letra,por ej. Arial,Times New Roman,Verdana.

Ejemplo de uso: <FONT FACE=Arial>este texto está en Arial</FONT> <FONT FACE=Verdana>este texto está en Verdana</FONT>

  • SIZE: Indica el tamaño en una escala del 1 al 7, donde 7 es la letra más grande y 1 la más pequeña. El tamaño más utilizado es 3

Ejemplo: <FONT SIZE=5>Aquí va el texto en tamaño 5</FONT>

  • COLOR: Indica el color del texto. El lenguaje estándar de HTML maneja 14 colores que puedes usar porque ya están predefinidos tanto por su nombre en inglés como por un número de referencia.

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:

  1. Crea un página llamada ‘web de textos’ con :
  • 1 color de fondo (que no sea blanco)
  • frases cada una con un tipo de letra y un color (deben poder leerse)
  • separaciones de párrafo entre frases
  • Una lista de la compra sin numerar

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

Publicado en Informática | Etiquetado , | 6 comentarios

HTML: Hello world

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:

HTML : nuestro inicio en la programación | Blog de Aula de Pantaleón Hernández Rodríguez (gobiernodecanarias.org)

Si quieres saber más:

Tutorial html básico

Publicado en blog, blogs, Informática, Multimedia | Etiquetado , | 13 comentarios