23 febrero 2007

Fondo sombreado para web con photoshop y css

Los aprendices de css como yo necesitamos los trucos o tips para poder empezar con esto del diseño web y las hojas de estilo.

Comencemos con una sencilla forma de poner un reborde sombreado en los laterales de cualquier "caja contenedora". Nos basaremos en un artículo de desarrolloweb.com.

En este ejemplo partimos de que se tratará de una caja contenedora central que tendrá un ancho de 700px. Para otras medidas habrá que cambiar las cifras aquí aportadas.

Para cada una de las acciones que realicemos es recomendable utilizar capas diferentes, de este modo podremos modificarlas a posteriori si lo deseamos.

1. Con photoshop o un programa de diseño análogo creamos un archivo nuevo de 1100px de ancho x 20px de alto.

2. Ponemos el color de fondo que queramos (también podemos realizar un motivo que se vaya a repetir como rayas de color horizontal alternadas).

3. Seleccionamos en la parte derecha 350px de ancho por todo el alto (para saber la medida exacta utilizaremos la ventana de "info" en photoshop). La medida que elijamos será exactamente la mitad de lo que queramos que sea de ancha nuestra "caja contenedora". Rellenamos de color blanco la selección (este será el color de fondo de nuestra "caja contenedora" así que cuando digo blanco quiero decir cualquier color que se quiera).

4. Hacemos una selección de 20px x 20 px en la zona coloreada que comience justo en el borde que la separa la zona blanca.

5. En esta selección realizamos un degradado que vaya de negro a transparente de derecha a izquierda. Si nos ha quedado demasiado oscuro podemos quitarle opacidad a la capa.

6. Acoplamos la imagen (no sin antes haber guardado el trabajo conservando las capas). Seleccionamos todo, duplicamos (copiar y pegar) y volteamos horizontalmente la copia de la imagen que se habrá creado en una nueva capa.

7. Modificamos el ancho del lienzo al doble de lo que teníamos (en este caso a 2200px) y trasladamos la copia de la imagen volteada al límite derecho para que queden alineadas ambas imágenes. Nos habrá quedado una imagen simétrica con el centro blanco y los bordes de color. Guardamos para web ya que éste será nuestro fondo.

8. Para incluirlo en css deberemos establecer esta imagen como fondo y repetir verticalmente. En la hoja de estilos la sentencia sería algo como:

BODY{
background: url(imagen-fondo.gif) center repeat-y;
}

¡Y ya tenemos nuestro fondo creado!

Nota: en una actualización posterior incluiré imágenes que ilustren cada uno de los pasos seguidos.

Etiquetas: , , , , ,


22 febrero 2007

La publicidad también es noticia

Ayer vi en las noticias de la televisión el anuncio de la publicación del libro: Historia iconográfica de la música en la publicidad. Acostubrada a leer noticias sobre el sector de la publicidad en internet, me resulta curioso estar viendo la televisión y que la publicidad traspase su frontera de bloque-infumable-de-anuncios y pase a ser noticia.

Aunque en realidad suele ocurrir a menudo. Sin ir más lejos, hace bien poco,el mundo conoció, y a lo bestia, el denominado "marqueting de guerrilla" gracias a la campaña que pretendía anunciar una serie de dibujos con unos aparatos colocados por toda la ciudad de Boston y acabó con los creativos detenidos porque pensaban que eran bombas. Más que márketing de guerrilla aquéllo fue marketing cuasi-terrorista. Ahora sí, tuvieron mucha más repercusión de lo que se hubieran podido imaginar; o quizá sí que se lo imaginaban...

Otra ocasión que me vino a la memoria al ver ayer la noticia es la campaña de la ONCE con sus canciones cutre-salchicheras de "jefeee, venga capacá" y los chopitos y el baile de la medusa que revolucionó la vida social y todavía se escucha gente tarareando aquello del "tú me das cremita".

Que los anuncios lleguen a la boca de los presentadores de noticias creo que es algo con lo que todos los publicistas sueñan, ya que mejor repercusión que esa, difícil.

Etiquetas: ,


19 febrero 2007

Korn unplugged

Interesante anuncio el del unplugged de Korn. Ciertamente me llamó la atención cuando escuché el primer single, Freak On A Leash, en Ingravidez, sobre todo por la colaboración de Amy Lee, que le da un toque de dulzura al sonido rasgado tan característico de la voz de Jonathan Davis. Una versión melódica y muy tierna, adjetivos que nunca creí que asociaría con la música de este grupo, cosas de los "desenchufados" MTV :-P.

Etiquetas: , , ,


18 febrero 2007

