Diseño de Banner

Para que sirve Rowspan

Rowspan, es un atributo de HTML que se encarga de unir celdas repartidas por varias líneas. Con ayuda de este atributo se pueden unir varias celdas de una tabla repartidas por varias líneas. Esta opción es necesaria por ejemplo, cuando una de las celdas de la tabla debe ser más alta que las demás. En lugar de definir varias celdas, indique una sola celda y asígnele el atributo ROWSPAN. Como valor, transmítale al atributo el número de líneas que desea unir. El uso de este atributo es opcional. Los valores válidos para este

atributo son todos los números enteros. El número debe contener al menos una de las cifras entre 0 y 9 (="9"). Por Ejemplo:











Esto nos daria como resultado una tabla como la siguiente:

A	B
	C
D	E

COMO HACER UN BANNER

Un Banner es un gráfico, generalmente elaborado en un formato de archivo .GIF o JPG, de aproximadamente 400 x 40 pixeles, el cual se coloca como un encabezado o una representación de una "Página en un Website".

Todo lo que debe saber acerca de la creación de banners se lo detallamos a continuación

Dimensiones:

Las dimensiones de un banner estándar (y las establecidas en el intercambio Bannering.com) son 468 píxels de ancho por 60 píxels de alto. De esta manera se adecúan a la mayoría de cabeceras y cuerpos de página donde se colocan.

Formato:

GIF es el formato óptimo para un banner publicitario ya que éste comprime la paleta de colores a 256 y reduce notablemente su tamaño en bytes.

Tamaño en bytes:

El tamaño en bytes ideal de un banner publicitario se encuentra entre 10 y 20 kilobytes. Así se agiliza el proceso de carga del sitio web en el que se encuentra su banner, ya que el retraso en la carga puede hacer que más de una visita cierre la ventana del navegador y no contemple ni siquiera su anuncio.

Colores:

Está demostrado que los banners que utilizan esquemas de color basados en el naranja, azul o verde son más efectivos que los que presentan colores como el negro o el gris.

Localización de elementos:

Es importante ordenar los elementos gráficos que componen el banner de acuerdo con la importancia que se les quiera dar. El ojo humano capta las imágenes de arriba a abajo y de derecha a izquierda, por tanto los elementos que queramos que se visualicen antes (y causen más impacto) deben localizarse en la parte superior derecha del banner.

Contenido del banner:

Debe elaborar cuidadosamente el texto de su banner. Utilice frases cortas que contengan el mayor número de palabras clave relacionadas con su sitio posible. Tres frases deberían ser más que suficientes. Incluya el slogan de su web o elabore uno que transmita a su cliente ideal lo que éste quiere ver. Es muy recomendable que mantenga siempre visible el logo, URL o símbolo relacionado con su sitio web para que pueda ser reconocido por sus clientes en el futuro.

Extras:

