Borchani.COM – Blog

Ahora te mostraremos como puedes hacer el tuyo.

Primero creamos un arreglo con cada una de las imagenes que vamos a usar, después aleatorizamos el número de images y al final lo escribimos en el documento.

De esta forma:

<?php

/*Crear una arreglo con las imagenes aleatorias con su ubicación*/

$imagenes[0]='imagen_aleatoria_1.jpg';
$imagenes[1]='imagen_aleatoria_2.jpg';
$imagenes[2]='imagen_aleatoria_3.jpg';
$imagenes[3]='imagen_aleatoria_4.jpg';
$imagenes[4]='imagen_aleatoria_5.jpg';

/* Aca es importante le des el número de imagenes comenzando de 0 */
$i=rand(0,4);

/* Mostramos la imagen aleatoria */

print '<img src="'.$imagenes[$i].'">';

?>

Sí quieres darle más atributos a la clase, como una descripción, puedes agregar un ‘ alt=”descripción” ‘ a la linea de descripción y quedaría como sigue:

print '<img src="'.$imagenes[$i].'" alt="Descripción">';

Y lo mismo puedes hacer si la imagen usa un mapa de links.

Muchas veces cuando empezamos con el diseño de una web sobre Photoshop siempre pensamos en si podríamos utilizar aquella fuente que vimos hace unos días y nos gustó tanto, pero luego recuerdas que a la hora de la verdad son las fuentes de los sistemas operativos, Windows, Mac, Linux y otros, las que te marcan la pauta a seguir. Al principio uno se pregunta que fuentes se podrán utilizar y las no, esto como muchas otras cosas dependientes de un S.O. o un navegador (IE, Firefox, Opera…), lo que habrán hecho las empresas detrás de estas aplicaciones.

Una vez investigado el tema di con las fuentes mas comunes que se usan en toda la web y a su vez las que están en la mayor partes de estos sistemas y aplicaciones. Aquí os dejo una tabla comparativa entre Windows y Mac OS y sus diferentes variantes y los nombres de las fuentes.

Aunque no están todas las fuentes posibles que se pueden utilizar en estos dos sistemas, si las más típicas y usadas en la mayoría de páginas web. Y antes de que me acribillen los pro-pinguinos, Linux lleva también consigo variantes de algunas de las fuentes genéricas, eso si la mayoría con nombres muy distintos. Esto os lo dejo como una pequeña ayuda para simplificar mas el uso de las fuentes en nuestros CSS

Apuntes de interés :

- Destacar cierta fuente como es Verdana, que MS sacó expresamente con IE4 si mal no recuerdo para el uso en las páginas web.

- Nos podemos encontrar con Lucida Sans Unicode que también tiene variantes en ambos sistemas, pero que en el navegador del “zorrito” dependiendo del orden escrito en el atributo css de font-family puede causar una muy mala renderización de la fuente y la complicada lectura.

- La Tahoma se ha familiarizado mucho más últimamente, simplemente tiene un fallo muy pequeño, esta descompensada en 1 pixel de altura de linea en comparación de su hermana de mas espaciosa, Verdana, esto puede acarrear algún que otro quebradero de cabeza con el intento de alineación vertical en botones por ejemplo.

La intención de Qlogg es la de aportar contenidos propios a Internet, pero hoy voy a hacer una excepción, ya que me parece que vale mucho la pena el dar a conocer herramientas como el YAML. Es de esas cosas que las encuentras y pueden hacerte la vida mucho más fácil, siempre y cuando seas programador, y que permite introducirte en el apasionante mundo del (X)HTML/CSS. El autor es Dirk Jesse y el tipo se ha currado un framework inspirado en Yahoo’s YUI framework Grids Builder.

Bulletproof & Flexible Layouts Made Simple

“Yet Another Multicolumn Layout” (YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users.

A todos aquellos que se os resisten los “divs”, grupo al cual me incluyo, esta herramienta os ayudará a entender un poco más como funcionan, y si no, por lo menos os dejará vuestras webs más arregladitas…