Entradas

Mostrando entradas de marzo, 2018

Etiqueta -pre-

Esta etiqueta nos permite situar líneas de texto en la fila de abajo, para crear distintos párrafos. Según la información de  https://www.w3schools.com/ : Definition and Usage The <pre> tag defines preformatted text. Text in a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks.

Alineación en html5

<h2 style="text-align: center;"> Prueba </h2> El atributo "text-align:" cambia a "center" para situar el texto en medio de la hoja, anteriormente aparecía "left" y el texto estaba situado en dicha dirección.

API's Interesantes para HTML

Definición de API: Son un conjunto de comandos, funciones y protocolos informáticos que permiten a los desarrolladores crear programas específicos para ciertos sistemas operativos . Las API simplifican en gran medida el trabajo de un creador de programas, ya que no tiene que «escribir» códigos desde cero. Estas permiten al informático usar funciones predefinidas para interactuar con el sistema operativo o con otro programa . La abreviatura viene del término en inglés Application Programming Interfaces (Interfaces de programación de aplicaciones). Fuente: http://www.abc.es/tecnologia/consultorio/20150216/abci--201502132105.html  

Práctica 0 html

Prueba Al teclear "prueba", vemos que en la ventana de html sólo aparece la misma palabra. En cambio; si le damos el estilo de encabezado aparecen los comandos "<h2>" y "</h2>" que indican el principio y fin de este formato. Si ponemos el texto en negrita, en el apartado de html aparecen escritos los códigos "<b>" y "</b>" también para indicar el principio y el fin del texto que queremos poner en negrita.

Práctica de Processing VIII

Imagen
En esta actividad combinamos algunas de las instrucciones vistas hasta ahora, creando una postal de Navidad interactiva. Aunque la Navidad pasó hace mucho 😅 PImage img;                                       PImage img2; int copo1=0;              // generamos variable copo1 int copo2=20; void setup() {   PFont mono;                                             size(1069, 668);   mono = loadFont("BerkshireSwash-Regular-72.vlw"); // cargamos la fuente   textFont(mono);   img = loadImage("tn_220327_b772330fd0d2.jpg...

Práctica de Processing VII

Imagen
Para esta asignación, tuvimos que trabajar con funciones y matrices (arrays): El 1º,  Métodos o funciones que no devuelven ningún valor. En este caso el dibujo de una estrella. int x;     int y; int radio; int estrella;      // nombro las distintas variables void setup (){ size(600,600); x=width/2;          // establezco que x es la mitad de la anchura del lienzo y=height/2;         // establezco que y es la mitad de la altura del lienzo radio = 500;        // doy un valor a radio } void draw (){ background(255,255,255); strokeWeight(20); estrella(x,y,radio);      // indico las dimensiones del dibujo que quiero realizar } void estrella(int x, int y, int radio)    // indico que variables utilizaré, la funcion void no devuelve ningun valo { noFill(); stroke(0,0,255); triangle(x,y-240,100,...

Práctica de Processing VI

Imagen
Esta práctica consigue en cargar imágenes de distintas fuentes. De los archivos del propio ordenador (Local) PImage img; void setup() { size(440,225); img = loadImage("gudetama-candy-2.png");   //cargamos la imagen } void draw() { image(img, 0, 0);   // función para que aparezca, indicando su ubicación } De Internet (Online) PImage webImg;   // el programa reconoce el archivo que hemos añadido void setup() {   size(800, 450); String url = "http://www.comerciodojahu.com.br/arquivos/auto/noticias/170629194801_Pagina14_cats_02.jpg";   // cargamos la url de la imagen de Internet   webImg = loadImage(url, "jpg");   // designamos su formato } void draw() {   background(0);   image(webImg, 0, 0); } Además, creamos una composición de imágenes con diferentes oscuridades para simular el paisaje diurno y nocturno PImage playa;   int oscuridad;   // creamos la variable os...