Está estudiado que hay palabras que influyen en el cliente y le atraen al producto (esto se traduce en clicks en nuestro banner y un incremento de visitas para nuestro sitio). La palabra gratis incrementa considerablemente el porcentaje de clicks de un banner, inclúyala siempre que pueda. La locución click aquí es otra clave que ayuda a aumentar los clicks en nuestro banner. Sitio para crear banner Un excelente sitio para elaborar sus banners y logos, es Banner Fan, tiene muchas opciones y es posible elaborar lo que nuestro gusto o necesidad requiera Pasos para elaborar un banner en este sitio Ir a http://www.bannerfans.com/banner_maker.php Click en Banner maker Click en Layout: esto es para preparar el fondo de su banner Select you banner size: Estas opciones son para elegir el tamaño del banner Las opciones son: Custom follow: si desea subir una imagen y adaptarla a ella; Custom enter size: ingresando las dimensiones a su gusto; y Preset: aquí puede seleccionar los tamaños disponibles, mediante hacer click en la flechita de la derecha de la cajita, le desplegara una lista de tamaños, el mas usado es 468×60, pero ud puede seleccionar el mas adecuado a sus necesidades. Select a background mode, aquí es para seleccionar el tipo de fondo. Ten en cuenta que para cada opción, al seleccionarla te saldrán las alternativas posibles para cada una. Opciones: Use solid color fill (color solido), Use gradient color fill (color con gradiente) y I want to upload my own image (si quiere usar su propia imagen de fondo) Click en Text & Fonts: Para escribir sus textos y estilo de letra. Tiene 5 columnas: Your text (aquí el texto que desea escribir, tiene opción de escribir hasta 6 líneas), Font face (aquí selecciona el tipo de letra, para ver las opciones hacer click en el signo de > ubicado a la derecha de la cajita), Font size (aquí para seleccionar el tamaño de la letra, ver las opciones de tamaño haciendo click en el signo de > de la derecha de cada cajita), Color (aquí para seleccionar el color del texto de cada línea, para ver opciones de color hacer click en la cajita coloreada), Rotation (aquí si desea que su texto tenga algún grado de inclinación). Click en Shadow & Effects: Aquí las opciones de sombreado de cada línea de texto : posición, grueso de la sombra, color de la sombra, opacidad del texto, borde de cada letra, color del borde de la letra. Todo esto respectivamente para cada línea de texto. Click en Border: Aquí para seleccionar el estilo del borde del banner. Están las muestras para que seleccionen con un click el que desean. Click en Update my banner para ver los cambios realizados. Si desean cambiar la posición de las líneas o colocación de ellas dentro del banner también pueden hacerlo colocando el mouse sobre el banner que han elaborado y moverlas a su gusto. Click en Get the codes si desean el código de su banner (en ese caso tendrá un link a Banner Fan). Click en Download it! si desean guardarlo en su computadora (la opción mas recomendable). Hay muchísimas opciones, uds pueden ir viéndolas y elaborar su banner a su completo gusto. No es necesario registrarse.

PHOTOSHOP CS5

Photoshop es, de lejos, la aplicación más famosa de Adobe y la que le dio, desde un principio, toda la popularidad que tiene ahora la compañía. Con la versión CS5 Adobe no lo ha olvidado, y se nos presenta una nueva versión del programa del retoque fotográfico por excelencia con nuevos aspectos muy interesantes. En Genbeta hemos tenido la oportunidad de probar la aplicación, junto con todas sus mejoras y novedades:

El rendimiento del programa ha aumentado, especialmente en los sistemas con Mac OS X al ser capaz de trabajar ya en entornos de 64 bits. Los que usen Snow Leopard notarán ese aumento en rendimiento, sobre todo al cargar la aplicación. No es mucho y no termina de notarse con el comportamiento general del programa, pero se agradece a la hora de arrancarlo.

La interfaz se ha mejorado con nuevos botones en la barra de herramientas, que consisten en accesos directos para cambiar la disposición de los paneles de herramientas del entorno de trabajo del programa fácilmente según el ámbito en el que estemos trabajando. Es decir, podemos tener un botón para poder cambiar todo el entorno de trabajo con los elementos necesarios para retocar una fotografía, y otro para cambiarlo de nuevo para diseño gráfico, y así para 3D, herramientas esenciales y otras reconfiguraciones. Por supuesto, podemos crearnos nuestras propias distribuciones.

Las principales novedades que incorpora este paquete. Siendo alguna de ellas muy espectaculares, pero con una utilidad discutible para el trabajo que realizamos en el día a día. Otras son más modestas, pero sin duda bastante prácticas.

> Espacio de trabajo: Pocas novedades en lo que respecta al aspecto general respecto a la versión CS4, aunque vemos que se ha mejorado un tanto la organización de las barras de herramientas. En cualquier caso, todos los que hayan trabajado con la versión anterior trabajarán perfectamente desde el primer momento con CS5.

