miércoles, 20 de noviembre de 2024

HTML: Los FORMULARIOS

 Formularios:

Los formularios web son uno de los principales puntos de interacción entre un usuario y un sitio web o aplicación.
Los formularios permiten a los usuarios la introducción de datos, que generalmente se envían a un servidor web para su procesamiento y almacenamiento (más adelante veremos cómo enviar los datos de un formulario).
El HTML de un formulario web está compuesto por uno o más controles de formulario.
Los controles pueden ser campos de texto de una o varias líneas, cajas desplegables, botones, casillas de verificación o botones de opción, y se crean principalmente con el elemento <input> aunque hay algunos otros elementos que también hay que conocer.

Primero, se recomienda diseñar el formulario. Tiene que ser simple y conciso: solicita sólo los datos que necesitas.

Etiquetas para crear un  formulario:

Etiqueta <form>
Permite definir un formulario de datos, utilizados para transferir datos al servidor. Un formulario puede contener a su vez, elementos de entrada como pueden ser campos de texto, casillas de verificación, botones de radio, botones de envió, listas de selección, áreas de texto, etc. 

Etiqueta <label>
Representa una etiqueta para un elemento en una interfaz de usuario. 

Etiqueta <input>
Es una de las etiquetas más importantes para la solicitud de datos mediante formularios, ya que es la que permite especificar los tipos de datos que se quieren solicitar para su posterior envió.
La etiqueta permite mediante uno de sus atributos especificar el tipo de dato a solicitar, de forma que se pueda componer un formulario que solicite los datos acordes a una estructura idónea para la recepción de los mismos por parte del servidor.

Distintos tipos de datos:
  • text: Campo de texto de línea simple. Los saltos de línea son eliminados automáticamente del valor introducido.
  • email: campo para direcciones de correo
  • password: Control de línea simple cuyo valor permanece oculto.
  • date: campo de fecha
  • submit: Botón que envía el formulario.   
  • reset: Botón que  anula el formulario.   
Etiqueta <textarea>
Representa un control para la edición multilínea de texto sin formato.


 ACLARACIÓN SOBRE los FORMULARIOS:
En este nivel vemos sólo la estética del formulario. 
El funcionamiento de un formulario, para guardar los datos que se ingresan se realiza con programación usando PHP. 

EJEMPLO INICIAL:
SE VE ASÍ: 👇




martes, 19 de noviembre de 2024

HOY: El Teclado






Ingresamos a WORD practicamos escribir signos de admiración y de pregunta, paréntesis,  TILDES,  dos puntos, signo de porcentaje.

COMO REGLA PARA QUE RECUERDEN:
Si el signo está pintado en la tecla en la parte SUPERIOR, eso indica que hay que apretar la tecla MAYUS o flecha para arriba al mismo tiempo que la tecla donde está el signo. HAY QUE USAR DOS DEDOS!







jueves, 14 de noviembre de 2024

martes, 12 de noviembre de 2024

COLOREA TU OBRA de ARTE

 


COMO SE REFLEJA LA LUZ?


 

OLIMPIADAS

 


FIGURAS GEOMÉTRICAS

¡Con PALITOS  y MASA vamos a crear las FIGURAS GEOMÉTRICAS!

En grupos DE A DOS, donde uno coloca los palillos y el otro hace las bolitas de masa... empezamos por el triángulo.
¿QUÉ SUCEDE SI COLOCAMOS PALILLOS "PARADOS"? 
¡Construimos CUERPOS GEOMÉTRICOS!


AHORA VAMOS A DIBUJARLOS en PAINT 3D.

Buscamos este ícono en la computadora (en la barra inferior)



SECUENCIAS CON DINOSAURIOS

 


JUGAMOS AL BINGO MATEMATICO?

 
PRIMERO DEBERAS SELECCIONAR QUE TIPO DE OPERACIONES QUIERES PRACTICAR

domingo, 10 de noviembre de 2024

ROBÓTICA: SENSOR ULTRASÓNICO y SERVO MOTOR - Barrera de PEAJE

 



¿CÓMO SE PROGRAMA?



ROBÓTICA: EL SERVO MOTOR


Servomotor (también llamado Servo) es un dispositivo que tiene la capacidad de ubicarse en cualquier posición dentro de su rango de operación, y mantenerse estable en dicha posición. Está conformado por un motor, una caja reductora y un circuito de control.
Sólo puede girar entre 0 y 180 grados.

Se utiliza mucho para crear BARRERAS.
Por eso, nuestra primera práctica será abrir y cerrar una "barrera"

