Marquesina

Una marquesina es un desplazamiento sencillo que incorpora HTML, se definen con la etiqueta marquee de la siguiente manera:

Banner hecho con photoshop cs5

Comandos HTML.

Ejemplo de Colspan y Rowspan

Los Banner

Un banner es un formato publicitario en Internet. Esta forma de publicidad online consiste en incluir una pieza publicitaria dentro de una página web. Prácticamente en la totalidad de los casos, su objetivo es atraer tráfico hacia el sitio web del anunciante que paga por su inclusión.

Los banners se crean a partir de imágenes (GIF o JPEG), o de animaciones creadas a partir de tecnologías como Java, Adobe Shockwave y, fundamentalmente, Flash, diseñadas con la intención de atraer la atención, resultar notorias y comunicar el mensaje deseado. Por lo tanto, estos banners no necesariamente mantienen la línea gráfica del sitio.

Todo tipo de sitios web son susceptibles de incluir toda clase de banners y otros formatos publicitarios, aunque en la mayoría de los casos, son los sitios con contenidos de mayor interés o con grandes volúmenes de tráfico los que atraen las mayores inversiones de los anunciantes.

Cada vez que un usuario accede a una página web concreta en la que se ha previsto la inclusión de un banner, éste es mostrado. Esto se conoce como "impresión". En los formatos habituales, cuando el usuario clica sobre el banner, automáticamente es redirigido a otro sitio web, decidido por el anunciante, lo que se conoce como "click through".

Cuando se pone el click through en relación con las impresiones se obtiene una tasa denominada ratio de click through (CTR en sus siglas en inglés) que mide el número de veces que alguien ha hecho click sobre el banner en relación al número de veces que se ha mostrado dicho banner -número total de impresiones-. Esta tasa puede variar muchísimo en función de cada campaña de publicidad pero se puede considerar situada en términos normales si ronda entre el 0,1% y el 1%.

Habitualmente, el CTR es el principal indicador que se emplea para medir la eficacia de una campaña de publicidad online. En ocasiones sirve también para determinar el coste que el anunciante pagará por la campaña, aunque fundamentalmente este coste viene determinado por el número de impresiones.


TIPS PARA BUENOS BANNERS.

1. Un banner solo nos da unos cuantos segundos para capturar la atención del usuario, por lo que es vital que nuestros banners tengan un mensaje que implique "MIRAME A MI". Para esto, es necesario el uso adecuado de texto, colores y gráficas, tomando en cuenta el orden mencionado. Es bueno practicar con diferentes combinaciones de texto, hasta que se sienta que tiene un buen mensaje.

2. Según varios estudios, buen porcentaje de navegantes automáticamente ignoran los banners en sitios web a menos que mencionen un tema de su agrado. No podemos capturar la atención de todos los usuarios, pero si de visitantes que podrían familiarizarse con nuestros contenidos. Por esta razón, enfatizar en el tema de nuestro sitio es muy importante.

3. Los banners GIF animados tienen mayor facilidad para capturar la atención sobre banners estáticos, además que son casi el estándar impuesto debido a que los estáticos tienen muy poca efectividad en el medio.

4. Siempre en la primera escena de nuestros banners se debe enfatizar en una fase introductoria que haga énfasis en el beneficio de nuestros sitios. Que tenemos que valga la pena visitar? Que nos hace diferentes a los demás?

5. El uso de frases que impliquen curiosidad, humor, miedo o preguntas es recomendado para la primera escena de nuestros banners. Algunos ejemplos de lo anterior podría ser. "Sabía usted que ...", "Es usted de las personas que ...", "No se preocupe nunca más por el uso de ...", "Precaución, usted podría ...", etc.

6. A continuación de la frase introductoria, tomando en cuenta que de esta dependerá la atención del navegante en nuestro banner, se deben incluir varias escenas que expandan la información de nuestro sitio.

