Hola a todos, me llamo Kevin Collazo de 1º Bach. Este va a ser mi blogg, donde iré subiendo prácticas y curiosidades. Espero que os guste. Cualquier consejo y/o ayuda, dejarla en los comentarios. 😃

 

Hoy os traigo un concepto que creo que es bastante importante que sería el uso de Scratch.

¿Que es SCRATCH?

Scratch es un lenguaje de programación visual desarrollado por el Grupo Lifelong Kindergarten del MIT Media Lab. Su principal característica consiste en que permite el desarrollo de habilidades mentales mediante el aprendizaje de la programación sin tener conocimientos profundos sobre el código. Recordar que es un programa gratis.

Aquí os inserto un enlace con una explicación con la cuál ya prodríamos empezar a trabajar con este programa.

Os recomendaría que os lo descargaseis ya que es un programa gratis con el cuál puedes dejar libre tu creatividad a la hora de la programación de un videojuego.

Os dejo aquí abajo un pequeño video introductorio a scratch para aquellas personas que son más principiantes y no saben como empezar.

Aparte os dejo aquí la descarga de la web oficial de scratch (no es necesario desacargarlo ya quue la web contiene una plataforma online que es como el programa, lo recomiendo para las personas que son principiantes).

Programación WEB: HTML

HTML es el lenguaje más básico para la creación de páginas web. Es usado para definir la estructutra y el contenido en forma de texto y complementar el texto de páginas web con imágenes, tablas y formularios. HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<, >). Por ejemplo:

-Mi gato es muy gruñon

<p>Mi gato es muy gruñon</p> 

Las partes principales de nuestro elemento son:

1. La etiqueta de apertura: consiste en el nombre del elemento (en este caso, p), encerrado por paréntesis angulares (< >) de apertura y cierre. Establece dónde comienza o empieza a tener efecto el elemento — en este caso, dónde es el comienzo del párrafo.
2. La etiqueta de cierre: es igual que la etiqueta de apertura, excepto que incluye una barra de cierre (/) antes del nombre de la etiqueta. Establece dónde termina el elemento — en este caso dónde termina el párrafo.
3. El contenido: este es el contenido del elemento, que en este caso es sólo texto.
4. El elemento: la etiqueta de apertura, más la etiqueta de cierre, más el contenido equivale al elemento.

Los elementos pueden también tener atributos, que se ven así:

Los atributos contienen información adicional acerca del elemento, la cual no quieres que aparezca en el contenido real del elemento. En este caso, el atributo class permite darle al elemento un nombre identificativo, que puede ser usado luego para apuntarle al elemento información de estilo y demás cosas.

Un atributo debe tener siempre:

1. Un espacio entre éste y el nombre del elemento (o del atributo previo, si el elemento ya posee uno o más atributos).
2. El nombre del atributo, seguido por un signo de igual (=).
3. Comillas de apertura y de cierre, encerrando el valor del atributo.

Anidando elementos:

Puedes también colocar elementos dentro de otros elementos  — esto se llama anidamiento. Si, por ejemplo, queremos resaltar una palabra del texto (en nuestro ejemplo la palabra "muy"), podemos encerrarla en un elemento <strong>, que significa que dicha palabra debe ser enfatizada:

<p>Mi gato es <strong>muy</strong> gruñon.</p>

Elementos vacíos:

Algunos elementos no poseen contenido, y son llamados elementos vacíos. Toma, por ejemplo, el elemento <img> de nuestro HTML:

<img src="images/firefox-icon.png" alt="Mi imagen de prueba">

Posee dos atributos, pero no hay etiqueta de cierre </img> ni contenido encerrado. Esto es porque un elemento de imagen no encierra contenido al cual afectar. Su propósito es desplegar una imagen en la página HTML, en el lugar en que aparece.

Anatomía de un documento HTML:

Hasta ahora vimos lo básico de elementos HTML individuales, pero éstos no son muy útiles por sí solos. Ahora veremos cómo los elementos individuales son combinados para formar una página HTML entera. Revisitemos el código de nuestro ejemplo en index.html .

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Mi pagina de prueba</title>
  </head>
  <body>
    <img src="images/firefox-icon.png" alt="Mi imagen de prueba">
  </body>
</html>

Tenemos:

• <!DOCTYPE html> — el tipo de documento. Anteriormente, cuando HTML era joven (cerca de 1991/2), los tipos de documento actuaban como vínculos a un conjunto de reglas que el código HTML de la página debía seguir para ser considerado bueno, lo que podía significar el chequeo automático de errores y algunas otras cosas de utilidad. Sin embargo, hoy día es simplemente un artefacto antiguo que a nadie le importa, pero que debe ser incluido para que todo funcione correctamente. Por ahora, eso es todo lo que necesitas saber.
• <html></html> — el elemento <html>. Este elemento encierra todo el contenido de la página entera, y, a veces, se le conoce como el elemento raíz (root element).
• <head></head> — el elemento <head>. Este elemento actúa como un contenedor de todo aquello que queremos incluir en la página HTML que no es contenido visible por los visitantes de la página. Incluye cosas como palabras clave, una descripción de la página que quieres que aparezca en resultados de búsquedas, CSS para dar estilo al contenido, declaraciones del juego de caracteres, etc.
• <body></body> — el elemento <body>. Encierra todo el contenido que deseas mostrar a los usuarios web que visiten tu página, ya sea texto, imágenes, videos, juegos, pistas de audio reproducibles, y demás.
• <meta charset="utf-8"> — este elemento establece el juego de caracteres que tu documento usará en utf-8, que incluye casi todos los caracteres de todos los idiomas humanos. Básicamente, puede manejar cualquier contenido de texto que puedas incluir. No hay razón para no establecerlo, y puede evitar problemas en el futuro.
• <title></title> — establece el título de tu página, que es el título que aparece en la pestaña del navegador cuando la página es cargada, y se usa para describir la página cuando es añadida a los marcadores o como favorita.