martes, 13 de abril de 2021

¿Qué es HTML?

HTML (HyperText Markup Language, lenguaje de marcado de hipertexto), es el lenguaje de marcado para la elaboración de páginas web. Define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web: texto, imágenes, vídeos, juegos...

Se considera el lenguaje web más importante siendo su invención crucial en la aparición, desarrollo y expansión de la World Wide Web (WWW). Es el estándar que se ha impuesto en la visualización de páginas web y es el que todos los navegadores actuales han adoptado.

En vez del bloc de notas, usaremos una herramienta para facilitarnos que se llama "NotePad++".

Link para descargar: link


Esta es la página de referencia para aprender el lenguaje: link


La estructura de una página HTML está compuesta por los siguientes elementos básicos:
  • <!DOCTYPE html>:los documentos comienzan con esta declaración que indica a los navegadores que tipo de archivo es.
  • <html>: elemento raíz que contiene todo el documento HTML, requiere cierre con </html>. Se compone  se <head> y <body>.
  • <head>: esta etiqueta cabecera contendrá la información  general de la página necesaria para los navegadores o servidores.
    • La única subetiqueta visible al usuario será <title> que  define el título de la página en el navegador.
    • Además consta de otra etiqueta <meta charset=”UTF-8”/> necesaria para indicar al navegador que tipo de codificación de caracteres utiliza el editor. Por ejemplo, se reconocerá las tildes y la letra ñ, así como otros caracteres especiales como €.
  • <body>: contiene la parte visible del documento HTML.
Ejemplo:



viernes, 22 de enero de 2021

Práctica 02: misLineasFor

 




Práctica 08: firmamento

 Con este reto vamos a aprender a gestionar las variables y a definir funciones.


Las variables según su ámbito de definción pueden ser:


variables locales: definidas y reconocidas en una función del programa.

variables globales: definidas para todo el ámbito del programa. En cualquier lugar podemos trabajar con ellas.

Para empezar vamos a crear un programa que nos dibuje una estrella en el centro de la pantalla. El tamaño de la ventana la definiremos en 600x400 pixels.




El dibujo de la estrella sería de la siguiente manera. Lo hacemos dibujando una línas horizontales, veticales, inclinadas y un círculo pequeño.




Definimos unas variables tipo entero para fijar la posición de la estrella en el centro de la pantalla. Utilizaremos las variables del sistema width y height


  


Observamos que el siguiente programa no funcionaría porque las variables x e y serían locales y solo se conoce dentro de la función void setup()


Para definir la funcion que dibuja una estrella


void dibujaEstrella (){


}




dentro de los corchetes escribimos las instrucciones que queremos que se ejecuten cuando llamemos a la función




Para llamar a la función:


dibujaEstrella ();


Utilizando la instrucción random(); realizar el programa que va dibujando un firmamento de estrellas.


Vamos a cambiar la definición de la función y le 




Contamos el número de estrellas y las imprimimos mediante la función println();


ayuda de la función println();








Práctica 05: supernova

 





Práctica 03: lineasAleatorias

 










jueves, 21 de enero de 2021

Funciones Processing

size(ancho,alto)

Nos permite cambiar el tamaño de la ventana. Los parámetros indican el ancho y el alto (en pixels)