Ir al contenido principal

Entradas

Mostrando entradas de diciembre, 2017

Posicionamiento de las cajas en html5

Posicionamiento de las cajas en HTML5 Utilizando css se puede modificar la posición en la que se muestran las cajas en html, hoy vamos a hablar de 3 modelos de posicionamiento en las cajas Posicionamiento flotante En este posicionamiento se desplaza las cajas todo lo posible hacia la izquierda o hacia la derecha de la línea en la que se encuentran. Código html5 y ccs3 necesario para el posicionamiento flotante <style type="text/css"> .float{ position:float; float:left; } </style> <img src="posicionamiento.jpg" alt="posicionamiento de las cajas en html"/> <img src="posicionamiento.jpg" alt="posicionamiento de las cajas en html"/> <img src="posicionamiento.jpg" alt="posicionamiento de las cajas en html"/> Posicionamiento relativo En este posicionamiento se desplaza una caja con respecto a su posicionamiento normal Código html5 y ccs3

Calcular el tamaño que ocupara una imagen

Tamaño que ocupa una imagen Para calcular cual es el tamaño que ocupara una imagen tenemos que saber su resolución (lo que mide la imagen vertical y horizontalmente) y la profundidad del color de la imagen(numero máximo de colores distintos). La profundidad del color habitualmente es de 8 bits, 16 bits, 24 bits o de 32 bits. La resolución de una imagen se calcula mediante la siguiente formula: Puntos totales(resolución) = resolución horizontal x resolución vertical El tamaño total de una imagen se calcula con la siguiente formula: Tamaño total = bits por cada color x puntos totales Ejemplo: 1. ¿Cuanto ocupara una imagen de 800 x 600 puntos con una profundidad de color de 24 bits? Puntos totales = 800 x 600 = 480.000 puntos Tamaño total = 24 x 480.000 = 11.520.000 bits 2. ¿Cuantas fotos realizadas con una cámara de 13 megapixeles con una profundidad de color de 32 bits caben en una memoria micro SD de 8Gb? Sabemos que 13 megapixeles son los pun