PapelVS

Como Cómo Funciona un Frigorífico  El proceso que siguen los sistemas de enfriamiento se basan en el llamado ciclo de Carnot (en realidad es el proceso inverso al de una máquina térmica). En la nevera hay un circuito por el que circula el líquido refrigerante siempre que el motor (compresor) está en marcha. Una parte del circuito está en el interior –por él circula el refrigerante evaporándose y absorbiendo calor- y otra en el exterior –por él circula el refrigerante que, a través del compresor, se convierte en líquido.   En un frigorífico, el motor conectado a la red eléctrica produce un trabajo que se emplea en extraer un calor del foco frío (la cavidad del frigorífico) y se cede calor al foco caliente, que es la atmósfera. En el argot de la refrigeración se habla de frigorías como unidad: una frigoría equivale a una “caloría negativa” : es la energía que hay que sustraer a 1 gramo de agua para rebajar su temperatura en un grado centígrado. El fluido refrigerante se mueve en un circuito cerrado por los tres componentes de la nevera (señalados en el dibujo con números): Compresor (motor), (1) Condensador (tubo con forma de serpentín), (2) Evaporador (también un tubo con forma de serpentín, en el interior de la nevera), (3) Dicho fluido llega al compresor, (1), como gas (a baja presión y temperatura ambiente); en él se reduce su volumen (se comprime) y esto hace que se caliente. Pasa entonces al condensador, (2), donde se licúa, liberando calor hacia el aire de la habitación (por tanto, se enfría). Este líquido pasa, a continuación, por un estrechamiento, al evaporador, (3). Ahí, al disminuir la presión, el fluido se expande y se evapora, absorbiendo calor (de los alimentos situados en el interior de la nevera). El fluido continúa entonces circulando para pasar al compresor y comienza un nuevo ciclo. La mayoría de las neveras poseen un termostato: una sonda que desconecta el sistema cuando registra en el interior una temperatura dada, programada previamente. Cómo Funciona la Pizarra Mágica  La pizarra mágica es un juguete, con forma de tablero, que los niños utilizan para dibujar. Está formada por un marco de plástico de colores llamativos y varios espacios para ubicar diferentes accesorios. Dentro del marco, aparece la pizarra en forma de rectángulo de color blanco con un enrejado muy fino. Para escribir o dibujar se utiliza un "lápiz" de plástico que tiene en la punta un imán; al pintar en la pizarra aparece el dibujo en forma de líneas de color negro. Si queremos borrar el dibujo, basta con pasar una barra que atraviesa toda la pizarra, por detrás, y la tendremos preparada para pintar de nuevo. Entre los accesorios también suelen llevar imanes en forma de estrellas, animales, etc. y al ponerlos sobre la pizarra forman el dibujo directamente. La pizarra está fabricada con un recipiente plano dividido en pequeños departamentos, o celdas, formando un enrejado hexagonal que se observa a simple vista. El recipiente contiene un gel de color blanco de aspecto aceitoso en el que se encuentran dispersas partículas muy finas de virutas de hierro o de imán cerámico. Al escribir pasamos el imán que se encuentra en el extremo de lápiz y éste atrae a las virutas justo en la zona por donde hemos escrito, destacando en negro el dibujo realizado. Cuando queramos borrar pasamos un imán blando que se encuentra debajo de la pizarra y la atraviesa de un lado a otro. Este imán, en forma de barra, atrae a las virutas hacia la parte de abajo dejando en blanco la pizarra. Cómo Funciona el efecto Botijo  Desde la prehistoria el hombre ha utilizado el barro para fabricar vasijas de todo tipo, cántaros, vasos, ollas, botijos, etc, destinados, entre otras cosas, a guardar el agua y los alimentos. El ejemplo del que vamos a tratar aquí es el botijo. Según lo define el diccionario un botijo es “una vasija de barro poroso utilizada para refrescar agua”.Su funcionamiento es sencillo: el agua se filtra por los poros de la arcilla y en contacto con el ambiente exterior se evapora, produciendo un enfriamiento. La clave del enfriamiento está en la evaporación del agua. Refrigeración por evaporación El proceso es muy simple cuando el agua se evapora necesita energía para que se produzca el cambio de estado de líquido a gas. Esa energía puede tomarla del ambiente, pero también del propio sistema (el agua). Así cuando se evapora una parte de agua extrae energía del sistema y el agua remanente, por tanto, disminuye la temperatura. La teoría cinética nos permite interpretar también el fenómeno de refrigeración por evaporación desde el punto de vista microscópico o molecular. Así, nos encontramos que las partículas de un sólido, líquido o gas se están moviendo o agitando continuamente. La temperatura es una medida de la energía cinética media de las partículas, mayor velocidad de éstas implica mayor temperatura y viceversa. En un líquido las partículas  se mueven deslizándose unas sobre otras, las más veloces se acercan a la superficie libre del líquido y si tienen energía suficiente pueden escapar de él, produciéndose la evaporación. Este cambio de estado (líquido ---> vapor) provoca un enfriamiento del sistema, ya que precisamente desaparecen las partículas más energéticas. Este efecto podemos notarlo en diferentes situaciones: en verano cuando se riegan las calles para refrescar el ambiente, cuando nos ponemos una compresa de alcohol para disminuir la fiebre, cuando sudamos y al evaporarse el sudor refrigeramos nuestro cuerpo, etc. ¿Qué ocurre en un botijo? Como decíamos al principio, en un botijo el proceso de evaporación se ve favorecido por el hecho de que el barro es poroso y parte del agua se filtra a través de él. El grado de enfriamiento depende de varios factores, fundamentalmente del agua que contenga el botijo y de las condiciones ambientales. Si la temperatura ambiente es elevada, el proceso de evaporación será más rápido, no así el proceso de enfriamiento. Si el ambiente es muy húmedo la evaporación se ve dificultada y el botijo no enfriará. En condiciones favorables se puede conseguir una disminución de temperatura de unos 10ºC. También las cantimploras enfrían Las cantimploras metálicas forradas con una tela de fieltro tienen el mismo fundamento: se moja la tela para que al evaporarse el agua que queda en ella se refresque el agua del interior. Más aplicaciones del efecto botijo Aunque el sistema de refrigeración por evaporación es muy antiguo y parece que ha perdido su utilidad frente a los modernos frigoríficos, en países en vías de desarrollo, de clima árido y que no disponen de electricidad tiene su importancia. De hecho la Fundación Rolex concedió uno de sus premios del año 2000 a Mohammed Bah Abba por construir una doble vasija de barro para conservar alimentos perecederos.  El sistema consta de dos vasijas, de distinto diámetro, incluida una en la otra. El espacio que media entre ambas, se rellena con arena, que debe mantenerse constantemente empapada para asegurar la humidificación de sus paredes. Las frutas, hortalizas y demás alimentos se colocan en la vasija interior.La explicación física del proceso de refrigeración  es sencilla: el agua contenida en la arena que separa ambas vasijas se evapora hacia la parte exterior de la vasija mayor, ventilada por la circulación del aire seco exterior. El proceso de evaporación comporta una reducción de varios grados de la temperatura de la arena, lo que enfría la vasija interior, retarda la reproducción de los agentes de la descomposición y conserva los alimentos. Gracias a este sencillo método, la conservación de berenjenas, por ejemplo, pasó de 3 a 27 días y la de tomates y pimientos, a tres o más semanas. (Información recogida en el artículo “Invento prehistórico en pleno siglo XXI” de Investigación y Ciencia, Marzo de 2001.) Máquinas frigoríficas El proceso es igual que el que ocurre en una máquina frigorífica, es decir, extraer el calor de un foco frío para cederlo a otro más caliente. Como este proceso resulta imposible realizarlo espontáneamente, la máquina necesita de un aporte exterior de energía, en el caso que nos ocupa es la energía del sol la que aporta a las partículas ese empuje que necesitan para separarse, que el agua se evapore, y extraer calor de la parte fría. Podríamos decir que el humilde botijo y vasijas similares son una especie de “frigoríficos sin cable”, baratos, no contaminantes y puede que con un gran futuro. Cómo Funcionan los dispositivos que generan frío y calor En algunos botiquines de emergencia aparecen unas bolsas de plástico que se utilizan para la preparación de compresas instantáneas FRIAS y CALIENTES. Se pueden encontrar en las farmacias y son útiles para proporcionar los primeros auxilios a los deportistas y atletas que sufren un golpe o determinadas lesiones que necesitan de la aplicación inmediata de frío o calor. Estas compresas constan de una bolsa de plástico que contiene otra bolsa más pequeña, con agua, y una sustancia química en forma de polvo o cristales. Al golpear el paquete con el puño se rompe la bolsa interior que contiene el agua y la sustancia se disuelve. La bolsa comienza a calentarse o a enfriarse, según el caso, de forma muy rápida. La temperatura aumenta o disminuye dependiendo de que el proceso de disolución de la sustancia sea exotérmico o endotérmico. Bebidas autocalentables También se encuentran en el mercado botes de bebidas (café, chocolate, té, sopas, etc) que se autocalientan muy rápidamente, sin necesidad de llamas u otros sistemas de calefacción externa. Son útiles para poder disponer de bebidas calientes en el campo, la montaña, zonas desérticas, etc. El sistema es muy parecido al de las bolsas del apartado anterior y consta de dos depósitos: en uno va envasada la bebida que vamos a tomar y en otro una sustancia química junto con una pequeña cantidad de agua (separados por una membrana). Al disolverse en agua, esa sustancia genera gran cantidad de calor. Los depósitos están separados de forma que la sustancia química no puede entrar en contacto con la bebida. El bote lleva un botón que al presionarlo rompe una membrana y permite que el agua entre en contacto con la sustancia química que al disolverse genera calor.           Esquema de un bote de café autocalentable Pero no sólo se limita a las bebidas, también se pueden encontrar latas de conservas que incorporan el dispositivo y permiten tomar una comida caliente en situaciones difíciles. Como en todos los casos hace falta incorporar una cierta cantidad de agua, existen dispositivos que ya lo llevan incorporado como los que hemos descrito y otros que permiten incorporarlo en el momento en que se quiera provocar el efecto. También pueden encontrarse bebidas que se autoenfrían. El mecanismo es el mismo lo único que cambia es la sustancia química que provoca el efecto. ¿Cómo funcionan? Cómo hemos dicho, la base del proceso está en el calor que se genera o que se absorbe cuando se disuelve una sustancia química. En general, para las compresas calientes y las bebidas autocalentables se utiliza cloruro de calcio o sulfato de magnesio, mientras que para las compresas frías o para enfriar bebidas se utiliza nitrato de amonio. Experimentalmente se ha comprobado que mezclando 100 ml de agua con 40 g de cloruro de calcio (CaCl2) la temperatura del sistema puede subir desde 20 ºC a 90 ºC. Se trata de un proceso muy exotérmico. Esto mismo ocurre con otras sustancias químicas, por ejemplo con el sulfato de cobre (anhidro). En el caso de las disoluciones emdotérmicas (absoben calor y, por tanto, baja la temperatura) también se ha comprobado experimentalmente que cuando se disuelven 30 g de nitrato de amonio (NH4NO3) con 100 ml de agua, la temperatura del sistema puede descender desde 20 ºC hasta 0ºC. En proporción 1:1 se ha llegado a temperaturas de -7 ºC. Disoluciones endotérmicas y exotérmicas Cuando se disuelve un soluto en un disolvente, en general, se produce un intercambio de energía que se manifiesta en un aumento o disminución de la temperatura del sistema. El calor absorbido o liberado se denomina calor de disolución. Si el proceso de disolución es exotérmico, se libera calor y la temperatura del sistema aumenta. Si el proceso es endotérmico, se absorbe calor y la temperatura del sistema disminuye. En una disolución exotérmica la energía del disolvente más la del soluto, por separado, es mayor que la energía del disolvente y el soluto una vez mezclados. La diferencia de energía es lo que conocemos como calor de disolución o entalpía de disolución (cuando el proceso tiene lugar a presión constante). En este caso es una entalpía negativa, puesto que en el estado final el sistema tiene menos energía que el inicial. En una disolución endotérmica ocurre lo contrario, la energía del estado inicial (soluto y disolvente por separado) es menor que la energía del estado final (la disolución). Por tanto, la entalpía es positiva. Cómo funciona un tubo fluorescente  Los tubos fluorescentes son, como su propio nombre indica, tubos (pues si que empezamos bien, eso ya lo sabíais ¿verdad?), pero estos tubos están realizados con vidrio, y aquí viene la primera novedad: que es necesario que se fabriquen con vidrio. La explicación no es solamente que el vidrio sea transparente y aislante, porque el cristal de cuarzo también lo es y no serviría. El motivo es que el cristal de cuarzo NO ABSORBE las radiaciones ultravioletas mientras que el vidrio SI, de esta forma evitamos que salgan del tubo. De lo anterior se deduce que los fluorescentes trabajan en la zona ultravioleta del espectro luminoso. Pero vamos a ver, si se nos ha dicho que el ojo humano no es sensible a esas longitudes de onda, entonces ¿para que se utilizan en el fluorescente?. Bien la contestación a esta pregunta necesita un poco de reflexión. No es que se buscara esa zona del espectro por diseño, sino que ha sido impuesta por el gas que esta contenido en el interior del tubo, aunque en realidad no es un gas sino vapor, (esto es un pequeño lío y os estoy rayando ¿O no?), la cuestión es que el susodicho vapor proviene de un metal muy conocido y que está, en condiciones normales, en estado líquido, es decir el mercurio. El porqué de la imposición en el uso del mercurio es muy sencilla, se necesita una cantidad constante de gas dentro del tubo para que no varíen sus características eléctricas de conductibilidad, y si el tubo esta herméticamente cerrado, ¿cómo se puede rellenar desde el exterior con gas cuando varíe su concentración por acción de la temperatura?. Por cierto, si a alguien se le ocurre otro sistema para conseguir esto, que lo patente porque se hace de oro, puesto que el mercurio es tóxico y se tiende a evitar su uso. ¿Y como hace el mercurio para controlar la cantidad de vapor que existe en el interior?. Buena pregunta, y en realidad es muy sencilla la contestación, simplemente se evapora en función de la presión que reina en el interior. Y esta presión esta calculada para que la cantidad de mercurio que se introduce dentro del tubo sea suficiente para encontrar el equilibrio. Cuando la presión baja, la presión del vapor de mercurio es mayor que la del tubo y se evapora restableciendo el equilibrio, y al contrario, si la presión sube, el exceso de vapor se condensa. Una vez que sabemos el porqué del mercurio, veamos, ahora sí, el funcionamiento eléctrico. El vapor de mercurio se comporta como un aislante y por tanto no conduce la corriente eléctrica. Se necesita encontrar un método que lo vuelva conductor. Para entenderlo bien os pongo un ejemplo: el aire se comporta como un aislante, tiene una tensión de disrrupción de 30000 Voltios / cm. es decir, que soporta 30000 voltios entre dos electrodos separados un centímetro sin que SALTE ARCO ELECTRICO, y sin embargo todos hemos visto alguna vez caer un rayo desde las nubes a la tierra y ¡no están precisamente cerca!. Dentro del tubo fluorescente no hay que llegar a la zona de salto de arco, puesto que entonces la resistencia del vapor se haría muy pequeña, sino que debemos hacer que se vuelva un poco conductor. Esto se consigue excitando a los electrones mas externos del vapor consiguiendo que salten a capas mas energéticas. Una vez conseguido esto, se produce una especie de efecto avalancha: los electrones excitados al retornar a sus posiciones originales emiten ondas electromagnéticas que a su vez comunican energía a los electrones de los átomos vecinos, preescitandoles, con lo que es necesario menos energía para llevarles a la capa de conducción. Ahora nos encontramos con otro pequeño problema, (no os dejéis engañar, que en la resolución de estos problemas es donde reside la belleza de la  ciencia y la tecnología, y no es un handicap sino un acicate), el campo eléctrico necesario para conseguir excitar los electrones está por encima de los 311 voltios máximos que en teoría tiene una onda senoidal de 220 voltios de tensión eficaz, es decir, la tensión estándar de la red eléctrica, por lo que no es posible excitar los electrones mediante esa tensión. Para resolver este problema se utiliza un sistema ingenioso y muy sencillo, el efecto termoiónico. Se aprecia en la imagen que en los extremos del tubo existen dos filamentos, estos filamentos están recubiertos de bismuto, un metal que emite electrones fácilmente al ser calentado. Y ya está, hemos encontrado la forma de disponer de electrones libres que emiten radiación ultravioleta al ser capturados por los átomos del vapor y que consiguen preexcitar los electrones de los átomos vecinos. Ya hemos conseguido el efecto avalancha, con lo que la tensión de la red eléctrica es ahora capaz de mantener la creación de esos electrones. Para calentar los filamentos se utiliza el cebador que es un elemento constituido por una lámina bimetálica que al ser atravesado por una corriente eléctrica, y debido al efecto Joule, se calienta, provocando la dilatación de sus láminas, y como están realizadas con metales diferentes tienen diferentes factores de dilatación. ¿Que produce esto?, pues que un metal se dilate mas que el otro y por tanto obligue a que el conjunto se arquee, provocando la apertura del circuito eléctrico con lo que deja de pasar corriente por los filamentos y estos dejan de generar electrones térmicos.  Lo dejamos por ahora aquí. Recapitulemos, tenemos un sistema en el cual existen electrones libres que al ser capturados emiten radiación ultravioleta, que a su vez preexcita a otros electrones que son arrancados de sus orbitas por un campo eléctrico existente. Solo nos queda convertir el ultravioleta en radiación visible, y tendremos completado el tubo. El encargado de ello es el fósforo, entre otras sustancias. El fósforo es esa capa interna que le da la tonalidad blanca a los tubos, y esta recubriendo la superficie interna del tubo. Cuando la radiación ultravioleta choca con los átomos de fósforo, los excita y hace que salten a capas mas energéticas. Devuelven parte de esa energía al ser capturados por los átomos vecinos o al volver a su capa de origen, y esa energía que devuelven si esta dentro del rango de la luz visible. ¿Y para que sirve la reactancia?, pues sirve para elevar la tensión en el inicio del cebado del tubo para que se produzca la avalancha. La reactancia es una inductancia (una bobina), que almacena energía en forma de campo magnético según siendo L la inductancia e I la intensidad. En el instante que el cebador abre el circuito, toda la energía almacenada en la bobina crea una tensión suficientemente elevada como para mantener el ciclo de avalancha antes citado. Una vez que se establece la circulación de corriente, se debe mantener esta dentro de los límites de disipación de potencia dentro del tubo, puesto que el vapor en estado de conducción, tiene una tensión de mantenimiento de unos 50 voltios, y los 220 voltios son excesivos. Aquí viene la otra función de la reactancia, actuar como limitador de corriente para que caiga en ella el exceso de voltaje. Pero como estamos ante corriente senoidal no caerá la suma algebraica sino vectorial, ...., pero no me enrollo mas porque eso es harina de costal, entraríamos en el tema de los números complejos y se sale de las pretensiones de este artículo. Cómo funciona un pañal Los pañales modernos pueden retener "kilos" de orina y seguir pareciendo perfectamente secos.¿Cómo puede explicarse esto? La solución está en el tipo de sustancias químicas, casi todas sintéticas, presentes en él y en la forma en que se disponen estas sustancias al fabricar el pañal. La capa interna está hecha de polipropileno, un plástico de tacto suave que se mantiene seco. La parte central está hecha de un polvo "superabsorbente" (poliacrilato de sodio, un polímero hidrófilo) combinado con celulosa "peluda", además de una capa de fibra que evita que el fluido se remanse en un punto y le obliga a distribuirse por toda la superficie. La capa externa es de polietileno microporoso, retiene el fluido y deja pasar el vapor. El conjunto se une con puños de polipropileno hidrófobo, con una banda elástica en torno a los muslos para impedir la salida del fluido. El pañal se sujeta al bebé mediante bandas adhesivas o "velcro". Imagen tomada de la revista Investigación y CienciaEl poliacrilato de sodio Los poliacrilatos son polímeros superabsorbentes debido a su estructura. En el caso del poliacrilato de sodio, los grupos carboxilato de sodio (-COONa) cuelgan de la cadena principal. Al contacto con el agua se desprenden iones sodio (Na+) dejando libres grupos negativos (-COO-). Estos, al estar cargados negativamente, se repelen entre sí, por lo que el polímero se "desenrolla" y absorbe agua. El poliacrilato de sodio es un polímero de masa molecular muy elevada, por lo que no se disuelve sino que gelifica. Imagen tomada de la revista Investigación y CienciaEl poliacrilato de sodio puede absorber agua destilada hasta unas 800 veces su propia masa. Si además de agua destilada se encuentran presentes otras sustancias, como es el caso de la orina, la capacidad de absorción se reduce mucho. Los iones y las sales disueltas pueden reducir esa capacidad en un factor superior a 10. Otras aplicaciones de los "superabsorbentes" Aparte de su aplicación en la higiene personal de los bebés y adultos, los polímeros superabsorbentes también se utilizan para: Limpiar residuos médicos en hospitales. Proteger de las filtraciones de agua a centrales eléctricas y cables ópticos. Eliminar el agua de los combustibles de aviación. Acondicionar la tierra de los jardines haciendo que retenga agua. Cómo funcionan los globos luminosos Illoomballoon es el nombre comercial de unos globos luminosos que se utilizan para ambientar fiestas de todo tipo. Las instrucciones del envoltorio nos indican que, tras escoger el globo que queramos debemos tirar de la pestaña negra en la que pone “Pull”, y extraerla, para que el globo se ilumine. Posteriormente, inflamos el globo, lo atamos y, ¡ya está listo para usar!   Pero… ¿de qué está compuesto el globo? ¿Cómo funciona? Si “destripamos” el globo, podemos ver que está compuesto por un par de  pilas   Lr44 (de botón pequeñas) conectadas en serie, que se encuentran en un pequeño soporte de plástico, en cuyo extremo se encuentra sujeto un  led (diodo emisor de luz) . El polo negativo de la pila está en contacto directo con el cátodo del led, mientras que el polo positivo hace contacto con el ánodo del led mediante una pequeña lámina metálica en forma de L, como se puede apreciar en la fotografía.  Entre la pestaña metálica y el ánodo del led se encuentra colocada la tira plastificada de papel, que por ser aislante, evita el contacto directo entre la fuente de alimentación y el led. Al tirar y extraer el papel plastificado, entran en contacto, iluminándose el led y con ello el globo. Para que este mecanismo no esté suelto por el globo, pudiéndose golpear y deteriorar, el plástico, en el extremo opuesto al led, tiene una prominencia circular, a modo de botón, que se encuentra cubierta por la parte superior del globo y amarrada con una pequeña goma, de manera que el led quede en el interior del globo, en su parte superior, como se puede apreciar en la imagen. Una vez extraída la pestaña negra e inflado el globo, se puede apreciar la iluminación del mismo en la oscuridad. Aunque las instrucciones indican una duración de 15 horas, se ha tenido en el laboratorio el  globo iluminado, durante cuatro días, hasta que se decidió abrirlo, eso sí, perdiendo intensidad lumínica progresivamente. El Illoomballoom es un producto que ha sido creado y patentado por Seatriever Internacional. Esta compañía londinense también es la creadora de Waterbuoy, que es un dispositivo para recuperar los objetos valiosos, cuando éstos caen al agua. El dispositivo está constituido por un objeto de plástico, unido en su parte superior a un llavero, en el que se enganchas los objetos de valor. En su interior lleva un globo de caucho de alta resistencia y una botella de gas, respetuosa con el medio ambiente, que proporcionan flotabilidad al dispositivo (soporta hasta 1 kg de masa). Cuando el Waterbuoy cae al agua, ésta entra en el interior a través de unas rendijas laterales. A medida que el dispositivo se hunde, el agua  ejerce una presión sobre el resorte del gas, que según el  “Principio de la estática de fluidos”,  es mayor al aumentar la profundidad, la densidad del fluido y el valor del campo gravitatorio en el lugar de la inmersión:    p = g·h·d De esta manera, el gas de la botella infla el globo y el dispositivo emerge del agua y queda flotando en la superficie, debido al empuje que ejerce el agua, que es superior al peso del cuerpo sumergido. Así, gracias al globo con gas, disminuye la densidad del dispositivo, de manera que su valor es inferior a la densidad del agua.  Esta es una de las muchas aplicaciones del   “Principio de Arquímedes ”: Por último, el globo lleva en su interior un led de alta intensidad, que se activa también por acción del agua, lo que permite poder ver el dispositivo a largas distancias (hasta 250 m) y durante 24 h, gracias a la luz que emite. Un video del funcionamiento de waterbuoy, se puede encontrar en youtube: Después de las descripciones anteriores, se puede comprobar que ninguno de los dos dispositivos, es muy respetuoso con el medio ambiente, puesto que usar dos pilas Lr44 para iluminar un globo… Y más teniendo en cuenta que, en ambas páginas Web nos indican, que una vez usados los globos se desechan como cualquier otro, es decir, que las pilas y el resto de componentes del globo (metales, plásticos, goma de caucho, etc.), todos ellos no biodegradables y contaminantes, terminan en la basura ordinaria. Nuestra pregunta es: ¿merece la pena? También nos preguntamos, con qué nuevos artilugios nos sorprenderá Seatriever. Sea con lo que sea, aquí estaremos nosotros para “destriparlos”. Cómo funciona un Submarino  ¿Cómo puede un submarino sumergirse y flotar?  EXPERIMENTO Primero vamos a fabricar un submarino. Para ello tomamos una botella de plástico y le hacemos unos agujeros en un solo lateral. En el mismo lado se pegan unos tornillos (con cinta adhesiva), para que mantengan los agujeros hacia abajo al poner la botella en el agua. En el tapón de la botella hacemos un orificio por el que pasamos un tubo de plástico flexible, que quede bien ajustado. Llenamos un recipiente de agua y colocamos el submarino. Como los agujeros   quedan abajo, por ellos empezará a entrar agua. A medida que entra el agua en la botella, ésta se sumerge hasta llegar al fondo. Ahora soplamos por el tubo con fuerza. El aire llena la botella expulsando el agua a través de los agujeros. La botella comienza a subir hasta quedar flotando en la superficie. EXPLICACIÓN El submarino se sumerge porque tiene unos depósitos como la botella del experimento, es decir, se llenan de agua aumentando así la densidad del submarino y por lo tanto tiende a sumergirse. Cuando estos depósitos se llenan de aire (como cuando soplamos a través del tubo) disminuye la densidad del submarino y éste tiende a flotar. También se puede explicar por la misma razón por qué los peces flotan: Estos animales tienen en su interior unos “depósitos” llamados vejigas natatorias, que están llenos de gases. Por esa razón, su densidad es menor que la del agua y pueden flotar, al igual que el submarino y nuestra botella. Mediante un complejo sistema, el pez puede comprimir o expandir los gases de sus vejigas natatorias, variando de esa manera su densidad y conseguir así subir o bajar dentro del agua.   Cómo funcionan las lámparas halógenas Las lámparas de incandescencia Las lámparas de incandescencia son dispositivos formados por una ampolla de vidrio que contiene un gas inerte, argón o criptón, y un filamento de wolframio. Las altas temperaturas (alrededor de 2000 ºC) que alcanza el wolframio con el paso de la corriente eléctrica provocan la emisión de luz visible. El color de esta luz es ligeramente amarillento, debido a la mayor proporción de fotones emitidos en la zona de menor energía del espectro visible. Para conseguir luz más blanca es necesario aumentar la temperatura del filamento, con lo que el wolframio puede sublimar y el filamento hacerse más delgado en algunos puntos. En estos puntos la temperatura aumenta y el wolframio puede llegar a fundirse (T-fusión = 3387 ºC), se dice que "la bombilla se ha fundido". Debido a la sublimación del wolframio, es por lo que habitualmente la ampolla de vidrio de una bombilla va oscureciéndose -el wolframio que sublima se deposita, vuelve al estado sólido, en la zona de menor temperatura, el vidrio-. En la actualidad para obtener luz más blanca se utilizan las lámparas halógenas, que permiten que el filamento alcance una temperatura más elevada sin que el wolframio llegue a fundir. La historia de las lámparas halógenas     Hacia 1950 se empezaron a necesitar lámparas muy pequeñas y potentes para las luces de los aviones a reacción, que pudieran encajar en los extremos pequeños y agudos del ala. Los investigadores de General Electric tuvieron una idea muy ingeniosa rellenaron el bulbo con yodo, un elemento muy reactivo, en vez de rellenarlo con un gas inerte como en las bombillas normales. La presencia del yodo, permite que el filamento se repare automáticamente en las zonas en las que se va quedando más delgado. Esto hace que se puedan alcanzar temperaturas más elevadas y, por tanto, la luz emitida sea más blanca e intensa. A partir de aquí se fue desarrollando la gran variedad de lámparas halógenas que conocemos en la actualidad. ¿Cómo funcionan las lámparas halógenas?     Las lámparas halógenas son lámparas incandescentes con filamento de wolframio que en su interior contienen una atmósfera gaseosa formada, además de por el gas noble, por un halógeno o un halogenuro metálico (figura 2). La presencia del gas halógeno (representado por el símbolo X) permite que se establezca el equilibrio X2 + W ===== WX2       exotérmico que al aumentar la temperatura se desplaza hacia la izquierda. En realidad, en el margen de temperaturas en que trabaja la bombilla, el equilibrio se encuentra desplazado hacia la izquierda a la temperatura del filamento y hacia la derecha a la temperatura del vidrio (en este caso cuarzo) de la ampolla.     Cuando parte del wolframio sublima y pasa a estado gaseoso, al entrar en contacto con las paredes "frías" de la bombilla se combina con el halógeno para formar el halogenuro correspondiente. Por otra parte, en las zonas del filamento donde haya sublimado más wolframio, el conductor disminuye de grosor y por tanto aumenta la temperatura (la temperatura aumenta cuando aumenta la resistencia). En estas zonas de mayor temperatura, el equilibrio se desplaza hacia la izquierda depositándose el metal sobre el filamento y reparándolo.     El establecimiento de este ciclo regenerador requiere que la bombilla alcance una temperatura suficiente, mayor de lo habitual, que permita la formación del halogenuro gaseoso. Por ello se utiliza generalmente el cuarzo como material para la ampolla de la bombilla. Material que impone una serie de requerimientos especiales para este tipo de bombillas, por ejemplo, no se pueden tocar con los dedos. Algunas curiosidades sobre las lámparas halógenas     Los retroproyectores y los proyectores de transparencias utilizan pequeñas lámparas halógenas. En algunos de ellos puede observarse que, cuando se funde la bombilla, se ha formado una ampolla en la pared de cuarzo. La ampolla aparece en la misma zona en que se encuentra un espejo que refleja la luz y que está muy próximo a la lámpara. Puede verse también que la zona de la ampolla se encuentra oscurecida (figura 3).     Esto es debido a que la lámpara está muy próxima al espejo, lo que hace que en esa zona se caliente mucho y por tanto se deforma la pared de cuarzo. Además, al aumentar mucho la temperatura en esa zona ayuda a que se deposite parte del vapor de wolframio en forma sólida., tal como se mostraba en el equilibrio químico que mostrábamos más arriba.