7. Es recomendable incluir algún logo, dirección web o identificación gráfica de nuestro sitio en todas las escenas. Lo anterior nos ayudará a mostrar una identificación de nuestro sitio ante los navegantes aunque no lo pulsen. Podría ser que eventualmente lo hagan luego de varias visualizaciones.

8. Aparte de los banners GIF animados, existen otras formas de crear banners como lo es la combinación de tablas y formularios (Banners HTML), banners en Flash o de Java. Estos tienen varios inconvenientes pues no pueden ser publicados en todos lados y en el caso de Flash y Java, no todos los usuarios tienen acceso. A pesar de esto se ha comprobado que son más efectivos pues permiten más variedad de animaciones e interactividad con el usuario.

9. En cuanto a tamaño, en pixeles los banners estándares son de 468x60 pixeles, existiendo también minibanners y banners de otras dimensiones, dependiendo del sitio que los exponga. En Kb, los banners no deben tener más de 10 kb de tamaño. A pesar que la mayoría de límites es de 15kb, tenemos que tomar muy cuenta que un banner demasiado grande tardará mucho en cargarse y entonces no será visualizado por el visitante. Estar por debajo de los 10 kb podría ser beneficioso si queremos mayores exposiciones efectivas. El uso de múltiples escenas con diferentes contenidos en banners animados puede aumentar el tamaño por lo que hay que considerar rehusar el contenido de otras escenas.

10. El uso de colores brillantes es más apropiado que colores oscuros como el negro que ha demostrado ser menos efectivo.
Entre los más efectivos puede mencionarse al Azul, amarillo, naranja y verde. También hay que aplicar colores que contrasten para que pueda leerse nuestro mensaje. El Amarillo en fondo rojo por ejemplo es más efectivo que el verde sobre fondo azul.
Otro color que puede beneficiarnos es el blanco, debido a que la mayoría de sitios de contenidos tienen este color de fondo. Crear un banner que aparente ser enlaces o alguna información dentro de otro sitio nos garantiza mayor posibilidad de que lo pulsen.

10. A todos nos gusta lo gratuito en Internet, por lo que la palabra GRATIS de de ser aplicable a nuestro sitio es una palabra efectiva y clave en la efectividad de los banners. Si existe algo que pueda considerarse gratis en nuestro sitio como un boletín, noticias, contenidos, evaluaciones de software o archivos, etc., hay que comentarlo.

11. Crear confusión en el banner anunciando algo que no verán en nuestro sitio podrá ser efectivo para ganar visualizaciones de nuestra página, pero no visitantes efectivos, por lo que no se deben hacer falsas promesas en los banners, pues al no encontrar lo anunciado, ganaremos un visitante enojado que difícilmente recomendará nuestro sitio.

12. A pesar de que los banners son conocidos como un medio publicitario, muchos navegantes no saben que hacer al ver un banner de su agrado. Se ha comprobado que incluir algun texto que implique pulsar el banner aumenta su cantidad de clicks, pues es una nota explicatoria: "Pulse Aquí", "Click Aquí", "Pulse para continuar", etc. son opciones que debemos tomar en cuenta para finalizar el banner.

13. La creación de varios banners con distintos conceptos nos da mayores opciones para promocionarnos y además nos permite evaluar su efectividad. Esto además nos permitirá tener una galería de nuestros banners en nuestro sitio para los visitantes que deseen tomarlos para sus sitio.

Para crear banner hay muchos software e incluso hasta pagina on line que lo hacen.

ADOBE® PHOTOSHOP® CS5

Adobe Photoshop (Taller de Fotos) es una aplicación informática en forma de taller de pintura y fotografía que trabaja sobre un "lienzo" y que está destinado para la edición, retoque fotográfico y pintura a base de imágenes de mapa de bits (o gráficos rasterizados).

Es un producto elaborado por la compañía de software Adobe Systems, inicialmente para computadores Apple pero posteriormente también para plataformas PC con sistema operativo Windows.