¿Cómo se programa?
Se utiliza esta orden 👇 dentro del grupo MOTORES.
Si queremos una barrera que ABRA y CIERRE permaneciendo en cada posición 2 segundos...
la programación será:
Debemos tener en cuenta que tanto el conector como los ángulos pueden variar.




martes, 5 de noviembre de 2024

¡A encontrar dos iguales!


 

HTML: TABLAS

 Tablas


Una tabla en un conjunto de celdas organizadas dentro de las cuales podemos alojar distintos contenidos.
En general, sirven para representar información tabulada, en filas y columnas.
Para componerlas se hace uso de otras etiquetas, las cuales no tienen sentido sino están situadas dentro de una etiqueta de <table>. Estas etiquetas son las siguientes: <table> <th> <tr> <td>



Se verá así: 
Combinación de Columnas:
El atributo colspan  permite realizar la combinación de varias columnas en una sola. Para especificar el valor del atributo, se debe indicar el número de columnas sobre las que se quiere realizar la combinación, utilizando un valor numérico encerrado entre comillas dobles.


Combinación de filas:
También se puede realizar la combinación de filas, mediante el atributo rowspan. Observen en qué fila agregué el atributo rowspan. Agregué más alumnos para que tenga más sentido.


SCRATCH JR - Actividad 2

                                          1)  Ingresamos a SCRATCH JR, haciendo  CLIC  EN LA IMAGEN


2)  Hacemos CLIC en la CASA


3) Hacemos CLIC en el signo + (NUEVO PROYECTO)

4)  Seleccionamos un FONDO y un PERSONAJE, eliminamos al personaje que no necesitamos.

¡Yo elegí al avión!




¿Cómo creamos un nuevo personaje?
¡Lo Dibujamos!


5) Agregamos la programación. ¡Aprendemos a REPETIR!


Cuando lo hayas terminado, agregale:

1) Un  SOL  girando 50 veces. Podemos hacer que se mueva despacio....
2) Un PATO que nada, mete la cabeza en el agua  y sigue nadando...


sábado, 2 de noviembre de 2024

SCRATCH: Casi un PACMAN

 - Les doy el fondo y la frutilla.  Deben agrandar el fondo para que ocupe toda la pantalla.

- Será necesario achicar el tamaño de la frutilla.

- Ustedes crean al PACMAN con dos disfraces.

- El PACMAN debe ABRIR  y CERRAR la boca todo el tiempo, desde que se presiona la bandera verde.

- Si se tocan las líneas del laberinto, se pierde y PACMAN debe volver a su posición inicial.

- Si se "Come" la frutilla, se suman 100 puntos. Las frutillas deben aparecer en una posición y desaparecer cuando son "comidas" (cuando PACMAN las toca). Debe escucharse un sonido cuando se come a la frutilla.





Este es el juego que deben imitar. PACMAN comienza en una posición (coordenada). Vuelve a esa posición cuando toca las líneas del borde. 

PACMAN se mueve con las flechas (arriba, abajo, derecha e izquierda).

martes, 29 de octubre de 2024

Palabras AGUDAS, GRAVES y ESDRÚJULAS

 Crea el siguiente cuadro en WORD , usando TABLAS.

¡Presta atención a la demostración!


Escribe 2 ejemplos para cada clasificación.



HACEMOS UNA CALABAZA DE HALLOWEEN

 


COLOREAMOS UNA OBRA DE ARTE


 

MY SUPERHERO - Mind Map on Jamboard

Today we are going to work on JAMBOARD 

and we are going to create a Mind Map about our SUPERHERO !






Here are some examples 👉🏼 Example DASH   /    Example VIOLET


INSTRUCTIONS:

1️⃣Ingresamos a Jamboard 

2️⃣Hacemos click en el simbolo + (abajo a la izquierda)
                                    

3️⃣ Primero, vamos a cambiar el nombre del archivo. 
Hacemos click en "Untitled Jam" y le vamos a poner nuestro nombre y grado. 




4️⃣ Luego, vamos a colocar la imagen de nuestro Super Hero en el centro.
Hacemos click en "Add image" y luego en "Google Images" para buscar nuestra imagen.






5️⃣ Por último, vamos a colocar los cuadros con la información necesaria. 
Hacemos click en "Sticky note" y luego escribimos el texto. Podemos cambiar el color de cada cuadro. Cuando terminamos de escribir hacemos click en "Save". 






Well done! Our Jamboard is saved in Google Drive and we can share it 🙂👏

¡Vamos a preparar Batidos!

 


LA PIRAMIDE MAGICA

 


¡Vamos a rescatar a AMONG US! - ¡Juego de Lógica y Estrategia!