El sistema solar como nunca antes visto  El sitio hermano de APOD, Image of the Day, de la NASA, ha liberado una espectacular imagen conceptual del sistema solar y sus fronteras basada a partir de la información suministrada por la Voyager 1 y 2, la primera de estas, siendo el objeto construido por humanos que más se ha alejado de la Tierra.  Desde su partida en 1977 hasta el 2008 ha recorrido unos 0.0017 años luz, lo que no es poco, ya que equivalen a 1.60828983 × 1010 kilómetros. Toda una odisea. En la imagen podemos la heliosfera, una “burbuja” magnetica creada por la acción de los vientos solares; la heliopausa, la cual es, teóricamente, la frontera en la cual el viento solar ya no es lo suficientemente fuerte como para empujar al viento estelar. Razón por la cual se considera como el primer limite de Nuestro Sistema solar. La parte “naranja” es denominada como “Bow Shock”, y es la reacción producida por el Sol a medida que se desplaza por el medio estelar. Siguiendo éste enlace pueden ver una representación del “Bow Shock” producido por el desplazamiento de la estrella R Hydrae.  ¿Humanos 1 – Robots 0? El día que un UAV se enfrentó a un avión piloteado por un humano  Estoy plenamente convencido que un día de éstos las máquinas serán tan avanzadas que, teoría de la singularidad mediante, ganarán consciencia y decidirán deshacerse de sus creadores. Al menos puedo decir orgullosamente que los humanos ganamos el primer round.  Este tuvo lugar durante Diciembre del año 2002, en plenos preparativos para la Invasión de Iraq, cuando un piloto iraquí comandando un MiG-25 Foxbat se enfrentó a un ‘drone’ estadounidense UAV -unmanned aerial vehicle- MQ-1 Predator funcionando en modo reconocimiento auto-tripulado.  C. Grienberger, el hombre obsesionado con mover la Tierra  No no, el día Internacional del Salto no fue el primer intento por sacar a la Tierra de su órbita. A lo largo de la historia, infinidad de intentos, algunos incluso tragicómicos, fueron realizados. Sin embargo, sería Christopher Grienberg, matemático y astrónomo enrolado en la orden jesuita, quien a principios del siglo XVII se tomara el trabajo, de calcular seriamente, en base a cálculos matemáticos y principios de la física, cuánta fuerza sería necesaria para sacar a la Tierra de su órbita.  Tras finalizar sus estudios Grienberger, quien era, al menos secretamente, partidario de las teorías de Galileo, debería trabajar como asesor y editor de varias de las obras producidas por astrónomos y matemáticos afiliados a la orden Jesuita. Si bien durante su vida no publicaría muchas obras propias, su trabajo e ideas serían reflejadas en varias de las obras, muchas de estas clave, de la astronomía matemática primitiva.  Su trabajo, por otra parte, le daba los recursos, el tiempo libre y la libertad mental necesarias, así como el contacto fluído con otras grandes mentes, para embarcarse en proyectos científicos que, de otra manera, le hubiesen resultado imposibles.  Gigante abandonado  Con la inminente puesta en marcha del LHC del CERN, recorrí nuevamente la triste historia del fallido coloso SSC -Superconducting Supercollider-.  La puesta en marcha del proyecto tendría todos los condimentos de una novela trágica: Tiempos extendidos, problemas entre contratistas, problemas no previstos durante el diseño y, peor que la suma de todos los anteriores elevada al cubo, políticos y burócratas entrometidos.  Bellezas de las profundidades  Una babosa de carnaval  La babosa de carnaval o babosa acuática china es, a mi parecer, uno de los seres más bellos del planeta Tierra. Habitantes de las costas de la isla de Dayang, al occidente de Malasia, los mismos evolucionaron en suelo extremadamente mineral y repleto de vida orgánica. Razón por la cual debieron desarrollar intensos colores no sólo para camuflarse entre semejante arcoiris de colores.  El terremoto que clavó a Louis Agassiz de cabeza en la tierra  Una de mis fotografías históricas preferidas, y me atrevo a decir que de hecho es mi preferida, fue tomada en 1906 en la entrada del edificio de zoología de la Universidad de Stanford tras el severo terremoto sufrido en la ciudad en ese mismo año. La fotografía, tomada por Frank Davey muestra la singular y graciosa manera en que quedó literalmente clavada de cabeza en el piso la estatua del aristocrático paleontólogo y geólogo suizo Louis Agassiz. Famoso para la posteridad ya que sería el primer científico en proponer y describir cómo, anteriormente, hace unos ochenta mil años, la Tierra había sufrido una intensa era de glacial. Abriendo de esta manera el campo de estudio de las era glaciares y el cambio climático.  Vredefort, el cráter más grande del planeta Tierra  Si bien nuestra atmósfera y clima terrestre fueron extremadamente buenos a la hora de borrar cráteres de la superficie planetaria, a lo largo de los milenios nuestro planeta fue golpeado por gigantescos asteroides y objetos meteóricos. Causado extinciones masivas, cambios climáticos dramáticos y, en algunos casos, cráteres tan grandes que a pesar de los los miles de millones de años desde su creación aun continúan bien definidos desafiando a la erosión.  Vredefort es el cráter (verificado) más grande de nuestro planeta. Se halla en África del Sur y tuvo origen hace unos dos mil millones de años cuando un objeto de 10 kilómetros impactara contra la Tierra a gran velocidad dejando un cráter de más de 200 kilómetros de extensión. Tan grande y definido que incluso, como puede notarse por las imágenes, puede ser claramente visto desde el espacio.  Ver aqui Jökulsárlón una playa invadida por gigantescos hielos  Jökulsárlón, Islandia, es uno de los lagos glaciares más bellos del mundo y curiosamente su existencia se debe en gran parte al calentamiento global. Con una superficie de sólo 7.9 km² en 1975 el lago iría creciendo hasta llegar, actualmente, a ocupar unos 18 km² de superficie a medida que el hielo se fue derritiendo en el Parque nacional de Skaftafell. El lago además tiene unos 200 metros de profundidad en su punto más hondo.  No obstante, lo más espectacular de este lago es que el mismo se encuentra plagado de icebergs y témpanos de hielo cuyos fragmentos son regularmente depositados en la playa por la marea. Fragmentos que muchas veces llegan a superar incluso el tamaño de una persona. Si bien el paisaje es hermoso y ver una costa llena de hielos es simplemente fuera de este mundo, no obstante, este fenómeno es producto del calentamiento global, que lenta pero incansablemente devora y consume los hielos islandeses. Por desgracia la resolución del lago visto desde Google Maps no es muy buena. Pero alcanza para ver los singulares fragmentos de hielo flotando en el mismo y, desde la barra izquierda, podemos clickear en varias de las fotografías tomadas por los visitantes.  Un bosque sumergido en el Pacífico  Los bosques de laminariales son una de las vistas más bellas del planeta Tierra. Bosques sub-acuáticos de densas y largas algas que, increíblemente, no son difíciles de confundir con un bosque de pino si tenemos un poco de imaginación.  Estos ecosistemas se consideran entre los más variados y dinámicos del planeta, sirviendo de hogar y fuente de alimento a decenas de miles de especies de animales e insectos así como vegetales. Las laminariales son un conjunto de macroalgas ciertamente sorprendente en si mismo, llegando cada espécimen a crecer entre 20 a 80 metros y, en algunas variedades, siendo capaces de crecer medio metro por día. Razón por la cual se convierten en una fuente alimenticia altamente nutritiva y abundante.  La serie de experimentos con seres humanos más grande de la historia  La Operación Whitecoat, llevada a cabo por los Estados Unidos, es hoy día considerada como uno de los experimentos con humanos más grandes de la historia. En plena Guerra Fría la posibilidad de un ataque bacteriológico por parte de la Unión Soviética era considerada como algo muy probable, razón por la cual el Departamento de Defensa de ese país y otros organismos gubernamentales comenzaron a diseñar varios planes de creación acelerada de antibióticos y vacunas efectivas para varios agentes infecciosos sin cura conocida.  Obviamente para esto necesitaban probar dichas vacunas en personas enfermas, personas que debían ser registradas y observadas durante todo el proceso para así obtener mejores datos.  Cruithne y la segunda “luna terrestre”  No queriendo causar falsas ilusiones en algunos de mis lectores romperé la ‘noticia’ rápidamente. No, 3753 Cruithne, un asteroide de aproximadamente cinco kilómetros de diámetro, no es la segunda luna terrestre ya que el mismo órbita al Sol y no a la Tierra -aunque en ciertos períodos de cercanía la gravedad terrestre perturba la órbita de Cruithne.- No obstante, desde su descubrimiento en 1983 su particular órbita de 364 días y su relativa cercanía con la Tierra durante, especialmente todos los meses de noviembre, hizo que se apodase informalmente a este asteroide como la “segunda luna terrestre.”  La segunda luna terrestre  Hallarle una segunda luna a la Tierra fue prácticamente una obsesión para varios astrónomos de siglos pasados, sobretodo en los del siglo XIX. Esto llevó a que varios prestigiosos observadores del cosmos se apresuraran a sacar conclusiones sin antes verificarlas del todo. Como por ejemplo Frédéric Petit, director del observador de Tolouse, quien con bombos y platillos anunciara haber descubierto la segunda luna terrestre en 1846. Prontamente el descubrimiento de Petit fue declarado como erróneo y la reputación de este prestigioso hombre se vio afectada considerablemente.  Hielos penitentes, toda una maravilla andina  Los hielos penitentes son uno de mis fenómenos naturales favoritos. Tuve la oportunidad de verlos en persona durante mi viaje a Mendoza, Argentina, y son realmente algo para recomendar. Recorrerlos nos da la sensación de estar recorriendo un bosque hecho a partir de árboles de hielo.  Descritos por Darwin en 1839 durante su travesía a través del mundo en el Beagle, los mismos son formaciones naturales de hielo comprimido cuyos vértices apuntan hacia el mismo lado, dando esa ilusión de ser un bosque de hielo y su tamaño varia desde pocos centímetros hasta, en oportunidades, más de cuatro metros. Durante mucho tiempo se creyó que su formación era exclusivamente producto del accionar de los fuertes vientos andinos, sin embargo, hoy día se cree que los mismos se deben a una combinación de fenómenos climáticos y orográficos.  Sergei Avdeyev, el cosmonauta que viajó 0,02 segundos al futuro  A partir de un comentario de Letopo me entero de un dato fascinante y sorprendente. Se trata del singular récord poseído por Sergei Avdeyev, cosmonauta de la Unión Soviética quien, durante la era de la estación espacial MIR permaneció un total de 748 días, divididos en tres viajes, orbitando la Tierra a 27 mil kilómetros por hora constantemente y por consecuencia “viajando,” relativamente a los humanos en tierra, 0,02 segundos al futuro.  La fábrica de emociones de Duchenne de Boulogne  Uno de los experimentos científicos más llamativos, por su carácter visual, sea posiblemente el experimento sobre electro-estimulación en músculos faciales realizado por Guillaume-Benjamin-Amand Duchenne de Boulogne. Neurólogo francés del siglo XVIII que, interesado en las experimentaciones de Luigi Galvani con electro-estímulos musculares en animales, e influenciado por el, en ése entonces, popular interés científico en la fisiognomía -ver apartado,- invirtiera enorme cantidad de recursos en “mapear” los músculos faciales y las expresiones resultantes a partir de la estimulación eléctrica.  La mirada de las mil yardas  Con la reciente muerte de Harry Patch, el último soldado sobreviviente que participó en el combate de trincheras durante la Primer Guerra, comencé a leer bastante sobre la vida de este gran hombre, quien a pesar de sus 111 años y frágil salud, continuaría hasta utilizar sus últimas fuerzas en advertir a las generaciones futuras sobre los horrores y la inutilidad de las guerras.  En la serie de recuentos y anécdotas que supo dejar antes de morir, una supo captar mi atención en gran medida. La misma contaba como, en un principio, los oficiales fusilaban a ciertos hombres por cobardía tras que éstos, al recibir una orden, la ignoraban por completo.  Cuando la naturaleza supera al Photoshop  fotografía anterior es simplemente sorprendente. En la misma tienen lugar varios fenómenos atmosféricos de los que ya hemos hablado, desde un parhelio hasta un arco-iris medio. No obstante, el más impresionante es el llamado halo del hielo o arco de Parry. Ilusión óptica que suele ocurrir en lugares en los cuales la superficie se encuentra completamente congelada. La misma fue avistada por vez primera en el siglo XIX por Sir William Edward Parry, durante una de sus expedición al ártico.  El último día de Lavoisier  La ejecución del químico Antoine Lavoisier durante la Revolución Francesa fue uno de los eventos más tristes de la historia de la humanidad. No solamente por la injusta ejecución de un hombre inocente, sino porque, una vez más, significaría el triunfo de la ignorancia sobre la ciencia.  Antoine-Laurent de Lavoisier es, con todo derecho, considerado como el padre de la química moderna. No sólo identificó y nombró elementos tan fundamentales como el hidrógeno y el oxígeno, y dio los primeros pasos en la comprensión de la Ley de conservación de la masa.  Jerbos egipcios, un animal más que raro  Los jerbos pigmeos de Egipto son ciertamente una de las maravillas más espectaculares de la naturaleza. Su apariencia, increíble: una especie de híbrido entre un ratón, un canguro y una liebre, dignos del sueño más alocado de un animador de Pixar.  Del género Dipus, estos pequeños roedores desérticos pueden encontrarse en el norte de Africa y zonas adyacentes, llegando incluso hasta Irán. Ciertamente, su alocada apariencia es el producto de miles de años de evolución en un territorio desértico e inhóspito.  Como un accidente bélico resultó en un avance médico histórico  Muchos de los generales de la Segunda Guerra habían participado como soldados u oficiales de la primera, experimentado en carne propia el devastador efecto de las armas químicas en las trincheras. Razón no fue de extrañar que al iniciarse el conflicto ambas partes decidieran no volver a utilizar armas químicas o, mejor dicho, no ser los primeros en utilizarlas.  Andrómeda desde otro punto de vista  “En todos tus viajes, ¿has visto alguna vez una supernova? Vi una estrella explotar y expulsar los bloques fundamentales del universo: otras estrellas, otros planetas, y eventualmente, otra vida. Una supernova. Creación en si misma. Estaba allí. Quise verla y ser parte del momento.  ¿Y sabes cómo percibí uno de los momentos más gloriosos del universo? ¡con éstas ridículas esferas gelatinosas en mi cráneo! Con ojos diseñados para percibir sólo una pequeña fracción del espectro EM. Con oídos diseñados para percibir solamente vibraciones a través del aire.”  Esto último pertenece a una de mis escenas preferidas de la nueva Battlestar Galactica. Cuando el Cylon humanoide Cavil -un “robot” con fisiología y fisonomía completamente iguales a las de un ser humano- se queja ante su diseñadora por el hecho de haber sido creado tan humano, tan limitado… Puedo decir que lo entiendo, varias veces me he preguntado cómo sería poder percibir el mundo y el universo con una visión capaz de capturar un porción más amplia del espectro electromagnético. Sería simplemente increíble:  Cordyceps, un hongo digno de otro mundo  Si bien el cordyceps, un hongo endoparasitario, no es el único ‘organismo vampiro’ de la naturaleza, que para sobrevivir, debe infectar y causar la muerte de su anfitrión, ya hablamos del Leucochloridium paradoxum, que obliga a ciertos caracoles a suicidarse tempranamente, el cordyceps es sin duda alguna el más interesante y visualmente espectacular.  ¡Nuevos hallazgos! de hace medio milenio  El Renacimiento, si bien actualmente se cuestiona su importancia y, debo decir que con fuertes fundamentos, se plantea que el mismo fue más que nada la culminación de un proceso socio-cultural comenzado durante la Edad Media y no un proceso entero en si mismo, fue una época de avances tecnológicos y científicos sin igual.  Un arquitecto, podía comenzar su proyecto construyendo una sólida y masiva gran cúpula de piedra, y al terminarla ver su logro menospreciado por sus colegas ya que durante la construcción de la misma las cúpulas con esqueletos de madera, igual de imponentes pero menos pesadas, se habían puesto de moda.  Es así que llegamos a lo que se podría decir los antepasados directos de las revistas de divulgación científica y tecnológicas. Un paleo-antecesor de Nature, Popular Mechanics, etc. Obras en las cuales se mencionaban e ilustraban los nuevos avances.  La sabiduría colectiva de Galton  Francis Galton era un millonario inglés cuyos conocimientos en el campo de las matemáticas, la antropología, la lingüística y la geografía le harían ganar gran fama internacional. De mente muy curiosa, realizaría un particular concurso en 1906, aprovechándose de su acceso a una feria ganadera en el Reino Unido, para estudiar su teoría sobre el comportamiento colectivo. Teoría que, según sus hallazgos, afirmaba la importancia de la democracia al establecer que, si bien el votante promedio podía llegar a ser poco instruido o docto, el balance de la decisión colectiva superaba con creces, incluso, al análisis o estimación del votante culto.  Armas nucleares portátiles  En 1997 Alexander Lebed causaría gran conmoción mundial al mencionar la posibilidad viable de construir armas nucleares capaces de ser cargadas por una o más personas. Si bien a simple vista resultaba una declaración alarmista, el cargo de Lebed como Asesor de Seguridad Nacional de Rusia, y su conocimiento profundo de los sistemas de armamento soviéticos, le daban a sus argumentos la opción de ser considerados seriamente por la comunidad internacional.  En 1997 Alexander Lebed causaría gran conmoción mundial al mencionar la posibilidad viable de construir armas nucleares capaces de ser cargadas por una o más personas. Si bien a simple vista resultaba una declaración alarmista, el cargo de Lebed como Asesor de Seguridad Nacional de Rusia, y su conocimiento profundo de los sistemas de armamento soviéticos, le daban a sus argumentos la opción de ser considerados seriamente por la comunidad internacional.  Solo existen 300 en el mundo, construidos en 1989 por el Ejército de los Estados unidos como herramienta de último recurso ante una invasión soviética a Europa occidental en la cual, por motivos no previstos, el uso de misiles fuese poco viable.  Seres transparentes de las profundidades  Generalmente las nuevas especies descubiertas en lugares remotos no suelen ser muy sorprendentes. Tratándose ‘solo’ se seres similares a especies ya conocidas y cuyas pequeñas variaciones, por regla general, solo pueden ser notadas por especialistas en el tema.  No obstante, el ser de las profundidades Macropinna microstoma, descubierto hace 70 años, causaría considerable revuelo entre biólogos marinos y naturalistas del mundo entero. Esto, no para menos, debido a su singular cabeza transparente.  Tacuina sanitatis, el arte de vivir sanos en la Edad Media  Por alguna razón que desconozco, y que quizás sean las películas, el imaginario popular moderno tiene una idea apocalíptica de la higiene y la salud Medieval. Teniendo una imagen general del medioevo como si el conjunto de la época fuese similar a una ciudad bajo la plaga. Si bien esto era así para una parte de la población y algunas regiones particulares, en otros casos, la salud y el buen vivir eran tomados seriamente.  Es así que llegamos a las Tacuina sanitatis, o Tablas de sanidad, muy populares entre eruditos y personas educadas. Las mismas, ideas por el escritor Ibn Butlan, oriundo de Bagdad, en el siglo 11 y expandidas y popularizadas en Europa del sur en los siglos siguientes, son una recopilación de recomendaciones higiénicas, recetas y métodos enfocados a lograr el “buen vivir”.  La distribución de la población mundial en el 2025  Los resultados  Nadie se sorprendió al ver que en el 2025, en los tres posibles modelos obtenidos, se sugería un significante incremento en la población mundial, especialmente un notable aumento, del 30%, en la densidad de población en las áreas costeras -algo problemático si tenemos en cuenta los estudios climáticos que aseguran un aumento en el nivel del mar-. Así mismo, Europa del este y del sur verán una fuerte disminución en su densidad de población, mientras que China y especialmente el norte de la India seguirán con su tendencia de las últimas décadas del siglo XX viendo su población fuertemente incrementada. En la mayor parte de Europa central y Gran Bretaña, a pesar de la fuerte baja en la natalidad y la disminución de la población nativa, la tendencia será de crecimiento a causa de la inmigración, dándose así un recambio cultural y de población. A nivel global, se puede esperar una población total que rondaría entre los 7,5 y 8,3 mil millones de personas.  El cerebro de las profundidades  Imaginen bucear por las coloridas profundidades de las costas oceánicas australianas, particularmente, aunque habita otras partes del mundo, y de repente, como salido de la combinación de una novela de Julio Verne y un mapa de Sebastian Münster, encontrarse con un gigantesco cerebro que responde a nuestros movimientos.  Si bien este sería un excelente inicio para una película de terror B, esta experiencia no tiene nada de fantasioso, ya que es exactamente lo que podría llegar a pensar un buzo que, sin conocerlo de antemano, se cruce con un fantástico coral cerebro, una de las maravillas del océano y uno de los animales de forma más interesante. De la familia de los Faviidae, este animal cuyo tamaño varia del metro al metro y medio en promedio, se caracteriza por su parecido con un cerebro.  Cirugía plástica Medieval  Hace dos años habíamos hablado sobre un fantástico tratado medieval editado por Gaspare Tagliacozzi, un cirujano veneciano medieval que idearía, basado en teorías aun más antiguas, una autoplastia en la cual un adinerado guerrero o rico señor, podía recuperar una nariz u oreja perdida en batalla o un accidente tras asegurarla mediante un sistema de arneses a uno de sus brazos.  La obra en sí consta de 22 placas bien ilustradas y explicadas con el fin de permitirle a otros cirujanos utilizar el método de Tagliacozzi para reparar narices u orejas. Dando consejos no solo sobre en la cirugía en sí sino además sobre el cuidado postoperatorio. Recomienda, el innovador Gaspare, que un tiempo óptimo de espera con la nariz adosada al brazo es de dos a tres semanas. Transcurrido este tiempo, se debía práctica otra cirugía para separar e brazo y dar forma a la nueva “nariz”.  El Ataque de las Babosas de Mar  El Ataque de las Babosas de Mar de Champ Williams es uno de los mini-documentales más bellos que pude ver últimamente. En sus escasos 6 minutos nos invita a dar un paseo por la vida de las babosas de mar del Pacífico norte. Coloridos, hambrientos y en una constante lucha evolutiva por recursos y supervivencia el documental es una excelente ventana a la vida de estos nudibranquios, víctimas y a la vez actores de un mundo tan extraño y tan distinto al nuestro.  La muerte del mar Aral y los barcos del desierto  No obstante, en el desierto cercano al mar de Aral, Kazajistán, esta no es una visión fuera de lo común. Ya que desafortunadamente, a causa de las terribles acciones contra la ecología que la Unión Soviética cometió en el área al cambiar el curso de los dos ríos que alimentaban a dicho cuerpo de agua, se llevó a que el mismo hoy día se esté “contrayendo”, y varios barcos que en el pasado se habían hundido o habían sido abandonados en sus aguas fuesen quedando expuestos en este nuevo desierto formado a partir de la desaparición de las aguas. Alrededor de los años 60, el mar perdió la mayor parte de su suministro natural de agua, totalizando una pérdida de 25 a 55 kilómetros cúbicos por año. Razón por la cual el mar de Aral perdería unos 20 centímetros promedio por año a partir de 1961 y continuaría así hasta 1971. Las cosas no mejorarían a partir de aquí, y durante los 70s esa cifra se triplicaría. Convirtiendo la zona adyacente de un árido desierto.  Un serendipia de resultado sin igual  La falta de tiempo que me ha acosado últimamente, y que por suerte ya ha terminado, debo agregar, me ha alejado de varios hobbies, entre ellos la lectura. No obstante, pude encontrar en los libros de fotografía un grato refugio, ya que no requerían una inversión de tiempo considerable y a la vez no fallaban a la hora de regalarme nuevos conocimientos y otorgar información.  Uno de estos fue Beyond the Trail, de Rodney Lough Jr, gracias al cual, e indirectamente, pude enterarme de una de las serendipias más espectaculares alguna vez ocurridas.  Danakil, el infierno en la Tierra  La Región de Afar es quizás una de los joyas geológicas más espectaculares del mundo, ya que permite a geólogos de todo el mundo dar un paseo por una regiones más extrañas y violentas de la Tierra. Ubicada en el Cuerno de África, la misma es una inusual “recopilación” de particularidades geológicas, desde la separación de las placas tectónicas arabiga y africana, mayor responsable de cambios topográficos en la zona, hasta una de las mayores depresiones de terreno del mundo,  A lo largo y ancho de su caliente geografía, cuya temperatura promedio ronda los 39 grados, nos encontramos con lagos de lava, como el formado por el antiguo volcán Erta-ale; o increíbles lagos de ácido, géisers e interminables fuentes de sal como las halladas en Assal. Además del lado anteriormente mencionado, Danakil posee por toda su extensión fuentes termales de agua tan caliente y salada que su utilización se vuelve prácticamente nula.  La Internet de principios del siglo XX  Este video publicado hoy en Reddit me tomó totalmente por sorpresa. Trata de la visión de Paul Otlet publicada en su obra de 1932 “Tratado sobre Documentación”. La cual, hablaba de un futuro en el cual la información se encontrase disponible de manera inmediata y universal. Muy similar en esencia a lo que hoy llamamos Internet.  La información, según la propuesta de Otlet, se administraría en índices y sería enviada según pedido a distintas pantallas distribuidas No obstante, si bien la misma requería de un intensivo trabajo manual por parte de los administradores, posee una curiosa relación muy similar al concepto de hipervínculos vistos hoy día, a la que Otlet llamaba “enlaces simbólicos”.  Sin embargo, esta no era solo una “idea alocada”. Otlet junto a otro abogado, Henri La Fontaine, hacía 22 años que venía trabajando en un gigantesco proyecto, ya fallido cuando escribió su tratado anterior, de recopilación de información denominado Mundaneum. Cuyo objetivo era el de en el cual se acumular, catalogar y presentar toda la información del mundo  El planetario de la naturaleza  En Nueva Zelanda existe una cueva perdida en el medio de un río la cual es, pura y llanamente, uno de los espectáculos naturales más espectaculares que se puedan llegar a presenciar.  El techo de Waitomo, como es llamada dicha caverna, es el habitar de miles de millones Arachnocampa luminosas, pequeños gusanos de brillo variable que, gracias a la humedad capturada por la bóveda de la caverna, forman su propio planetario en miniatura.  La oruga capaz de devorar 86000 veces su propio peso  La oruga de la polilla Antheraea polyphemus sería una Lepidoptera más de las tantas miles que habitan el norte de América, si no fuese por ostenta el récord de ser el ser vivo más glotón del planeta, siendo capaz durante su estado larval de devorar, en 56 días de alimentación constante, 86 mil veces su propio peso.