Photoshop en sus versiones iniciales trabajaba en un espacio bitmap formado por una sola capa, donde se podían aplicar toda una serie de efectos, textos, marcas y tratamientos. En cierto modo tenía mucho parecido con las tradicionales ampliadoras. En la actualidad lo hace con múltiples capas.

A medida que ha ido evolucionando el software ha incluido diversas mejoras fundamentales, como la incorporación de un espacio de trabajo multicapa, inclusión de elementos vectoriales, gestión avanzada de color (ICM / ICC), tratamiento extensivo de tipografías, control y retoque de color, efectos creativos, posibilidad de incorporar plugins de terceras compañías, exportación para web entre otros.

Photoshop se ha convertido, casi desde sus comienzos, en el estándar de facto en retoque fotográfico, pero también se usa extensivamente en multitud de disciplinas del campo del diseño y fotografía, como diseño web, composición de imágenes bitmap, estilismo digital, fotocomposición, edición y grafismos de vídeo y básicamente en cualquier actividad que requiera el tratamiento de imágenes digitales.

Photoshop ha dejado de ser una herramienta únicamente usada por diseñadores / maquetadores, ahora Photoshop es una herramienta muy usada también por fotógrafos profesionales de todo el mundo, que lo usan para realizar el proceso de "positivado y ampliación" digital, no teniendo que pasar ya por un laboratorio más que para la impresión del material.

Con el auge de la fotografía digital en los últimos años, Photoshop se ha ido popularizando cada vez más fuera de los ámbitos profesionales y es quizá, junto a Windows y Flash (de Adobe Systems También) uno de los programas que resulta más familiar (al menos de nombre) a la gente que comienza a usarlo[cita requerida], sobre todo en su versión Photoshop Elements, para el retoque casero fotográfico.

Aunque el propósito principal de Photoshop es la edición fotográfica, este también puede ser usado para crear imágenes, efectos, gráficos y más en muy buena calidad. Aunque para determinados trabajos que requieren el uso de gráficos vectoriales es más aconsejable utilizar Adobe Illustrator.

Entre las alternativas a este programa, existen algunos programas libres como GIMP, orientada a la edición fotográfica en general, o propietarios como PhotoPaint de Corel, capaz de trabajar con cualquier característica de los archivos de Photoshop, y también con sus filtros plugin.


Formatos que soporta Photoshop.

Photoshop fue creado en el año 1990, soporta muchos tipos de archivos de imágenes, como BMP, JPG, PNG, GIF, entre otros, además tiene formatos de imagen propios. Los formatos soportados por Photoshop son:

* PSD, PDD: formato estándar de photoshop con soporte de capas.
* PostScript: no es exactamente un formato, sino un lenguaje de descripción de páginas. Se suele encontrar documentos en PostScript. Utiliza primitivas de dibujo para poder editarlo.
* EPS: es una versión de PostScript, se utiliza para situar imágenes en un documento. Es compatible con programas vectoriales y de autoedición.
* DCS: fue creado por Quark (empresa de software para autoedición) y permite almacenar tipografía, tramas, etc. Se utiliza para filmación en autoedición.
* Prev. EPS TIFF: permite visualizar archivos EPS que no se abren en Photoshop, por ejemplo los de QuarkXPress.
* BMP: formato estándar de Windows.
* GIF: muy utilizado para las web. Permite almacenar un canal alfa para dotarlo de transparencia, y salvarlo como entrelazado para que al cargarlo en la web lo haga en varios pasos. Admite hasta 256 colores.
* JPEG: también muy utilizado en la WWW, factor de compresión muy alto y buena calidad de imagen.
* TIFF: una solución creada para pasar de PC a MAC y viceversa.
* PICT: desde plataformas MAC se exporta a programas de autoedición como QuarkXPress.
* PNG: la misma utilización que los GIF, pero con mayor calidad. Soporta transparencia y colores a 24 bits. Solo las versiones recientes de navegadores pueden soportarlos.
* PDF: formato original de Acrobat. Permite almacenar imágenes vectoriales y mapa de bits.
* IFF: se utiliza para intercambio de datos con Amiga.
* PCX: formato solo para PC. Permite colores a 1, 4, 8 y 24 pixels.
* RAW: formato estándar para cualquier plataforma o programa gráfico.
* TGA: compatible con equipos con tarjeta gráfica de Truevision.
* Scitex CT: formato utilizado para documentos de calidad profesional.
* Filmstrip: se utiliza para hacer animaciones. También se puede importar o exportar a Premiere.
* FlashPix: formato originario de Kodak para abrir de forma rápida imágenes de calidad superior.