Quejarse no es un derecho del consumidor, es un deber

Carrefour
He comprobado que quejarse funciona, al menos con el servicio de atención al cliente de Carrefour. La historia comienza cuando, a principios de enero aprovechando que hacía algunas de mis compras de reyes en este centro de Elche, compré un roscón típico relleno de nata.

Cuál fue mi sorpresa cuando, tras comernos la totalidad del roscón el día 6, éste CARECÍA DE LA FIGURITA DEL REY. Decepcionada e indignada escribí al servicio de atención al cliente con el miedo, por una parte, que se tomaran a coña el asunto.

A coña o no, el caso es que me contestaron, primero desde el departamento central y luego fue el propio Director de Carrefour Elche, Antonio Márquez, el que se dirigió a mi pidiéndome disculpas y me ofreció que me acercara al centro para recibir una compensación. Así que ayer, allí estaba yo, preguntando por Eva, responsable de panadería, que me recibió amablemente y me ofreció una tarta, muy rica por cierto, en compensación por el desagravio. Conocía perfectamente la historia y es que no creo que todos los días haya alguien se tome las molestias de hacer una reclamación tan estrafalaria como ésta.

Moraleja: ¡Reclamad, ya no por vosotros, sino por todos aquellos que, metafóricamente, se quedaron sin figurita del roscón!

Etiquetas: , ,


16 febrero 2007

Barradevoces, tras el piii deje su mensaje, en internet

El sonido en internet va más allá del podcasting, ahora hay un invento que introduce nuestra voz en Internet, se trata de la barra de voz, también conocida como "barra de voces" o "lanzadera de voces".

Se trata de una aplicación con la cual, llamando por teléfono o skype, puedes dejar mensajes como si de un contestador se tratara, con la diferencia que éstos se oirán a través de internet. El chisme incorpora un pequeño reproductor a través del que se pueden oir todos los mensajes grabados.

Un gran invento para los perezosos, como dice uno de los comentarios en la propia web del producto, que podrán hablar en foros y comentar en blogs sin tener que darle a una sola tecla.

Por supuesto ya se empieza a pensar en las posibilidades comerciales, como los mensajes sonoros publicitarios al abrir una página, al estilo Corte Inglés: "Se encuentra en la Planta de oportunidades" y esto es sólo el principio.

Barra de voces

Otra de las posibilidades que esta empresa, 100% española, nos ofrece es la barradevoz. Esta opción te permite publicar tu voz desde un número telefónico concreto. Ya estoy viendo la proliferación de blogs-diario-hablado: llamas por teléfono, cuentas tu vida y ésta puede ser escuchada por los visitantes de tu web. Imagina que tienes ganas de hablar pero no hay ningún amigo disponible: puedes llamar por teléfono, desahogarte y alomejor alguien te puede consolar dejando un comentario en tu web :-P.

Un campo por descubrir del que no intentes informarte en su web de manera exhaustiva ya que, por ser minimalistas, se quedan en la parquedad de la información, a mi entender. Aunque sí puedes acceder a su apartado prensa donde otros medios y blogs se hacen eco de la noticia y es realmente cuando descubres sus utilidades.

Mira un ejemplo en 20minutos de barradevoces. ¿Qué otras aplicaciones se te ocurren?

Etiquetas: , , ,


13 febrero 2007

Lo último de Good Charlotte

Atrás quedaron aquellos chiquillos haciendo hardcore melódico o como quiera que se llame aquel punk californiano que escuchaba en su segundo album "The Young And The Hopeless", cuando conocí a Good Charlotte.

Ahora me sorprenden mucho más maduros, con el primer single de su nuevo disco:"Good Morning Revival", "Keep Your Hands Off My Girl; una canción cuya melodía es casi hablada con una base de guitarras. Me salté un disco:"The Chronicles of Life and Death" y quizá por eso he notado más la diferencia.

Aún así la sorpresa ha sido grata y, la verdad, es que me han dejado con ganas de escuchar el resto de canciones. Esperaremos a su publicación en los próximos meses.

Etiquetas: , ,


12 febrero 2007

Cómo diseñar una campaña de marketing online rentable

Me quedo con esta ponencia que Globalred ofreció en el OME 2007 en la que se puede obtener una visión general del e-marketing: hablamos de SEO, SEM, Afiliados e E-mail Marketing.

Posicionamiento en buscadores, SEM, marketing de afilización e e-mail marketing
A continuación unas notas. La presentación que utilizaron para la ponencia se puede descargar en su web.

SEO - Posicionamiento natural en buscadores