Click en las imaguenes para ver los tutoriales de los efectos. 1.Jelly Text Effect: no tiene un aspecto específico pero quedó muy acaramelado. 2. Text In Stitches: crea un bonito efecto de punto de costura usando para ello un set de brushes que podrás descargar desde la página del autor del tutorial. 3. Reflectively Refractive Glass Filter Tutorial: ilustra un método sencillo de dar la ilusión de una reflexión en 3D a una forma particular, utilizando Photoshop del filtro de vidrio. 4. Wood Inlay Text: En este tutorial te mostrarán cómo crear un efecto de incrustación de madera utilizando texturas de madera, máscaras de capa y una selección de algunas técnicas creativas. 5. Worn Rubber Stamp Text: crea un efecto de texto de pidra pintada sobre suleo de granito. 6. Wet Window Text Effect: En este tutorial de Photoshop vamos a crear un agradable efectode texto líquido utilizando una textura gratuita (que podrás de encontrar en línea), un gradiente radial, mezclas y unos estilos. 7. Transformers Effect: En este tutorial de Photoshop aprenderás cómo hacer el clásico aspecto de las letras de la película Transformers. Aprenderás a crear texto en 3D y aplicar una serie de estilos de capa. 8. Watercolor Text: En este tutorial de Photoshop te mostrán cómo crear un efecto de de texto de acuarela con un fondo de papel de acuarela. Usted aprenderá a utilizar algunos pinceles específicos para crear este efecto de manera realista. 9. Colorful Glowing Text Effect: consigue un bonito efecto de texto borroso o de resplandor, además del clásico efecto reflejo en la parte inferior. 10. Bubble Text: con este tutorial para Photoshop conseguirás darle a tu texto un bonito efecto de texto burbuja, perfecto para el uso de texto en escenas submarinas. 11. Moon Shine Text Effect: bonito efecto de texto iluminado en gradiente y el alto relieve. 12. Electrifying Text: en este tutorial para Photoshop aprenderán a hacer un buen efecto de texto realmente electrizante, con un resultado realmente de calidad. 13. Drawing and Type Tools: aprende a hacer a través de este tutorial el famoso texto de chocolate. 14. Vibrant Pop Text Effect: con este sencillo tutorial para Photoshop lograrás crear en tan solo algunos pasos, un bonito efecto de texto ideal para banderolas o ampliaciones. Además, te recomiendan descargar algunas fuentes gratuitas para lograrlo. 15.Creating a Text Effect With Cigarettes: bonito tutorial para crear texto hecho en base a cigarros. 16. Spray Paint Text: tutorial para Photoshop para crear texto con con efecto de pintado con spray de pintura. 17. Cheese text effect: buen tutorial en Photoshop para crear un efecto de texto con textura de queso. 18. Bling Bling Simple Gold Text Effect: sencillo efecto para crear texto en alto relieve y degradado. 19. Plastic Text: tutorial para Photoshop para crear texto con efecto de plástico. 20. Aqua Text Photoshop Tutorial: consigue un bonito efecto de texto de agua en tonalidades, por supuesto, celestes. 21.Spiky Metal Text Effect Tutorial: otro tutorial con un efecto de texto de metal adornado o cargado de puntas de metal y otros. 22. Trendy Typographic Poster Design: tutorial para crear efecto de texto tipográfico. 23. 3D Text: tutorial para crear texto en 3D. 24. Swirl Text: tutorial para crear texto de metal fundido al rojo vivo. 25. Furry Text: consigue con este tutorial un efecto de texto de grama, o pastizal . 26. Awesome Grunge Text Effect: este efecto puede ser usado para animar su sitio web, pero también puede proporcionar una buena manera de mostrar los logotipos y otros elementos gráficos por sí solo. 27. Hell of Tutorial: tutorial para crear un texto en 3D con próximos fuego desde el interior del documento como un agujero. 28. Highlighted Chrome: tutorial para crear texto de metal con un efecto cromo con relieve, o texto de metal fundido. 29. Honeycomb Text Effect: tutorial para crear texto con efecto de piel de serpiente o de panal de abeja. 30. I Ice Styles in Photoshop: efecto de texto de hielo, no muy formal, idela para caricaturas e historietas.