Historia de lanzamientos





Idiomas disponibles.
Adobe Photoshop está disponible en los siguientes idiomas:

Portugués brasileño, chino simplificado, chino tradicional, checo, danés, neerlandés, Inglés, finlandés, francés, alemán, húngaro, italiano, japonés, coreano, noruego, polaco, rumano, ruso, español, sueco, turco y ucraniano.

Los textos en árabe, griego, hebreo, Oriente Medio y Norteafricano están disponibles en Winsoft.

Conceptos basicos

Aplicaciòn Web.

En la ingeniería de software se denomina aplicación web a aquellas aplicaciones que los usuarios pueden utilizar accediendo a un servidor web a través de Internet o de una intranet mediante un navegador. En otras palabras, es una aplicación software que se codifica en un lenguaje soportado por los navegadores web en la que se confía la ejecución al navegador.

Las aplicaciones web son populares debido a lo práctico del navegador web como cliente ligero, así como a la facilidad para actualizar y mantener aplicaciones web sin distribuir e instalar software a miles de usuarios potenciales. Existen aplicaciones como los webmails, wikis, weblogs, tiendas en línea y la propia Wikipedia que son ejemplos bien conocidos de aplicaciones web.

Es importante mencionar que una página Web puede contener elementos que permiten una comunicación activa entre el usuario y la información. Esto permite que el usuario acceda a los datos de modo interactivo, gracias a que la página responderá a cada una de sus acciones, como por ejemplo rellenar y enviar formularios, participar en juegos diversos y acceder a gestores de base de datos de todo tipo.
Pagina Web.

Una página Web, también conocida como una página de Internet, es un documento electrónico adaptado para la Web, pero normalmente forma parte de un sitio Web. Su principal característica son los hipervínculos de una página, siendo esto el fundamento de la Web. A pesar de lo complicado que es crear un sitio muchos optan por hacerlo con agencias de publicidad como PQ Design.

Una página Web está compuesta principalmente por información (sólo texto o módulos multimedia) así como por hiperenlaces; además puede contener o asociar datos de estilo para especificar cómo debe visualizarse, y también aplicaciones embebidas para hacerla interactiva.

Las páginas Web son escritas en un lenguaje de marcado que provea la capacidad de manejar e insertar hiperenlaces, generalmente HTML.

El contenido de la página puede ser predeterminado ("página Web estática") o generado al momento de visualizarla o solicitarla a un servidor Web ("página Web dinámica"). Las páginas dinámicas que se generan al momento de la visualización se hacen a través de lenguajes interpretados, generalmente JavaScript, y la aplicación encargada de visualizar el contenido es la que debe generarlo. La páginas dinámicas que se generan al ser solicitadas son creadas por una aplicación en el servidor Web que alberga las mismas.

Respecto a la estructura de las páginas Web, algunos organismos, en especial el W3C, suelen establecer directivas con la intención de normalizar el diseño, para así facilitar y simplificar la visualización e interpretación del contenido.

Una página Web es en esencia una tarjeta de presentación digital, ya sea para empresas, organizaciones, personas, etc. Así mismo, la nueva tendencia orienta a que las páginas Web no sean solo atractivas para los internautas, sino también optimizadas para buscadores a través del código fuente. Forzar esta doble función puede, sin embargo, crear conflictos respecto de la calidad del contenido.