> Content-Aware: Cada vez que sale una nueva versión de Photoshop siempre hay una función estrella para que los periodistas puedan quedarse asombrados. Si en la versión CS4 podíamos cambiar la escala de una imagen sin alterar las proporciones de los objetos que en ella aparecían, en este CS5 la herramienta Content-Aware, que permite eliminar elementos del entorno sustituyéndolos por el fondo, es la gran novedad. Aunque, para ser justos, hay que decir que Gimp ya hacía algo similar.

Es ciertamente útil y sorprenden sus resultados, pero Content-Aware tampoco es la panacea. Artistas y fotógrafos publicitarios agradecerán el poder quitar fácilmente elementos superfluos de una imagen, aunque el resultado obtenido casi siempre precisará de un retoque posterior con la herramienta del tampon.

La cosa pinta mucho peor para los editores gráficos de la prensa, que ahora tendrán grandes dolores de cabeza para averiguar si una foto ha sido o no retocada con esta función.

> Mayor precisión en la realización de máscaras: Una de las constantes en la evolución de Photoshop desde hace años ha sido la mejora de las herramientas para la creación de máscaras. En esta ocasión, la selección de contornos complejos ha mejorado notablemente.

Gracias a la inclusión de nuevos algoritmos es posible seleccionar objetos con perfiles muy complicados. En el caso de los retratos esto es especialmente útil, pues nos ahorra bastante tiempo a la hora de realizar máscaras del pelo, algo que también notaremos al seleccionar animales o cualquier objeto con una superficie muy irregular.

> Corrección automática de la línea del horizonte: Aunque se trate de una herramienta menor, lo cierto es que se nos antoja bastante útil. Con ella podemos enderezar fácilmente fotografías torcidas simplemente marcando la verdadera línea del horizonte.

> Edición avanzada de imágenes de alto rango dinámico (HDR): Photoshop es uno de los grandes culpables de que hoy veamos fotos HDR por todas partes. Desde que se incorporó la función de crear esa clase de imágenes en la versión CS2, el fenómeno se ha disparado como la pólvora.

La técnica, utilizada mayoritariamente por aficionados y por algún fotoperiodista con ganas de dramatizar en exceso, produce a estas alturas cansancio. Por ello, Adobe ha decidido mejorar la edición incorporando un nuevo módulo que permite trabajar con ellas de forma más avanzada.

De la nueva herramienta cabe destacar que es posible lograr con ella acabados que parecen fotos de verdad, y no dibujos con colores chillones. Para lograrlo, Photoshop permite eliminar los halos fantasmas tan característicos de esa clase de imágenes.

> Puppet Warp: Esta herramienta descompone la imagen en celdas en las que podemos insertar anclajes. Al moverlos, podemos modificar las formas originales del sujeto con el que estamos operando.

> Corrección de lentes: Una de las grandes novedades para los fotógrafos es la incorporación de un filtro para corregir las distorsiones ópticas y cromáticas de algunas ópticas y cámaras. Aunque la base de datos que incorpora la versión que hemos probado es bastante modesta en cuanto a los modelos soportados, la verdad es que nos ha causado una grata sorpresa.

En el procesado de imágenes en formato RAW han habido mejoras tales como: reducción del ruido y aumento del detalle al tratar las imágenes. Algo que les va a gustar a los que tengan cámaras réflex es un botón de alerta en el rincón inferior derecho de la imagen RAW, que te indica cuando la imagen que has tratado ha acabado con una calidad peor que el RAW original. Además, Photoshop CS5 puede corregir las imágenes distorsionadas automáticamente.

Se han mejorado las capacidades en 3D, de modo que sin tener que salir de Photoshop podremos rotar, alargar, deformar, animar y renderizar cualquier objeto en cualquiera de las tres dimensiones. Con la herramienta repoussé, además, podremos dotar de tres dimensiones a cualquier objeto bidimensional. Con esto conseguimos básicamente la comodidad de no tener que ir cambiando entre dos programas para poder crear un gráfico tridimensional, ahorrándonos exportar, importar y modificar los archivos cada vez que queramos modificar según qué aspecto del diseño.