Si te gustan mis aportes seguime Si no me encuentras conectado, estoy desconectado Resultado Final Paso 1 Empiece por elegir una imagen similar a ésta de alguien saltando en el aire ( imagen original ). Elija una imagen que te sientes tiene una gran cantidad de energía que ya , incluso antes de que haya agregado todo lo demás. Crear un nuevo documento en tamaño A3 con 300 ppp, o si lo prefiere un poco más pequeño, y luego ir por A4 300 ppp. Paso 2 Arrastre su imagen en el nuevo documento y agarrar el lápiz, cuidadosamente empezar a añadir punto por punto hasta que haya dibujado alrededor de todo el cuerpo de la niña. Pulse A para seleccionar la herramienta de selección de ruta y haga clic derecho en el > camino de crear una máscara vectorial . Esto nos dará un borde limpio y vence a un segundo plano, listo para que agreguemos la nuestra. Paso 3 Con un fondo en blanco, vamos a crear una cierta profundidad instantánea de la pieza mediante la adición de un gradiente . Así que selecciona la herramienta de degradado y mantenerlo negro al blanco. Ahora arrastre desde la parte inferior derecha a izquierda, pero arrastre sobre los bordes de la lona para que tipo de va de gris oscuro a gris claro. Paso 4 Ahora a veces me gustaría estar paleta de colores y tonos ordenados temprana, y en el caso de esta pieza que vamos a hacer precisamente eso. ¿Qué vamos a hacer es algo siempre tan simple pero muy eficaz en la creación del estado de ánimo de la pieza. En el menú ir a Capa> Nueva capa de ajuste degradado mapa> . Ahora elija el preset azul, rojo a un gradiente de color amarillo, pulse Aceptar y establecer esta opacidad de las capas a 40%. Se parece un poco lavado, así que algo siempre se debe hacer es añadir un par de capas de ajuste y para esta obra vamos a añadir una para el brillo y el contraste, ajuste de brillo y +8 y +28 para el contraste, y uno de los niveles que vamos a establecer a 15, 1.00 y 246 para los 3 campos de entrada. Paso 5 Veamos algunos pop a la niña y añadir un poco de iluminación. Ctrl + clic en la capa de población original para crear una selección alrededor de la niña, a continuación, en una nueva capa, coge el cepillo y el uso de diferentes tamaños y el flujo establecido en alrededor del 24%, comience a cepillar las zonas crees que se ven bien con algo de blanco luz sobre ellos. Luego baje la opacidad a alrededor de 15-35%. Paso 6 Dar a la pieza cierto atractivo inmediato de la energía mediante la adición de algunas rayas diagonales en forma de selecciones al azar geométrica rellena con un patrón. Crear un nuevo documento de 40 x 40 píxeles y crear una forma similar a la captura de pantalla abajo a la izquierda, que el fondo sea transparente, a continuación, Ctrl + A e ir a Edición> Definir motivo . Ahora, de vuelta a su documento principal y crear algunas geométricas selecciones al azar con el lazo poligonal de la herramienta y Edición> Rellenar con su patrón. Manténgalos en la dirección de la energía de su persona en la pieza y hacer algo de negro, algo de blanco. Paso 7 El momento de añadir algunas grandes figuras de colores brillantes para conseguir esta pieza en movimiento. Otra vez con la herramienta Lazo poligonal, creación de algunos de los grandes de varios lados formas geométricas , y con la herramienta degradado conjunto de rojo a amarillo, llene sus selecciones y la posición / transformar hasta que haya un acuerdo agradable. Colóquelos encima o detrás del rayado formas diagonales, lo que siento se ve bien. Paso 8 Ahora empiezan a capa a la que por la adición de muchas más formas de distintos tamaños sobre y detrás de la chica. Hacer lo que hicimos en el último paso utilizando la herramienta Lazo poligonal y crear formas afiladas. Rellene algunas con otros gradiente de negro a blanco, con un color amarillo a transparente o de color rojo a transparente, jugar con ella hasta que haya rellenado la ilustración con una buena cantidad de formas. Paso 9 En buen estado? Ya me lo imaginaba. Ahora vamos a obtener algunos detalles trabajado en esta pieza. Para ello vamos a crear algunos fragmentos para mejorar la energía de la pieza. Coge la herramienta Lazo poligonal de nuevo y crear una forma angular pequeña, mantenga presionada la tecla shift y crear otro. Repita esto varias veces hasta que haya un montón de formas. Luego, llenarlo con negro / blanco y posición. También puede usar la herramienta de pluma, pero en este caso la herramienta Lazo es mejor que las formas se sentirá más errático y no planificado, que es lo que queremos. Paso 10 Tiempo para desarrollar la pieza un poco más. Coge la herramienta Lazo poligonal (otra vez) y crear algunas selecciones más, pero mantener estos plaza tranquila y no tan nítidas para ofrecer un contraste con las otras formas que hemos creado antes. Rellenar con negro y aplicar un gradiente de superposición con los valores que se muestran en la pantalla de abajo. Observe el efecto en el brazo de las niñas, ahora que muestra como a través de una forma sólida, debido a la iluminación hemos añadido a ella en el paso 5. Por tanto, coloca una figura detrás de la capa por lo que se muestra a través, también se sienten libres para crear este efecto con otras partes del cuerpo de la niña. Paso 11 Así que coge la herramienta de línea y la puso a 2 píxeles de ancho, en un comienzo la nueva capa de dibujo algunas líneas en la dirección del resto de las formas, no van demasiado loco con ellos, sin embargo, mantienen sutil. Ahora que la herramienta de línea de 1 pixel de ancho y otra nueva capa de dibujar en algunas líneas más, casi como si las líneas están fragmentando. Paso 12 Para mejorar aún más la energía que vamos a crear algunas rayas de luz. Así que crear algunas formas agudas más delgada y llenarlas de color blanco. Ir a Filtro> Blur> Motion Blur y hacer que el ángulo de la misma que el ángulo de su forma, con la distancia establecida bastante elevado a alrededor de 400 a 500. Duplicar y arreglar algunas formas y modos de jugar con la opacidad y la mezcla de más interés. Paso 13 La imagen es ahora que parece grande pero no es bastante completo, necesita algunos retoques. Así que crear algunas partículas más con la herramienta pluma o lazo y llenarlos con el blanco y la posición detrás de la mayoría de las capas. Crear también algunas formas más sutiles y con pendientes modo de superposición de mezcla para emitir una mirada agradable, la posición de ellos como le gustaría lograr un buen equilibrio. He marcado donde he añadido algunas formas adicionales a la utilización de las selecciones en la pantalla de abajo. Paso 14 Casi allí, y para hacer las cosas Abit más dinámica de algunas de las formas. Coge la herramienta pincel con un tamaño de alrededor de 900 con el flujo establecido en un 15-20%. Cepille suavemente sobre las áreas a iluminar, ser muy sutil con esto sin embargo lo que no quiere matar. Luego baje la opacidad de su mezcla con bien. Paso 15 Para el toque final así, no puede ser un fan de las texturas, pero soy yo, y por esta pieza va a funcionar muy bien. Buscar una textura de alta resolución de papel como el de la captura de pantalla y arrástrelo por encima de todas las capas en el documento principal, la escala hacia arriba para ajustar si es necesario y establecer el modo de mezcla de color grabar con la opacidad en torno al 40%. Esto hace que los colores que realmente cobran vida y hace que la imagen más temperamental. Paso 16 Así que ahí estamos, marque a continuación la imagen final! Con imágenes como ésta, hay una ruta minimalista y una ruta más caótica en la que podría haber mantenido en ir añadiendo formas más y más. Pero en este caso hemos resuelto algo en el centro con un equilibrio muy bueno.