Sitio Web.

Un sitio web es un conjunto de páginas web, típicamente comunes a un dominio de Internet o subdominio en la World Wide Web en Internet.

Una página web es un documento HTML/XHTML accesible generalmente mediante el protocolo HTTP de Internet.

Todos los sitios web públicamente accesibles constituyen una gigantesca "World Wide Web" de información (un gigantesco entramado de recursos de alcance mundial).

A las páginas de un sitio web se accede frecuentemente a través de un URL raíz común llamado portada, que normalmente reside en el mismo servidor físico. Los URL organizan las páginas en una jerarquía, aunque los hiperenlaces entre ellas controlan más particularmente cómo el lector percibe la estructura general y cómo el tráfico web fluye entre las diferentes partes de los sitios.

Algunos sitios web requieren una subscripción para acceder a algunos o todos sus contenidos. Ejemplos de sitios con subscripción incluyen muchos portales de pornografía en Internet, algunos sitios de noticias, sitios de juegos, foros, servicios de correo electrónico basados en web, sitios que proporcionan datos de bolsa e información económica en tiempo real, etc.

Dominio Web.

Un dominio de Internet es una red de identificación asociada a un grupo de dispositivos o equipos conectados a la red Internet.

El propósito principal de los nombres de dominio en Internet y del sistema de nombres de dominio (DNS), es traducir las direcciones IP de cada nodo activo en la red, a términos memorizables y fáciles de encontrar. Esta abstracción hace posible que cualquier servicio (de red) pueda moverse de un lugar geográfico a otro en la red Internet, aun cuando el cambio implique que tendrá una dirección IP diferente.

Sin la ayuda del sistema de nombres de dominio, los usuarios de Internet tendrían que acceder a cada servicio web utilizando la dirección IP del nodo (Ej. Sería necesario utilizar http://216.34.94.183 en vez de http://dominio.com).

Servidor Web.

Un servidor web es un programa que está diseñado para transferir hipertextos, páginas web o páginas HTML (HyperText Markup Language): textos complejos con enlaces, figuras, formularios, botones y objetos incrustados como animaciones o reproductores de música. El programa implementa el protocolo HTTP (HyperText Transfer Protocol) que pertenece a la capa de aplicación del modelo OSI. El término también se emplea para referirse al ordenador que ejecuta el programa.

Funcionamiento de un Servidor Web.

El Servidor web se ejecuta en un ordenador manteniéndose a la espera de peticiones por parte de un cliente (un navegador web) y que responde a estas peticiones adecuadamente, mediante una página web que se exhibirá en el navegador o mostrando el respectivo mensaje si se detectó algún error. A modo de ejemplo, al teclear www.upoli.edu.ni en nuestro navegador, éste realiza una petición HTTP al servidor de dicha dirección. El servidor responde al cliente enviando el código HTML de la página; el cliente, una vez recibido el código, lo interpreta y lo exhibe en pantalla. Como vemos con este ejemplo, el cliente es el encargado de interpretar el código HTML, es decir, de mostrar las fuentes, los colores y la disposición de los textos y objetos de la página; el servidor tan sólo se limita a transferir el código de la página sin llevar a cabo ninguna interpretación de la misma.

Diseño Web.

El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo. Se lo considera dentro del diseño multimedial.

La unión de un buen diseño con una jerarquía bien elaborada de contenidos aumenta la eficiencia de la web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, característica destacable del medio.

El diseño web ha visto amplia aplicación en los sectores comerciales de Internet especialmente en la World Wide Web. Asimismo, a menudo la web se utiliza como medio de expresión plástica en sí. Artistas y creadores hacen de las páginas en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra.

¿Què es HTML?

HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

HTML también es usado para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

Tabla de Colores de Html