1.Diseñar páginas específicas para cada producto
2.Realizar una web accesible (no flash o javascript, analizar la Arquitectura de la Información...)
3.Ser específico en las palabras clave (la mayor parte usa más de tres palabras clave para realizar sus búsqudas, debemos ser específicos)
4.Utilizar estadísticas para analizar los resultados y conocer las visitas a nuestra web

SEM – Enlaces patrocinados



1.Elegir keywords coherentes con nuestros contenidos
2.Dirigir los anuncios a la parte del site con la información específica
3.Analizar y conocer el comportamiento de los mercados, países, perfiles (¿en qué épocas se compra más el producto que anunciamos?
4.Definir el tipo de conversión a nuestra web
5.Medir las conversiones y su valor
6.Analizar los primeros resultados y hacer rectificaciones

Marketing de Afiliados



1.Elegir la red adecuada
2.Ratios de conversión
1.Aumentar conversiones mejor que comisiones
2.Cuantas más conversiones más afiliados
3.Construir relaciones sólidas
1.Presencia en la red
2.El afiliado como forma parte de nuestra red de ventas debemos tenerlo en consideración, mantenerlo informado y obtener su feedback

E-mail marketing



Marketing directo para fidelizar y vender
1. A ser posible utilizar la listas de distribución que posea el cliente o listas doble opt-in, que son aquellos usuarios que han dado la confirmación a través del mail de que desean recibir publicidad
2. En la personalización está el éxito de la campaña
3. Si podemos debemos segmentar al usuario por la información que le interesa (gustos y hobbies)
4. Debemos medir la eficacia y comportamiento del usuario (¿cuál ha sido el link, foto, oferta más interesante para él?)
5. Analizar resultados

Etiquetas: , , , , ,


09 febrero 2007

OME 2007 ¡qué gran acierto!

Una de las salas del OME 2007, Congreso de marketing-online abarrotadísima
Opinión subjetiva, ni que decir queda, pero he vuelto del OME (Congreso de marketing on-line celebrado el 7 y 8 de febrero 2007 en Madrid) encantada, ha superado mis expectativas con creces y eso que yo iba con intención de aprender acerca del marketing on-line, pero es que he aprendido mucho.

La organización me pareció excelente. Las ponencias duraban lo que tenían que durar y los ponentes contaban lo que tenían que contar. Estamos hablando de cuatro salas (incluidos los workshops) con conferencias simultáneas durante dos días y 4.000 personas.

Lo primero fue elegir las ponencias: a primera vista y por el título, o el ponente (si es que me sonaba). Creo que escogí bien en base a mis intereses. Para mí una ponencia no es: "con-la-excusa de-que-tengo-gente-mirando-vendo-mi-producto-y-mi-empresa", para mí eso es "colármela" y en alguna ocasión (como Weborama) sí tuve la sensación de que "me la estaban colando" pero, afortunadamente fueron las menos.

vista general de zona de exposición OME 2007Las primeras conferencias me dieron una visión general del asunto: que si lo importante que es internet en una estrategia de marketing global, lo importante que es involucrar al consumidor, que si las tendencias...

Más adelante me fui familiarizando con las técnicas de marketing online (Globalred): y aquí es cuando llegaron los mil acrónimos: SEO, SEM, ROI, PPC, PPL, PPS, listas opt-in para e-mail marketing... La importancia del marketing de resultados y el mundo más allá de Google.

Uno de mis grandes descubrimientos fue el marketing de afiliación, del cual he podido profundizar y me parece un mundo por explorar bastante interesante. Zanox se encargó de ello durante el workshop del día 8 y también tuve la ocasión de conocer un par de redes más como Netfilia, cuyos comerciales eran la mar de majos y Netafiliation, en cuya conferencia me aburrí como una ostra, supongo porque la parte que explicaron ya la tenía requteoída.

Globalred en su conferencia del OME 2007Como anécdota también se me quedó la conferencia de Islared, que se pegaba un farol detrás de otro autodenominándose los "reyes del posicionamiento" cuando lo único que hacen es comprar enlaces y saltarse a la torera todas las reglas del W3C, accesibilidad, contenido y el resto de mandamientos del desarrollo en internet. Me pregunto qué pasará cuando Google realmente penalice este tipo de prácticas pseudofraudulentas que apelan a aquello de "hecha la ley, hecha la trampa".

En definitiva, muchos datos y muy interesantes sobre el sector, muchas técnicas de las que ahora tengo que indagar, y mucho, y me queda la sensación de haber aprovechado al 100% mi tiempo. Se ha abierto la caja de pandora y ahora es cuando, debido a mi afán proselitista entre mis compañeros, comienza el verdadero trabajo.

Etiquetas: , , , , , , ,