Solo 73.82 MB Mira Algunos --------------------------- MP y lo descargas Publicidad Alta comu para boludear Unite

Introducción - Tutorial CSS gratuito Las hojas de estilo en cascada (CSS, acrónimo de Cascading StyleSheets) son una herramienta fantástica para añadir presentación a los sitios web. Pueden ahorrarte mucho tiempo y te permitirán diseñar sitios web de un modo totalmente nuevo. CSS es imprescindible para todos aquellos que trabajen en el campo del diseño web. El presente tutorial te iniciará en el uso de CSS en solo unas horas. Es fácil de entender y te enseñará todo tipo de técnicas sofisticadas. Aprender CSS es divertido. Según vayas avanzando en el contenido del tutorial, recuerda dedicar el tiempo suficiente para experimentar con lo que hayas aprendido en cada lección. Para usar CSS es necesario tener una experiencia básica en HTML.. Si no estás familiarizado con HTML, empieza, por favor, con nuestro tutorial HTML antes de adentrarte en CSS. ¿Qué software necesito? Evita, por favor, usar software tal como FrontPage, DreamWeaver o Word con este tutorial. Este tipo de software tan sofisticado no te ayudará a aprender CSS; más bien, te limitará y reducirá de modo significativo tu curva de aprendizaje. Todo lo que necesitas es un editor de texto sencillo y gratuito. Por ejemplo, Microsoft Windows incorpora un programa que se llama Bloc de notas. Se localiza normalmente en el menú de Inicio, sección Todos los programas dentro de la carpeta Accesorios. Si no es éste, puedes usar un editor de texto parecido, por ejemplo, Pico para Linux o Simple Text para Macintosh. Este tipo de editores de texto sencillos son ideales para aprender HTML y CSS puesto que no afectan o cambian el código que vas tecleando. De esto modo, los éxitos y errores sólo se te podrán atribuir a ti... y no al software. Puedes usar cualquier navegador con este tutorial. Te animamos a que mantegas siempre actualizado tu navegador y uses la versión más reciente. Un navegador y un sencillo editor de texto es todo lo que necesitas. ¡Nos ponemos en marcha! Lección 1: ¿Qué es CSS? Puede que ya hayas oído hablar de CSS sin saber realmente qué es. En esta lección aprenderás más cosas sobre CSS y qué puede hacer por ti. CSS es el acrónicmo de CascadingStyle Sheets (es decir, hojas de estilo en cascada). ¿Qué puedo hacer con CSS? CSS es un lenguaje de estilo que define la presentación de los documentos HTML. Por ejemplo, CSS abarca cuestiones relativas a fuentes, colores, márgenes, líneas, altura, anchura, imágenes de fondo, posicionamiento avanzado y muchos otros temas. ¡Espera unos segundos y ya verás! Es posible usar HTML, o incluso abusar del mismo, para añadir formato a los sitios web. Sin embargo, CSS ofrece más opciones y es más preciso y sofisticado. CSS está soportado por todos los navegadores hoy día. Después de unas cuantas lecciones de este tutorial serás capaz de crear tus propias hojas de estilo usando CSS para dar a tu sitio web un aspecto nuevo y genial. ¿Qué diferencia hay entre CSS y HTML? HTML se usa para estructurar el contenido; CSS se usa para formatear el contenido previamente estructurado. Vale, suena un poco técnico y confuso... pero sigue leyendo; pronto todo tendrá sentido. Allá en los buenos tiempos en que Madonna era una "Virgen" y un tipo llamado Tim Berners Lee inventó el World Wide Web, el lenguaje HTML sólo se usaba para añadir estructura al texto. Los autores podían marcar sus textos diciendo "esto en un título" o "esto es un párrafo", usando las etiquetas HTML <h1> y <p> , respectivamente. A medida que la Web fue ganando popularidad, los diseñadores empezaron a buscar posibilidades para añadir formato a los documentos en línea. Para satisfacer esta reclamación, los fabricantes de los navegadores (en ese momento, Netscape y Microsoft) inventaron nuevas etiquetas HTML, entre las que se encontraban, por ejemplo, <font> , que se diferenciaba de las etiquetas originales HTML en que definían el formato... y no la estructura. Esto también llevó a una situación en la que las etiquetas estructurales originales, por ejemplo, <table>, se usaban cada vez más de manera incorrecta para dar formato a las páginas en vez de para añadir estructura al texto. Muchas nuevas etiquetas que añadían formato, por ejemplo, <blink>, sólo las soportaban un tipo determinado de navegador. "Necesitas el navegador X para visualizar esta página" se convirtió en una declaración de descargo común en los sitios web. CSS se inventó para remediar esta situación, proporcionando a los diseñadores web con sofisticadas oportunidades de presentación soportadas por todos los navegadores. Al mismo tiempo, la separación de la presentación de los documentos del contenido de los mismos, hace que el mantenimiento del sitio sea mucho más fácil. ¿Qué beneficios me ofrece CSS? CSS fue toda una revolución en el mundo del diseño web. Entre los beneficios concretos de CSS encontramos: control de la presentación de muchos documentos desde una única hoja de estilo;control más preciso de la presentación;aplicación de diferentes presentaciones a diferentes tipos de medios (pantalla, impresión, etc.);numerosas técnicas avanzadas y sofisticadas.En la siguiente lección examinaremos con más detenimiento cómo funciona realmente CSS y cómo puedes iniciarte en su uso. Lección 2: ¿Cómo funciona CSS? En esta lección aprenderás a crear tu primera hoja de estilo; conocerás el modelo básico de CSS y qué código es necesario para usar CSS en un documento HTML. Muchas de las propiedades que se usan en las hojas de estilo en cascada (CSS) son parecidas a las de HTML. Así pues, si estás acostumbrado a usar HTML para cuestiones de presentación, lo más probable es que reconozcas gran parte del código usado. Examinemos un ejemplo concreto. La sintaxis básica de CSS Digamos que queremos un bonito color rojo como fondo de nuestra página web: Usando HTML podríamos haberlo conseguido así: <body bgcolor="#FF0000"> Con CSS el mismo resultado puede lograrse así: body {background-color: #FF0000;} Como verás, el código usado es más o menos idéntico para HTML y CSS. El ejemplo anterior te muestra además el modelo CSS fundamental: Pero ¿dónde se sitúa el código CSS? Eso, precisamente, es lo que vamos a estudiar ahora mismo. Aplicando CSS a un documento HTML Podemos aplicar CSS a un documento HTML de tres maneras diferentes. Todos estos métodos se explican a continuación. Te recomendamos que te centres en el tercero, es decir, el externo. Método 1: En línea (el atributo style ) Un modo de aplicar CSS a HTML es usando el atributo de HTML style . Si ampliamos el ejemplo anterior sobre el color de fondo rojo, CSS se puede aplicar así: <html> <head> <title>Ejemplo</title> </head> <body style=background-color:#FF0000;> <p>Esta es una página con fondo rojo</p> </body> </html> Método 2: Interno (la etiqueta style ) Otra forma es incluir el código CSS usando la etiqueta HTML <style> . Por ejemplo, así: <html> <head> <title>Ejemplo</title> <style type="text/css"> body {background-color: #FF0000;} </style> </head> <body> <p>Esta es una página con fondo rojo</p> </body> </html> Método 3: Externo (enlace a una hoja de estilo) El método recomendado es enlazar con lo que se denomina hoja de estilo externa. A lo largo de este tutorial usaremos este método en todos nuestros ejemplos. Una hoja de estilo externa es sencillamente un fichero de texto con la extensión .css. Como cualquier otro fichero, puedes colocar la hoja de estilo en el servidor web o en el disco duro. Por ejemplo, digamos que tu hoja de estilo se llama style.css y está localizada en una carpeta que se llama style. Esta situación se puede ilustrar de la siguiente manera: El truco consiste en crear un vínculo desde el documento HTML (por ejemplo, default.htm) con la hoja de estilo (style.css). Dicho vínculo se puede crear con una sencilla línea de código HTML: <link rel="stylesheet" type="text/css" href="style/style.css" /> Fíjate cómo la ruta a nuestra hoja de estilo aparece indicada por medio del atributo href . La línea de código debe insertarse en la sección de encabezado del código HTML, es decir, entre la etiqueta <head> y </head> . De esta manera: <html> <head> <title>Mi documento</title> <link rel="stylesheet" type="text/css" href="style/style.css" /> </head> <body> ...Este vínculo indica al navegador que debería usar la presentación del fichero CSS al mostrar el fichero HTML. Lo realmente bueno de este método es que se pueden vincular varios documentos HTML con la misma hoja de estilo. En otras palabras, se puede usar un único fichero CSS para controlar la presentación del muchos documentos HTML. Esta técnica puede ahorrarte mucho trabajo. Si quisieras cambiar, por ejemplo, el color de fondo de un sitio web compuesto por 100 páginas, un hoja de estilo puede ahorrarte el tener que cambiar de forma manual los 100 documentos HTML. Con CSS, el cambio se puede llevar a cabo en unos segundos modificando parte del código de la hoja de estilo principal. Vamos a llevar a la práctica lo que acabamos de aprender. Pruébalo tú mismo Abre el Bloc de notas (o el editor de texto que utilices) y crea dos ficheros - un fichero HTML y un fichero CSS - con el siguiente contenido: Fichero default.htm <html> <head> <title>Mi documento</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <h1>Mi primera hoja de estilo</h1> </body> </html> Fichero style.css body { background-color: #FF0000; } Ahora coloca los dos ficheros en la misma carpeta. Recuerda grabar los ficheros con las extensiones correctas (".htm" y ".css", respectivamente). Abre el fichero default.htm con el navegador y observa que la página tiene un color de fondo rojo. ¡Enhorabuena! ¡Acabas de crear tu primera hoja de estilo! Y ahora sin parar pasa a la lección siguiente en la que examinaremos algunas de la propiedades de CSS. Lección 3: Colores y fondos En esta lección aprenderás a aplicar colores y colores de fondo a tus sitios web. Examinaremos también métodos avanzados para posicionar y controlar imágenes de fondo. Se explicarán las siguientes propiedades CSS: colorbackground-colorbackground-imagebackground-repeatbackground-attachmentbackground-positionbackgroundColor de primer plano: la propiedad 'color' La propiedad color describe el color de primer plano de un elemento. Por ejemplo, imagina que queremos que todos los títulos de un documento aparezcan con color rojo oscuro. Todos los títulos están marcados con el elemento <h1> . El código siguiente establece el color de los elementos <h1> como rojo. h1 {color: #ff0000;} Ver ejemploLos colores se pueden introducir como valores hexadecimales, como en el ejemplo anterior: #ff0000; o se pueden usar los nombres de los colores: "red" (rojo), o bien como valores rgb: (rgb(255,0,0)). La propiedad 'background-color' La propiedad background-color describe el color de fondo de los elementos. El elemento <body> contiene todo el contenido de un documento HTML. Así pues, para cambiar el color de fondo de una página, la propiedad background-color debería aplicarse al elemento <body> . También se pueden aplicar colores de fondo a otros elementos, entre ellos, a los encabezados y al texto. En el ejemplo que sigue se aplicarán diferentes colores a los elementos <body> y <h1> . body {background-color: #FFCC66;}h1 {color: #990000;background-color: #FC9804;} Ver ejemploFíjate cómo hemos aplicado dos propiedades a <h1> separándolas por medio de un punto y coma. Imágenes de fondo [background-image] La propiedad CSS background-image se usa para insertar una imagen de fondo. Para el ejemplo de la imagen de fondo, vamos a usar la mariposa que ves más abajo. Puedes descargar la imagen para usarla en tu propio ordenador (haz clic con el botón derecho sobre la imagen y elige "guardar imagen como...", o bien puedes usar cualquier otra imagen. Para insertar la imagen de la mariposa como imagen de fondo de una página web, aplica sencillamente la propiedad background-image al elemento <body> y especifica la localización de la imagen. body {background-color: #FFCC66;background-image: url("butterfly.gif");}h1 {color: #990000;background-color: #FC9804;} Ver ejemploNOTA: Fíjate cómo hemos especificado la localización de la imagen: url("butterfly.gif". Esto significa que la imagen está en la misma carpeta que la hoja de estilo. También puedes hacer referencia a imágenes en otras carpetas usando url("../imagenes/butterfly.gif" o incluso imágenes de internet si indicas la dirección completa del fichero: url("http://www.html.net/butterfly.gif". Repetir la imagen de fondo [background-repeat] En el ejemplo anterior, ¿te fijaste en que, por defecto, la mariposa se repetía tanto en el eje horizontal como en el vertical para ocupar toda la pantalla? La propiedad background-repeat controla este comportamiento. La tabla siguiente resume los cuatro valores diferentes para la propiedad background-repeat . ValorDescripciónEjemplo Background-repeat: repeat-x La imagen se repite en el eje horizontalVer ejemplo background-repeat: repeat-y La imagen se repite en el eje verticalVer /ejemplo background-repeat: repeat La imagen se repite en el eje horizontal y verticalVer ejemplo background-repeat: no-repeat La imagen no se repiteVer ejemploPor ejemplo, para evitar que se repita un imagen de fondo, el código que tendríamos que usar sería el siguiente: body {background-color: #FFCC66;background-image: url("butterfly.gif");background-repeat: no-repeat;}h1 {color: #990000;background-color: #FC9804;} Ver ejemploFijar la imagen de fondo [background-attachment] La propiedad background-attachment especifica si una imagen está fija o se desplaza con el elemento contenedor. Una imagen de fondo fija no se moverá con el texto cuando el lector se desplace por la página, mientras que una imagen de fondo no fija se desplazará con el texto de la página web. La tabla siguiente resume los dos valores posibles para la propiedad background-attachment . Haz clic en los ejemplos para ver la diferencia entre la imagen fija y la imagen que se desplaza. ValorDescripciónEjemplo Background-attachment: scroll La imagen se desplaza con la página - no está fijaVer ejemplo Background-attachment: fixed La imagen está fijaVer ejemploPor ejemplo, el siguiente código fijará la imagen de fondo. body {background-color: #FFCC66;background-image: url("butterfly.gif");background-repeat: no-repeat;background-attachment: fixed;}h1 {color: #990000;background-color: #FC9804;} Ver ejemploUbicación de la imagen de fondo [background-position] Por defecto, una imagen de fondo se posiciona en la esquina superior izquierda de la pantalla. La propiedad background-position te permitirá cambiar este valor por defecto y posicionar la imagen de fondo en cualquier lugar de la pantalla que quieras. Hay muchas formas diferentes de establecer los valores de la propiedad background-position . Sin embargo, todas ellas se formatean como un conjunto de coordenadas. Por ejemplo, el valor '100px 200px' posiciona la imagen de fondo a 100 píxeles del margen izquierdo y a 200 píxeles del margen superior del la ventana del navegador. Las coordenadas se pueden indicar como porcentajes del ancho de la pantalla, como unidades fijas (píxeles, centímetros, etc.) o puedes usar las palabras "top" (superior), "bottom" (inferior), "center" (centro), "left" (izquierda) y "right" (derecha). El modelo siguiente ilustra cómo funciona el sistema: La tabla siguiente proporciona varios ejemplos. ValorDescripciónEjemplo background-position: 2cm 2cm La imagen se posiciona a 2 cm del margen izquierdo y a 2 cm del margen superior de la páginaVer ejemplo background-position: 50% 25% La imagen se posiciona en el centro de la página y un 25 % del margen superior de la mismaVer ejemplo background-position: top right La imagen se posiciona en la esquina superior derecha de la páginaVer ejemploEl ejemplo de código siguiente posiciona la imagen de fondo en la esquina inferior derecha: body {background-color: #FFCC66;background-image: url("butterfly.gif");background-repeat: no-repeat;background-attachment: fixed;background-position: right bottom;}h1 {color: #990000;background-color: #FC9804;} Ver ejemploCombinación de propiedades La propiedad background es una forma abreviada de todas las propiedades de fondo listadas a lo largo de esta lección. Con la propiedad background se pueden comprimir varias propiedades, y así escribir una hoja de estilo de forma más abreviada, lo que facilitará su lectura. Por ejemplo, observa estas cinco líneas de código: background-color: #FFCC66;background-image: url("butterfly.gif");background-repeat: no-repeat;background-attachment: fixed;background-position: right bottom; Usando background se puede lograr el mismo resultado con una única línea de código: background: #FFCC66 url("butterfly.gif") no-repeat fixed right bottom; El orden en que deben aparecer las propiedades individuales es el siguiente: [background-color] | [background-image] | [background-repeat] | [background-attachment] | [background-position] Si se omite alguna propiedad, de forma automática ésta se establecerá con su valor por defecto. Por ejemplo, si se omiten las propiedades background-attachment y background-position del ejemplo anterior, quedando el código de la siguiente manera: background: #FFCC66 url("butterfly.gif") no-repeat; Estas dos propiedades que no se especifican se establecerían, sin más, con sus valores por defecto, que, como ya sabes, son scroll y top left . Lección 4: Fuentes En esta lección aprenderás nociones sobre fuentes y cómo se aplican usando CSS. También veremos cómo solucionar el tema de que las fuentes específicas elegidas para un sitio web sólo se pueden ver si están instaladas en el PC desde el que se accede a dicho sitio web. Se describirán las siguientes propiedades CSS: font-familyfont-stylefont-variantfont-weightfont-sizefontFamilia de fuentes [font-family] La propiedad font-family se usa para establecer una lista ordenada de fuentes que se usarán para mostrar un elemento determinado o una página web. Si la primera fuente de la lista no está instalada en el ordenador desde el que se accede al sitio, se seguirá probando con la siguiente fuente hasta encontrar una fuente apropiada. Para clasificar las fuentes se usan dos tipos de nombres: nombres de una familia y familias genéricas. Estos dos términos se explican a continuación. La diferencia se puede ilustrar así: Al listar fuentes para el sitio web, por supuesto se empieza por la preferida, seguida ésta de algunas fuentes alternativas. Se recomienda completar la lista con una familia de fuentes genérica. Así, al menos, la página se mostrará usando una fuente de la misma familia si ninguna de las especificadas están disponibles. Un ejemplo de lista de fuentes por orden de prioridad podría tener este aspecto: h1 {font-family:arial, verdana, sans-serif;}h2 {font-family:#"Times New Roman", serif;} Ver ejemploLos encabezados marcados con la etiqueta <h1> se mostrarán usando la fuente "Arial". Si esta fuente no está instalada en el ordenador de usuario, se usará en su lugar la fuente "Verdana". Si ambas fuentes no están disponibles, se usará una fuente de la familia sans-serif para mostrar los encabezados. Fíjate cómo el nombre de fuente "Times New Roman" contiene espacios y, por lo tanto, se lista usando comillas. Estilo de la fuente [font-style] La propiedad font-style define la fuente elegida bien con el valor normal, el valoritalic o el valor oblique. En el ejemplo que sigue, todos los encabezados marcados con <h2> aparecerán en cursiva. h1 {font-family:arial, verdana, sans-serif;}h2 {font-family:#"Times New Roman", serif; font-style: italic;} Ver ejemploVariante de fuente [font-variant] La propiedad font-variant se usa para elegir entre las variantes normal o small-caps (versalita) de una fuente. La fuente a la que se aplica el valorsmall-caps es una fuente que usa letras en mayúscula inicial más pequeñas, en vez de letras en minúscula. ¿Confuso? Veamos los ejemplos siguientes: Si la propiedad font-variant se establece con el valor small-caps y no hay disponible una fuente en versalita, el navegador probablemente mostrará el texto en mayúscula. h1 {font-variant: small-caps;}h2 {font-variant: normal;} Ver ejemploPeso de la fuente [font-weight] La propiedad font-weight describe qué intensidad o "peso" en negrita debería tener la fuente. Toda fuente puede tener los valores normal o bold. Algunos navegadores soportan, incluso, el uso de números entre 100 y 900 (de cien en cien) para describir el peso de dicha fuente. p {font-family:arial, verdana, sans-serif;}td {font-family:arial, verdana, sans-serif; font-weight: bold;} Ver ejemploTamaño de la fuente [font-size] El tamaño de la fuente se establece por medio de la propiedad font-size . A la hora de describir el tamaño de las fuentes, existen muchas unidades diferentes (por ejemplo, píxeles y porcentajes) entre las que elegir. En este tutorial nos centraremos en las unidades más comunes y adecuadas. Como ejemplo, podemos incluir: h1 {font-size: 30px;}h2 {font-size: 12pt;}h3 {font-size: 120%;}p {font-size: 1em;} Ver ejemploExiste una diferencia clave entre las cuatro unidades anteriores. Las unidades 'px' y 'pt' establecen el tamaño de la fuente de forma absoluta, mientras que '%' y 'em' permiten al usuario ajustar el tamaño de la misma según considere oportuno. Muchos usuarios son discapacitados, mayores o sufren de disminuación visual, o disponen de un monitor de mala calidad.Para que tu sitio web sea accesible para todo el mundo, deberías usar unidades ajustables como, por ejemplo, '%' o 'em'. En la imagen que sigue puedes ver cómo ajustar el tamaño del texto en Mozilla Firefox e Internet Explorer. Pruébalo; es una buena característica, ¿no crees? Combinación de propiedades Si usamos la propiedad abreviada font es posible incluir todas las propiedades diferentes relativas a fuentes en una única propiedad. Por ejemplo, imagina estas cuatro líneas de código que usamos para describir las propiedades de fuente para la etiqueta <p> : p {font-style: italic;font-weight: bold;font-size: 30px;font-family:arial, sans-serif;} Usando la propiedad abreviada, el código se puede simplicar así: p {font: italic bold 30px arial, sans-serif;} El orden de los valores para la propiedad font es: font-style | font-variant | font-weight | font-size | font-family Lección 5: Texto Formatear y añadir estilo al texto es un tema clave para cualquier diseñador web. En esta lección presentaremos las increíbles oportunidades que ofrece CSS a la hora de añadir presentación al texto. Describiremos las siguientes propiedades: text-indenttext-aligntext-decorationletter-spacingtext-transformSangría del texto [text-indent] La propiedad text-indent permite añadir un toque de elegancia a los párrafos de texto al aplicar sangría a la primera línea de dicho párrafo. En el ejemplo siguiente se ha aplicado una sangía de 30px a todos los párrafos de texto marcados con la etiqueta <p> : p {text-indent: 30px;} Ver ejemploAlineación del texto [text-align] La propiedad CSS text-align es el equivalente al atributo align usado en versiones anteriores de HTML. Los valores posibles de esta propiedad son: left(texto alineado a la izquierda), right (texto alineado a la derecha) o center (texto con alineación centrada). Además, el valor justify(alineación justificada) alargará cada línea de forma que los márgenes izquierdo y derecho estén justificados. Esta tipo de presentación la habrás visto, por ejemplo, en periódicos y revistas. En el ejemplo que sigue, el texto de los encabezados de la tabla, <th> , se ha alineado a la derecha, mientras que los datos de la tabla, <td> , aparecen centrados. Además, los párrafos de texto normales están justificados: th {text-align: right;}td {text-align: center;}p {text-align: justify;} Ver ejemploDecoración del texto [text-decoration] La propiedad text-decoration permite añadir diferentes "decoraciones" o "efectos" al texto. Por ejemplo, se puede subrayar el texto, tacharlo o ponerle un subrayado superior. En el ejemplo siguiente, el elemento <h1> aparecerá subrayado, el elemento <h2> aparecerá con un subrayado por encima del texto y el elemento <h3> tendrá el texto tachado. h1 {text-decoration: underline;}h2 {text-decoration: overline;}h3 {text-decoration: line-through;} Ver ejemploEspaciado entre caracteres [letter-spacing] El espaciado entre los caracteres de texto se puede especificar usando la propiedad letter-spacing . El valor de esta propiedad corresponde, sencillamente, al ancho deseado. Por ejemplo, si queremos un espaciado de 3px entre los caracteres de un párrafo de texto <p> y6px entre los caracteres de los encabezados <h1> , usaríamos el siguiente código: h1 {letter-spacing: 6px;}p {letter-spacing: 3px;} Ver ejemploTransformación del texto [text-transform] La propiedad text-transform controla la escritura en mayúsculas de un texto. Puedes elegir entre los valorescapitalize, uppercase olowercase, sin importar cómo aparece el texto original en el código HTML. Un ejemplo podría ser la palabra "título" que se puede presentar al usuario como "TÍTULO" o "Título". A continuación ofrecemos una explicación de los valores de la propiedad text-transform mencionados en el párrafo anterior: capitalizePone en mayúscula la primera letra de cada palabra. Por ejemplo, "john doe" aparecerá como "John Doe".uppercaseConvierte todas las letras a mayúscula. Por ejemplo, "john doe" aparecerá como "JOHN DOE".lowercaseConvierte todas las letras a minúscula. Por ejemplo, "JOHN DOE" aparecerá como "john doe". noneNo se realiza transformación alguna; el texto se presenta tal como aparece en el cógido HTML.Como ejemplo, usaremos una lista de nombres. Todos los nombres están marcados con la etiqueta <li> (de "list element", es decir, elemento de lista). Supongamos que queremos que las iniciales de los nombres aparezcan en mayúscula y los títulos con todos los caracteres en mayúscula. Échale un vistazo al código fuente del ejemplo y verás que el texto aparece realmente en minúscula. h1 {text-transform: uppercase;}li {text-transform: capitalize;} Ver ejemplo Lección 6: Enlaces Ya puedes aplicar lo que aprendiste en las lecciones anteriores a los enlaces (es decir, cambiar colores, fuentes, subrayado, etc.). La novedad respecto a los enlaces es que CSS te permite definir estas propiedades de forma diferente dependiendo del estado del mismo, es decir, si el enlace se ha visitado, no se ha visitado, si es el enlace activo o si el cursor está sobre dicho enlace. Esto permite añadir efectos divertidos y útiles a tu sitio web. Para controlar estos efectos se usan lo que se ha denominado como pseudo-clases. ¿Qué es una pseudo-clase? Una pseudo-clase te permite tener en cuenta diferentes condiciones o eventos al definir una propiedad para una etiqueta HTML. Veamos un ejemplo. Como ya sabes, los enlaces se especifican en HTML con la etiqueta <a> . Por lo tanto, podemos usar a como selector en CSS: a {color: blue;} Todo enlace tiene diferentes estados. Por ejemplo, visitado o no visitado. Puedes usar una pseudo-clase para asignar diferentes estilos a los enlaces visitados y no visitados. a:link {color: blue;}a:visited {color: red;} Usa a:link y a:visited para enlaces visitados y no visitados, respectivamente. A los enlaces activos se les aplica la pseudo-clase a:active , y a:hover cuando el cursor se coloca o pasa sobre el enlace. Vamos a repasar ahora cada una de las cuatro pseudo-clases con ejemplos y más explicaciones. Pseudo-clase a:link La pseudo clase :link se usa para enlaces que dirigen a páginas que el usuario no ha visitado. En el ejemplo de código que sigue, los enlaces no visitados tendrán un color azul claro. a:link {color: #6699CC;} Ver ejemploPseudo-clase a:visited La pseudo clase :visited se usa para enlaces que dirigen a páginas que el usuario ya ha visitado. Por ejemplo, el código siguiente hará que todos los enlaces visitados sean de color púrpura oscuro: a:visited {color: #660099;} Ver ejemploPseudo-clase a:active : La pseudo clase :active se usa para enlaces que están activos. El código de este ejemplo hace que el color de fondo para los enlaces activos sea amarillo: a:active {background-color: #FFFF00;} Ver ejemploPseudo-clase a:hover La pseudo clase a:hover se usa cuando el puntero del ratón pasa por encima de un enlace. Esta pseudo-clase se puede usar para crear efectos interesantes. Por ejemplo, si queremos que nuestros enlaces sean de color naranja y estén en cursiva cuando el cursor pase sobre ellos, el código CSS que utilizaremos será el siguiente: a:hover {color: orange;font-style: italic;} Ver ejemploEjemplo 1: Efecto cuando el cursor está encima de un enlace Es bastante popular crear diferentes efectos cuando el cursor está encima de un enlace. Por lo tanto, examinaremos unos cuantos ejemplos más relacionados con la pseudo-clase :hover . Example 1a: Espaciado entre letras Como recordarás de la lección 5, el espaciado entre los caracteres se puede ajustar usando la propiedad letter-spacing . Esta propiedad se puede aplicar a los enlaces para crear un efecto especial: a:hover {letter-spacing: 10px;font-weight:bold;color:red;} Ver ejemploEjemplo 1b: MAYÚSCULAS y minúsculas En la lección 5 examinamos la propiedad text-transform , que sirve para intercambiar entre letras en mayúscula y minúscula. Esto se puede usar también para crear un determinado efecto en los enlaces: a:hover {text-transform: uppercase;font-weight:bold;color:blue;background-color:yellow;} Ver ejemploEstos dos ejemplos dan una idea sobre las posibilidades casi infinitas al combinar diferentes propiedades. Ya puedes ir creando tus propios efectos... ¡inténtalo! Ejemplo 2: Quitar el subrayado de los enlaces Una pregunta muy recurrente es: ¿cómo quito el subrayado de los enlaces? Deberías considerar cuidadosamente la necesidad de quitar el subrayado, pues esto podría disminuir la usabilidad de tu sitio web de forma significativa. La gente está acostumbrada al subrayado azul de los enlaces en las páginas web y saben que pueden hacer clic en ellos. ¡Incluso mi abuelita lo sabe! Si cambias el subrayado y el color de los enalces, existe una buena posibilidad de que los usuarios se confundan y, por lo tanto, no saquen todo el provecho al contenido de tu sitio web. Dicho esto, es muy sencillo quitar el subrayado de los enlaces. Como recordarás de la lección 5, la propiedad text-decoration se puede usar para determinar si el texto aparece subrayado o no. Para quitar el subrayado, establece el valor de text-decoration a none . a {text-decoration:none;} De forma alternativa, puedes establecer la propiedad text-decoration junto con otras propiedades para las cuatro pseudo clases. a:link {color: blue;text-decoration:none;}a:visited {color: purple;text-decoration:none;}a:active {background-color: yellow;text-decoration:none;}a:hover {color:red;text-decoration:none;} Ver ejemplo Lección 7: Identificación y agrupación de elementos (class e id) A veces querrás aplicar un estilo especial a un elemento concreto o a un grupo concreto de elementos. En esta lección examinaremos cómo usar los atributos class e id para especificar propiedades para los elementos seleccionados. ¿Como se puede dar color a un título concreto de forma diferente a los otros títulos de tu sitio web? ¿Cómo se pueden agrupar los enlaces en diferentes categorías y dar a cada categoría un estilo especial? Estas dos preguntas son un ejemplo de las preguntas a las que daremos respuesta en esta lección. Agrupación de elementos con el atributo class Digamos que tenemos dos listas de enlaces con los diferentes tipos de uva usados para el vino tinto y el blanco. El código HTML sería el siguiente: <p>Uvas para el vino blanco:</p><ul><li><a href="ri.htm">Riesling</a></li><li><a href="ch.htm">Chardonnay</a></li><li><a href="pb.htm">Pinot Blanc</a></li></ul><p>Uvas para el vino tinto:</p><ul><li><a href="cs.htm">Cabernet Sauvignon</a></li><li><a href="me.htm">Merlot</a></li><li><a href="pn.htm">Pinot Noir</a></li></ul> Ver ejemploAsí pues, queremos que los enlaces relativos al vino blanco sean amarillos, los enlaces relacionados con el vino tinto sean rojos, y el resto de enlaces de la página web sigan siendo azules. Para lograr esto, dividiremos los enlaces en dos categorías. Esto se hace asignando una clase para cada tipo de enlace, usando el atributo class . Intentemos especificar algunas clases en el ejemplo anterior: <p>Uvas para el vino blanco:</p><ul><li><a href="ri.htm" class="whitewine">Riesling</a></li><li><a href="ch.htm" class="whitewine">Chardonnay</a></li><li><a href="pb.htm" class="whitewine">Pinot Blanc</a></li></ul><p>Uvas para el vino tinto:</p><ul><li><a href="cs.htm" class="redwine">Cabernet Sauvignon</a></li><li><a href="me.htm" class="redwine">Merlot</a></li><li><a href="pn.htm" class="redwine">Pinot Noir</a></li></ul> A partir de aquí, podemos definir propiedades especiales para los enlaces que hacen referencia al vino tinto y al vino blanco, respectivamente. a {color: blue;}a.whitewine {color: #FFBB00;}a.redwine {color: #800000;} Ver ejemploComo se muestra en el ejemplo, se pueden definir las propiedades para los elementos que pertenecen a una clase unsando.nombredelaclase en la hoja de estilo del documento. Identificación de un elemento usando el atributo id Además de agrupar elementos, podrías necesitar identificar un elemento único. Esto se hace con el atributo id . Lo que hace especial al atributo id es que no pueden existir dos elementos dentro del mismo documento con el mismo id . Cada id tiene que ser único. En cualquier otro caso, se debería usar el atributo class en su lugar. Ahora, examinemos un ejemplo de un posible uso del atributo id : <h1>Capítulo 1</h1>...<h2>Capítulo 1.1</h2>...<h2>Capítulo 1.2</h2>...<h1>Capítulo 2</h1>...<h2>Capítulo 2.1</h2>...<h3>Capítulo 2.1.2</h3>... El código anterior podría hacer referencia a encabezados de cualquier documento dividido en capítulos y párrafos. Sería normal asignar un id a cada capítulo de la siguiente manera: <h1 id="c1">Capítulo 1</h1>...<h2 id="c1-1">Capítulo 1.1</h2>...<h2 id="c1-2">Capítulo 1.2</h2>...<h1 id="c2">Capítulo 2</h1>...<h2 id="c2-1">Capítulo 2.1</h2>...<h3 id="c2-1-2">Capítulo 2.1.2</h3>... Digamos que el título del capítulo 1.2 tiene que estar en rojo. Usando el código CSS necesario, se podría hacer así: #c1-2 {color: red;} Ver ejemploComo se muestra en el ejemplo anterior, se pueden definir las propiedades de un elemento específico usando #nombredelidentificador en la hoja de estilo del documento. Lección 8: Agrupación de elementos (span y div) Los elementos <span> y <div> se usan para agrupar y estructurar un documento, y se usarán, a menudo, junto con los atributos class e id . En esta lección revisaremos el uso de los elementos <span> y <div>, ya que estos dos elementos de HTML son, precisamente, de importancia clave en lo que se refiere a CSS. Agrupación con el elemento <span>Agrupación con el elemento <div>Agrupación con <span> El elemento <span> es lo que se podría denominar un elemento neutro que no añade nada al documento en sí. Pero con CSS <span> se puede usar para añadir características visuales distintivas a partes específicas de texto en los documentos. Un ejemplo de esto podría ser esta cita de Benjamin Franklin: <p>El que pronto se acuesta y pronto se levanta, es hombre saludable, rico y sabio.</p> Digamos que queremos que lo que el señor Franklin considera como las ventajas de no pasarse todo el día durmiendo, aparezca enfatizado en rojo. Para este fin, podemos marcar dichas ventajas con el elemento <span> . A cada elemento span se le añade el atributo class , que podemos definir así en nuestra hoja de estilo: <p>El que pronto se acuesta y pronto se levanta, es hombre <span class="ventaja">saludable</span>, <span class="ventaja">rico</span> y <span class="ventaja">sabio</span>.</p> El código CSS necesario para producir este efecto es el siguiente: span.benefit {color:red;} Ver ejemploPor supuesto, se puede usar también el atributo id para añadir estilo a los elementos definidos con <span> . Pero recuerda que tendrás que aplicar siempre un atributo id único para cada uno de los tres elementos <span> , tal como aprendimos en la lección anterior. Agrupación con el elemento <div> Mientras que <span> se usa dentro de un elemento a nivel de bloque como vimos en el ejemplo anterior, <div> se usa para agrupar uno o más elementos a nivel de bloque. Aparte de esta diferencia, la agrupación con <div> funciona más o menos igual. Veamos un ejemplo con dos listas de presidentes de los EE.UU., divididas según su filiación política. <div id="democrats"><ul><li>Franklin D. Roosevelt</li><li>Harry S. Truman</li><li>John F. Kennedy</li><li>Lyndon B. Johnson</li><li>Jimmy Carter</li><li>Bill Clinton</li></ul></div><div id="republicans"><ul><li>Dwight D. Eisenhower</li><li>Richard Nixon</li><li>Gerald Ford</li><li>Ronald Reagan</li><li>George Bush</li><li>George W. Bush</li></ul></div> En nuestra hoja de estilo podemos utilizar la agrupación del mismo modo que antes: #democrats {background:blue;}#republicans {background:red;} Ver ejemploEn los ejemplos anteriores, sólo hemos usado <div> y <span> con cosas muy sencillas como, por ejemplo, texto y colores de fondo. Ambos elementos tienen el potencial para realizar cosas más avanzadas. Sin embargo, esto no se presentará en esta lección; lo veremos más adelante a lo largo del tutorial. Muchos Code ------------ Bueno aca termina la primera parte de este tutorial de CSS , esten atentos que ya va a salir la parte 2 Un Saludo

17 scratched and scraped textures grab bag 40 random free textures 14 free high res slate textures Aqueous Sun Texture Pack Volume 1 (50) Aqueous Sun Texture Pack Volume 2 (50) Aqueous Sun Presents Rust v.01 (28) Beautiful Textures On Black Backgrounds (22) rust textures (5) victorian dreams texture pack (10) Dreamy Bokeh Textures (4) Glitter Bokeh Texture Pack (33) 20 grungy dirty wood textures tree bark 10 free high res textures 9 colorful rust textures Wood Panels Texture Set (9) turn back time texture pack (5) Vintage II Texture Pack (6) Rust ‘n Such Textures (10) textures (5) Folds: Texture Pack (8) Freebie: Texture Pack 4 – Watercolours (10) Metal Texture Pack – 47 Free Images Brick & Stone: Texture Pack (24) 17 rock and concrete textures 25 subtle and light grunge textures 8 re-stained paper textures 28 High-Res Vintage Postal Textures Old Leather Textures (5) 5 colored grungy bokeh textures 15 High-Res Lens Flare Textures 27 High-Res Fabric Fold Textures out of focus 30 free bokeh textures 12 Grungy Bokeh Textures 8 High Resolution Screen Print Ready Textures 4 Free High Resolution Grunge Textures Bokeh Pack (22) Stone Texture Pack! (10) High-Res Card and Paper Textures (8) Wrinkled Paper Textures (3) 18 stained brown paper textures 21 High-Res Texas Snow Textures 31 High-Res Grunge Remodeling Textures 53 High-Res Rustic Metal Sculpture Textures free texture pack lights (25) 10 Super High-Res Wood Textures High Res Fabric Texture Pack (10) Metal Texture Pack (10) 25 free high res watercolor textures 14 high res japanese paper textures Autumn textures pack I (5) Creased Fabric Set: 14 Free Hi-Res Textures Mega Textures Pack (25) 10 colorful motion blur textures Free High-Quality Texture Pack: Sky and Lens Flare (25) Texture Pack: Burnt Brown Paper (6) Texture Pack: Light Watercolor Stains on Crumpled Paper (8) Stones: Texture Pack (7) Rough Concrete: Texture Pack (7) Leather: Texture Pack (9) 10 Free and High-Res Grungy Wood Textures 8 Free Scribbly Hand-Drawn Textures Wood Textures (45) Wall and Terrain Textures (12) Jean Textures (15) Fabric Textures (14) massive grunge texture pack 40 textures 24 High-Res Grunge Texture Pics Ultimate Grunge Pack: 40 High-Res Textures Heavy Coffee Stains Free Texture Pack (7) Grunge Cement Texture Pack (12) 99 Free Canvas, Paper, Paint, and Metal Textures High Res Grunge Texture Pack (12) 8 Tileable Dark Wood Texture Patterns Seamless Brick Texture Pack (17) Cardboard Textures and Objects: High Resolution Pack (20) Cardboard Lite Texture Pack (11) 25 High-Res Beach & Sand Texture Shots (Part 1) High-Res Beach & Sand Texture Shots (Part 2) (25) Corkboard Texture Pack (10) 25+ Rare Cloth Texture pack Canvas Textures (10) Free Hi-Res Water Colour Texture Pack (11) 8 Free Lollidots Grungy Paper Textures 24 Free High-Res Concrete Textures 46 High-Quality Graffiti Textures 57 High-Res Classic Car Textures 28 High-Res Tree Bark Textures 15 High-Res Red Vinyl Textures Community Center Outdoor Textures (30) Rock Texture Pack (10) Rust Textures Pack (6) 30 High-Res Paper & Plastic Packaging Textures 44 High-Res Summer Garden Textures 300+ Free Hi-Res grunge textures you’ve never seen before! Hessian Sack Texture Denim Textures (5)

Frases de las mentes mas sabias de nuestro planeta  Considero que el mundo como va, no va muy bien, sin embargo siempre podemos encontrar cosas buenas, todo el tiempo, solo hay que saber verlas. Hice una recopilación de célebres frases o citas de distintas personalidas de nuestro planeta, todos muy sabios a mi entender. Se necesitan verdaderos cambios en sociales y espirituales en todo el mundo. Siento que día a día tenemos más objetos, más tecnología, pero poco a poco estamos más vacíos.  Tomate unos minutos, lee y si podes reflexionar, mejor  Mahatma Gandhi  1869-1948.  Político y pensador indio.  · Nuestra recompensa se encuentra en el esfuerzo y no en el resultado. Un esfuerzo total es una victoria completa.  · La violencia es el miedo a los ideales de los demás.  · Ojo por ojo y todo el mundo acabará ciego.  · No hay camino para la paz, la paz es el camino.  · Un error no se convierte en verdad por el hecho de que todo el mundo crea en él.  · Lo que se obtiene con violencia, solamente se puede mantener con violencia.  · Uno debe ser tan humilde como el polvo para poder descubrir la verdad.  · Dios no ha creado fronteras. Mi objetivo es la amistad con el mundo entero.  · Si la muerte no fuera el preludio a otra vida, la vida presente sería una burla cruel.  · Lo mismo que un árbol tiene una sola raíz y múltiples ramas y hojas, también hay una sola religión verdadera y perfecta, pero diversificada en numerosas ramas, por intervención de los hombres.  Jorge Luis Borges  1899-1986.  Escritor argentino.  · Uno está enamorado cuando se da cuenta de que otra persona es única.  · Yo no hablo de venganzas ni perdones, el olvido es la única venganza y el único perdón.  · Antes las distancias eran mayores porque el espacio se mide por el tiempo.  · La muerte es una vida vivida. La vida es una muerte que viene.  · He sospechado alguna vez que la única cosa sin misterio es la felicidad, porque se justifica por sí sola.  · Hay que tener cuidado al elegir a los enemigos porque uno termina pareciéndose a ellos.  · Todas las teorías son legítimas y ninguna tiene importancia. Lo que importa es lo que se hace con ellas.  · Siempre he sentido que hay algo en Buenos Aires que me gusta. Me gusta tanto que no me gusta que le guste a otras personas. Es un amor así, celoso.  · La duda es uno de los nombres de la inteligencia.  · El infierno y el paraíso me parecen desproporcionados. Los actos de los hombres no merecen tanto.  · Yo creo que habría que inventar un juego en el que nadie ganara.  · Democracia: es una superstición muy difundida, un abuso de la estadística.  Platón  427 AC-347 AC.  Filósofo griego.  · La pobreza no viene por la disminución de las riquezas, sino por la multiplicación de los deseos.  · El cuerpo humano es el carruaje; el yo, el hombre que lo conduce; el pensamiento son las riendas, y los sentimientos los caballos.  · No dejes crecer la hierba en el camino de la amistad.  · La filosofía es un silencioso diálogo del alma consigo misma en torno al ser.  · Hay que tener el valor de decir la verdad, sobre todo cuando se habla de la verdad.  · Al contacto del amor todo el mundo se vuelve poeta.  · Si bien buscas, encontrarás.  · Allí donde el mando es codiciado y disputado no puede haber buen gobierno ni reinará la concordia.  · El tiempo es la imagen de la eternidad en movimiento.  · Debemos buscar para nuestros males otra causa que no sea Dios.  · Lo que se mueve por sí mismo es inmortal.  William Shakespeare  1564-1616.  Escritor británico.  · Duda que sean fuego las estrellas, duda que el sol se mueva, duda que la verdad sea mentira, pero no dudes jamás de que te amo.  · Es mejor ser rey de tu silencio que esclavo de tus palabras.  · El amor, como ciego que es, impide a los amantes ver las divertidas tonterías que cometen.  · De lo que tengo miedo es de tu miedo.  · La mujer es un manjar digno de dioses, cuando no lo cocina el diablo.  · Un hombre que no se alimenta de sus sueños, envejece pronto.  · Los cobardes mueren muchas veces antes de su verdadera muerte; los valientes prueban la muerte sólo una vez.  · Cuidado con la hoguera que enciendes contra tu enemigo; no sea que te chamusques a ti mismo.  · El amor de los jóvenes no esta en el corazón, sino en los ojos.  · Es más fácil obtener lo que se desea con una sonrisa que con la punta de la espada.  · Los actos contra la naturaleza engendran disturbios contra la naturaleza.  Aristóteles  384 AC-322 AC.  Filósofo griego.  · La amistad es un alma que habita en dos cuerpos; un corazón que habita en dos almas.  · El ignorante afirma, el sabio duda y reflexiona.  · El sabio no dice todo lo que piensa, pero siempre piensa todo lo que dice.  · Considero más valiente al que conquista sus deseos que al que conquista a sus enemigos, ya que la victoria más dura es la victoria sobre uno mismo.  · Algunos creen que para ser amigos basta con querer, como si para estar sano bastara con desear la salud.  · La inteligencia consiste no sólo en el conocimiento, sino también en la destreza de aplicar los conocimientos en la práctica.  · La esperanza es el sueño del hombre despierto.  · No basta decir solamente la verdad, mas conviene mostrar la causa de la falsedad.  · Cualquiera puede enfadarse, eso es algo muy sencillo. Pero enfadarse con la persona adecuada, en el grado exacto, en el momento oportuno, con el propósito justo y del modo correcto, eso, ciertamente, no resulta tan sencillo.  · Sólo hay felicidad donde hay virtud y esfuerzo serio, pues la vida no es un juego.  · Lo que con mucho trabajo se adquiere, más se ama.  · Piensa como piensan los sabios, mas habla como habla la gente sencilla.  · Los tiranos se rodean de hombres malos porque les gusta ser adulados y ningún hombre de espíritu elevado les adulará.  · La finalidad del arte es dar cuerpo a la esencia secreta de las cosas, no el copiar su apariencia.  · Un amigo fiel es un alma en dos cuerpos.  · El único Estado estable es aquel en que todos los ciudadanos son iguales ante la ley.  · La sabiduría es un adorno en la prosperidad y un refugio en la adversidad.  · No se puede ser y no ser algo al mismo tiempo y bajo el mismo aspecto.  · La amistad perfecta es la de los buenos y de aquellos que se asemejan por la virtud. Ellos se desean mutuamente el bien en el mismo sentido.  · Es de importancia para quien desee alcanzar una certeza en su investigación, el saber dudar a tiempo.  Albert Einstein  1879-1955.  Científico nacido en Alemanía, nacionalizado estadounidense. Es uno de los científicos más conocidos y trascendentes del Siglo XX.  · Todos somos muy ignorantes. Lo que ocurre es que no todos ignoramos las mismas cosas.  · Nunca consideres el estudio como una obligación, sino como una oportunidad para penetrar en el bello y maravilloso mundo del saber.  · Si buscas resultados distintos, no hagas siempre lo mismo.  · La vida es muy peligrosa. No por las personas que hacen el mal, sino por las que se sientan a ver lo que pasa.  · Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro.  · Comienza a manifestarse la madurez cuando sentimos que nuestra preocupación es mayor por los demás que por nosotros mismos.  · Vivimos en el mundo cuando amamos. Sólo una vida vivida para los demás merece la pena ser vivida.  · Hay una fuerza motriz más poderosa que el vapor, la electricidad y la energía atómica: la voluntad.  · Los grandes espíritus siempre han encontrado una violenta oposición de parte de mentes mediocres.  · Al principio todos los pensamientos pertenecen al amor. Después, todo el amor pertenece a los pensamientos.  · Hay dos maneras de vivir su vida: una como si nada es un milagro, la otra es como si todo es un milagro.  · No podemos resolver problemas pensando de la misma manera que cuando los creamos.  · El que no posee el don de maravillarse ni de entusiasmarse más le valdría estar muerto, porque sus ojos están cerrados.  · Intenta no volverte un hombre de éxito, sino volverte un hombre de valor.  · El hombre encuentra a Dios detrás de cada puerta que la ciencia logra abrir.  · Cuando me preguntaron sobre algún arma capaz de contrarrestar el poder de la bomba atómica yo sugerí la mejor de todas: La paz.  · El mundo no está en peligro por las malas personas sino por aquellas que permiten la maldad.  · Cada día sabemos más y entendemos menos.  · Es un milagro que la curiosidad sobreviva a la educación reglada.  · En los momentos de crisis, sólo la imaginación es más importante que el conocimiento.  Napoleón Bonaparte  1769-1821.  Emperador francés.  · Las batallas contra las mujeres son las únicas que se ganan huyendo.  · Cada uno de los movimientos de todos los individuos se realizan por tres únicas razones: por honor, por dinero o por amor.  · Los sabios son los que buscan la sabiduría; los necios piensan ya haberla encontrado.  · Sólo hay dos palancas que muevan a los hombres: el miedo y el interés.  · La envidia es una declaración de inferioridad.  · Cuando quiero que un asunto no se resuelva lo encomiendo a un comité.  · La mayor parte de aquellos que no quieren ser oprimidos, quieren ser opresores.  · El mal de la calumnia es semejante a la mancha de aceite: deja siempre huellas.  · De lo sublime a lo ridículo no hay más que un paso.  · El método más seguro de permanecer pobre es, sin duda, ser una persona franca.  · No hay que temer a los que tienen otra opinión, sino a aquellos que tienen otra opinión pero son demasiado cobardes para manifestarla.  · La victoria pertenece al más perseverante.  · A veces una batalla lo decide todo, y a veces la cosa más insignificante decide la suerte de una batalla.  · Lo imposible es el fantasma de los tímidos y el refugio de los cobardes.  · La batalla más difícil la tengo todos los días conmigo mismo.  · Tan tranquilas son las personas honradas y tan activas las pícaras, que a menudo es necesario servirse de las segundas.  · Imponer condiciones excesivamente duras es dispensar de su cumplimiento.  · El que sólo practica la virtud para conquistar una gran reputación está muy cerca de caer en el vicio.  · Si quieres tener éxito, promete todo y no cumplas nada.  · Hay que encontrar un modo de preservar a las generaciones venideras de la avaricia o inhabilidad de las presentes.  Blaise Pascal  1623-1662.  Científico, filósofo y escritor francés.  · Si no actúas como piensas, vas a terminar pensando como actúas.  · Prefiero equivocarme creyendo en un Dios que no existe, que equivocarme no creyendo en un Dios que existe. Porque si después no hay nada, evidentemente nunca lo sabré, cuando me hunda en la nada eterna; pero si hay algo, si hay Alguien, tendré que dar cuenta de mi actitud de rechazo.  · Vale más saber alguna cosa de todo, que saberlo todo de una sola cosa.  · El primer efecto del amor es inspirar un gran respeto; se siente veneración por quien se ama.  · El corazón tiene razones que la razón ignora.  · El hombre está dispuesto siempre a negar todo aquello que no comprende.  · Sólo conozco dos tipos de personas razonables: las que aman a Dios de todo corazón porque le conocen, y las que le buscan de todo corazón porque no le conocen.  · ¿De qué le sirve al hombre ganar el mundo si pierde su alma?  · Cuando no se ama demasiado no se ama lo suficiente.  · Nuestra imaginación nos agranda tanto el tiempo presente, que hacemos de la eternidad una nada, y de la nada una eternidad.  · La felicidad es un artículo maravilloso: cuanto más se da, más le queda a uno.  · Dos excesos: excluir la razón, no admitir más que la razón.  · Estando siempre dispuestos a ser felices, es inevitable no serlo alguna vez.  · El hombre tiene ilusiones como el pájaro alas. Eso es lo que lo sostiene.  · Las cuerdas que amarran el respeto de unos por otros son, en general, cuerdas de necesidad.  · Descripción del hombre: dependencia, deseo de independencia, necesidad.  · Sólo conviene la mediocridad. Esto lo ha establecido la pluralidad, y muerde a cualquiera  que se escapa de ella por alguna parte.  · La razón obra con lentitud, y con tantas miras, sobre tantos principios, que a cada momento se adormece o extravía. La pasión obra en un instante.  · Por muchas riquezas que el hombre posea y por grandes que sean la salud y las comodidades que disfrute, no se siente satisfecho si no cuenta con la estimación de los demás.  · La grandeza de un hombre está en saber reconocer su propia pequeñez.  Voltaire  1694-1778  Seudónimo de François Marie Arouet. Filósofo y escritor francés.  · Buscamos la felicidad, pero sin saber dónde, como los borrachos buscan su casa, sabiendo que tienen una.  · Sólo es inmensamente rico aquel que sabe limitar sus deseos.  · Proclamo en voz alta la libertad de pensamiento y muera el que no piense como yo.  · Una colección de pensamientos debe ser una farmacia donde se encuentra remedio a todos los males.  · El que revela el secreto de otros pasa por traidor; el que revela el propio secreto pasa por imbécil.  · El amor propio, al igual que el mecanismo de reproducción del genero humano, es necesario, nos causa placer y debemos ocultarlo.  · Azar es una palabra vacía de sentido, nada puede existir sin causa.  · Hay alguien tan inteligente que aprende de la experiencia de los demás.  · Quienes creen que el dinero lo hace todo, terminan haciendo todo por dinero.  · Todo les sale bien a las personas de cáracter dulce y alegre.  · Yo no estoy de acuerdo con lo que usted dice, pero me pelearía para que usted pudiera decirlo.  · La casualidad no es, ni puede ser más que una causa ignorada de un efecto desconocido.  · En el desprecio de la ambición se encuentra uno de los principios esenciales de la felicidad sobre la tierra.  · Debe ser muy grande el placer que proporciona el gobernar, puesto que son tantos los que aspiran a hacerlo.  · Una de las supersticiones del ser humano es creer que la virginidad es una virtud.  · La superstición es a la religión lo que la astrología es a la astronomía, la hija loca de una madre cuerda.  · La civilización no suprimió la barbarie; la perfeccionó e hizo más cruel y bárbara.  · Yo conozco al pueblo: cambia en un día. Derrocha pródigamente lo mismo su odio que su amor.  · Cambia de placeres, pero no cambies de amigos.  · La ignorancia afirma o niega rotundamente; la ciencia duda.  Victor Hugo  1802-1885  Novelista francés.  · El futuro tiene muchos nombres. Para los débiles es lo inalcanzable. Para los temerosos, lo desconocido. Para los valientes es la oportunidad.  · La risa es el sol que ahuyenta el invierno del rostro humano.  · La suprema felicidad de la vida es saber que eres amado por ti mismo o, más exactamente, a pesar de ti mismo.  · Los cuarenta son la edad madura de la juventud; los cincuenta la juventud de la edad madura.  · Los que padecéis porque amáis: amad más todavía; morir de amor es vivir.  · La libertad de amar no es menos sagrada que la libertad de pensar. Lo que hoy se llama adulterio, antaño se llamó herejía.  · ¿Qué es un envidioso? Un ingrato que detesta la luz que le alumbra y le calienta.  · Es extraña la ligereza con que los malvados creen que todo les saldrá bien.  · La melancolía es la felicidad de estar triste.  · No olvidemos jamás que lo bueno no se alcanza nunca sino por medio de lo mejor.  · La libertad es, en la filosofía, la razón; en el arte, la inspiración; en la política, el derecho.  · Los ojos no pueden ver bien a Dios, sino a través de lágrimas.  · El sueño del héroe, es ser grande en todas partes y pequeño al lado de su padre.  · A nadie le faltan fuerzas; lo que a muchísimos les falta es voluntad.  · Cuanto más pequeño es el corazón, más odio alberga.  · A las mujeres les gusta sobre todo salvar a quien las pierde.  · Ciertos pensamientos son plegarias. Hay momentos en que, sea cual fuere la actividad del cuerpo, el alma está de rodillas.  · En los ojos del joven, arde la llama; en los del viejo, brilla la luz.  · Hay tantas mujeres bellas, pero no hay perfectas.  Miguel de Cervantes Saavedra  1547-1616  Escritor español. Autor de la obra "El ingenioso hidalgo Don Quijote de la Mancha"  · Encomiéndate a Dios de todo corazón, que muchas veces suele llover sus misericordias en el tiempo que están más secas las esperanzas.  · Confía en el tiempo, que suele dar dulces salidas a muchas amargas dificultades.  · Amor y deseo son dos cosas diferentes; que no todo lo que se ama se desea, ni todo lo que se desea se ama.  · ¿Qué locura o qué desatino me lleva a contar las ajenas faltas, teniendo tanto que decir de las mías?  · Señor, las tristezas no se hicieron para las bestias, sino para los hombres; pero si los hombres las sienten demasiado, se vuelven bestias.  · La senda de la virtud es muy estrecha y el camino del vicio, ancho y espacioso.  · Si los celos son señales de amor, es como la calentura en el hombre enfermo, que el tenerla es señal de tener vida, pero vida enferma y mal dispuesta.  · La libertad, Sancho, es uno de los más preciosos dones que a los hombres dieron los cielos; con ella no pueden igualarse los tesoros que encierran la tierra y el mar: por la libertad, así como por la honra, se puede y debe aventurar la vida.  · El que no sabe gozar de la ventura cuando le viene, no debe quejarse si se pasa.  · La verdad adelgaza y no quiebra, y siempre anda sobre la mentira como el aceite sobre el agua.  · El que lee mucho y anda mucho, ve mucho y sabe mucho.  · Puede haber amor sin celos, pero no sin temores.  · Esta que llaman por ahí Fortuna es una mujer borracha y antojadiza, y sobre todo, ciega, y así no ve lo que hace, ni sabe a quien derriba.  · Los celos se engendran entre los que bien se quieren, del aire que pasa, del sol que toca y aun de la tierra que se pisa.  · Amistades que son ciertas nadie las puede turbar.  · No andes, Sancho, desceñido y flojo, que el vestido descompuesto da indicios de ánimo desmalazado.  · Más vale la pena en el rostro que la mancha en el corazón.  · La buena y verdadera amistad no debe ser sospechosa en nada.  · En los principios amorosos los desengaños prestos suelen ser remedios calificados.  · Donde una puerta se cierra, otra se abre.  Esto fue todo. He recopilado las mejores frases de las mentes mas sabias que este mundo tiene.  Frases que en su mayoría nos identifican, y en muchas otras nos hacen reflexionar.  Realmente da gustos leerlas una y otra vez, ojalá hallan disfrutado de esto post.

Bueno para comenzar una definición de nuestro amigo wikipedia Pixel art El pixel art es una forma de arte digital, creada a través de una computadora mediante el uso de programas de edición de gráficos en raster, donde las imágenes son editadas a niveles de pixeles. Las imágenes de la mayor parte de viejos videojuegos para ordenadores, videoconsola, y muchos juegos para teléfono móvil son consideradas obras de pixel art. Posee similitudes con el puntillismo, difiriendo principalmente en las herramientas para la creación de estas imágenes, computadores y programas en lugar de pinceles y lienzos. Bueno ahora unas cosas basicas Vocabulario Especifico PIXELART : Técnica de dibujo realizada punto por punto donde se pueden crear dibujos, imágenes, animaciones etc.. Line-Art : Es el dibujo o imagen hecho con líneas en blanco y negro. Sel-Out : Técnica aplicada mayoritariamente en sprites de lucha tipo Strets Fighters, pero que puede ser aplicada a cualquier imagen y que como veis en el ejemplo, este donde este el dibujo parece como si estuviera hecho para ese color fondo pero no es así. Gradient : Efecto que usa las variantes de tono de un color para llenar espacios, etc.. Pillow Shading : es cuando haces líneas consecutivas de color para simular sombras : Efecto que usa las variantes de tono de un color para llenar espacios, etc.. Dithering : Efecto parecido al Gradient con la salvedad de que este alterna los tonos de colores. OUTLINE : Esto seria el contorno del grafico, a diferencia del Line-art es simplemente la línea que rodea al dibujo. Paleta De Colores : Serán todos los colores que usemos para nuestro dibujo. Hay gente que selecciona los colores, hacen sus propias paletas para luego dibujar u otros hacen el dibujo probando colores a 24bits luego reducen etc... Vocabulario General AA/Anti-Alias : Efecto que proporciona a una imagen sensación de suavidad y se utiliza un color medio entre el color que queremos suavizar y el fondo. Gráficos Isométricos : Son aquellos gráficos hechos en perspectiva isométrica vistos a 26.565º Sprite : Los sprites son las imágenes de los personajes, bichos, etc. Por ejemplo los personajes del Streets of fighter son Sprites, el muñeco que manejas en los rpg es un sprite, se podría decir que todo lo que puedas manejar/controlar es un sprite (un coche en el gta1, un personaje del final fight....). Como ejemplo esto serian los frames del sprite de un juego. Frames : Los frames son los componentes de la animación de un "sprite" al andar, correr, saltar... por lo cual gracias a los frames podemos ver al personaje moverse por la pantalla. También decir que cuando mas frames tenga una animación mejor suavidad le dara a los movimientos y mas realista será el Sprite. Con esto ya tenéis unos conocimientos "técnicos" por decirlo de alguna manera del Pixel-Art, así que ahora no os extrañareis si os dicen "Si le aplicas Sel-out al sprite quedara mejor" "Eh! eso esta hecho en perspectiva isométrica" "Mejor será que le cambies el Outline negro por otro color..." "Has usado demasiado dithering" etc.... TRUCOS DEL PAINT DE WINDOWS Truco 1 : Como hacer de manera fácil círculos y cuadrados perfectos? Con la herramienta del cuadrado o elipse seleccionada se mantiene presionada la tecla "Tab" mientras se arrastra el puntero del Mouse. De esta forma no tenéis que estar pendientes de los píxeles que se marcan abajo. Truco 2: Con la herramienta de crear polígonos, si mantenéis presionado "Shit izquierda" podréis crear ángulos de 45º y 90º de una forma sencilla. Truco 3: Basta de tanto "Control+C" y "Control+V" Ahora para copiar y pegar un grafico lo que hacéis es seleccionar parte de una imagen "Control+C" copiáis y "Control+V" para pegarlo donde queráis. Pues para mas rapidez simplemente seleccionáis la parte de la imagen, presionáis la tecla "control" y con ella presionada arrastráis la copia a otro lugar, así de sencillo. Truco 4: Efectos Paint. Si queréis hacer un efecto extraño con Paint, seleccionar una imagen cualquiera, mantener presionada la tecla "Shit izquierda" y al comenzar a arrastrar la imagen veréis que cosa mas copada. Truco 5 : Cambio de color Imaginaros que estáis trabajando con paint, y tenéis un circulo con 2 colores que se alternan rojo y blanco... ¿como cambiáis el color de rojo a azul? píxel a píxel ?.... mejor hacer esto que os digo: Ponéis el color rojo de primer plano y el color azul de 2 plano. seleccionáis la goma, y dejando pulsado el botón derecho del ratón y pasando la goma por el circulo rojo, veréis como en lugar de borrar cambias a color azul todo lo que haya en rojo. Truco 6 : Imaginaros que dentro de un cuadrado, circulo o selección de una imagen queréis poner una textura hecha con paint etc... y que pasa si hacemos lo que ocurre en el 1 caso?, pues que nos tocara quitar píxel a píxel hasta recortar toda la textura que sobra del circulo lo que nos llevara un ratito y mas si el circulo fuera de dimensiones mayores. Una forma mas fácil seria ponerle al circulo un cuadrado azul como veis y ponerlo encima de la textura y luego borramos el color azul y en un segundo tenemos el circulo listo. Truco 7 : Eliminar colores molestos Imaginaros que tenéis hecha una palabra con una plantilla isométrica, ¿Como la sacaríais? borrando con la goma cuidadosamente?. ¿Como borrarías el contenido en color rojo del circulo superior? ¿También con la goma despacio para no borrar parte del circulo?, ¿ Y en el circulo de abajo ?. Pues bueno se puede hacer en menos de 5 segundos, seleccionáis como color de 2 plano el que queráis eliminar, seleccionáis la imagen, pulsáis control y la lleváis a otro sitio con lo cual tendréis el mismo dibujo pero sin el color de 2 plano. Claro esta si queréis eliminar 3 o 4 colores también podréis hacerlo de esta manera. También como podéis ver en la segunda imagen lo podéis utilizar para eliminar el outline negro después de haber acabado una imagen, o si después de hacer un resize o una imagen donde habéis cometido un error y en un circulo os salgan unos colores molestos que queréis eliminar haced esto. CRITICAS CONSTRUCTIVAS 1- Añadiendo mas contraste!!!! ¿Porque la gente que empieza hace los dibujos sin contraste ?. Hay varias razones, pero la mayor de ellas es porque no saben detallar. Lo voy a explicar de una forma simple. Como veréis en la imagen la pelota esta hecha con 6 colores pero parece que solo haya 2 o 3 como mucho, pero queda como suave y bien hecha y mientras no se vean los píxeles pues bien. Ya que si pusiera un buen contraste le quedaría de la otra manera, digamos algo "horrible" jeje. Pero cuando una persona sabe detallar los objetos etc, ponle el contraste que quieras que en global quedaran bien . 2- Evitar siempre los colores de la paleta de Windows. Cuando se empieza en el Pixelart se suele usar mucho los colores de la paleta de Windows, así que tenéis que habituaros a crear vuestras propias paletas de colores cuando antes, ya que una imagen puede cambiar muchísimo si utilizáis colores Windows o una hecha por vosotros. A colores Windows me refiero a todos los colores que tenéis en la paleta de Windows y sus variantes de tono. 3- Quitar el contorno negro "Outline" y sustitúyelo por un color oscuro dependiendo de la zona donde este. Esto ya depende del dibujo, por ejemplo si quieres hacer un juego y te gusta que los objetos tengan contorno negro se lo puedes poner, pero si es un dibujo normal y corriente o también para juegos es preferible quitarlo. ej: 4- Añadiendo AA /Anti-Alias a las líneas de Dentro/Fuera. Lo que hay que hacer es simplemente lo que se dice añadirle AA a las líneas de dentro de la imagen para que queden suaves y quede el dibujo mejor detallado. Dependiendo del dibujo podremos hacer el AA con colores que usa la imagen (1), en otros caso necesitaremos añadir 1 o 2 colores para crear este efecto (2). DENTRO FUERA Y por ultimo recuerda grabar tus creaciones en formato GIF o PNG ya que si lo hacen en jpg perderán calidad y para el Pixel-Art se debe mostrar la imagen sin perdida de datos. COLOREANDO NUESTRAS IMÁGENES 1 - EJEMPLO Os voy a poner algunos ejemplos de como colorear nuestros pixelarts y pasos a seguir. 1 - Seleccionamos la zona que queremos colorear y la apartamos de la imagen que estamos haciendo, aplicando el color mas brillante y utilizando los demás colores creando el volumen del objeto. 2 - Añadimos como detalle 2 líneas y haciendo en los laterales un efectos de redondeo para que no se vea tan plano el dibujo. 3 - Coloreamos esas rayas pintándolas de un color intermedio y creando con un color el brillo y con el otro la sombra. 4 - Retocamos partes de la imagen donde podemos añadir anti-alias, retocar algunas líneas, mejorar el efecto de profundidad del objeto como se ha hecho en este caso etc... 2 - EJEMPLO 1 - Se hace un primer intento de sombreado para darle forma al objeto. 2 - Añadimos todos los colores que creamos convenientes para que quede un buen contraste sin sobrecargarlo detallando mejor las zonas de brillo y sombras. 3 - Aplicamos detalles y un poco de dithering a la imagen. 4 - Cambiamos el color de las partes del objeto que no nos gustan hasta dejarlo perfecto. 3 - EJEMPLO Para hacer dibujos mas grandes es mejor separarlo por partes e ir coloreando una por una y después juntarlo. Como podéis ver poco a poco se va formando lo que será la imagen final, podemos empezar una idea de color y que no nos guste y cambiarla o hacer varias pruebas, combinarlas etc y seguir el estilo usado en todas las demás. Bueno esto es lo basico  Unos Videitos tutoriales

Solo 8.57 MB Bueno y aca estan algunos Para descargar clic en descargar y eligen el archivo