2010 Abril | NBSP

Libros de diseño y programación interesantes

30-04-2010 - Diseño, Libros, Programación

Os recomendamos a continuación tres libros muy interesantes:

WEB DESIGN: STUDIOS. Julius Wiedemann, Taschen.

Nos presenta 90 estudios interactivos de distintas partes del mundo, empresas que han elaborado soluciones creativas para pequeños y grandes clientes. Se trata de una colección (de pequeño formato y bajo precio) con algunos de los mejores trabajos que podemos encontrar en la red.

CONTEMPORARY GRAPHIC DESIGN. Charlotte & Meter Fiell, Taschen.

Nos muestra las propuestas y trabajos de 115 de los diseñadores gráficos más innovadores del momento: Jonathan Barnbrook, Antoine+Manuel, Peter Saville y Stefan Sagmeister entre muchos otros. En este libro se pueden encontrar anuncios, carátulas de CDs, pósters, rótulos, páginas web, imágenes corporativas con gran poder visual … Se trata de un libro muy recomendable para aquellas personas interesadas en el panorama actual del diseño gráfico y en el poder visual de las imágenes.

DESARROLLO WEB CON PHP Y MySQL. Luke Velling y Laura Thomson, Anaya Multimedia.

Este libro nos enseña como usar PHP y MySQL para obtener aplicaciones web eficaces e interactivas, desde pequeños formularios de pedidos hasta sitios web de comercio electrónico más complejos y seguros. Va dirigido a lectores con conocimientos básicos de HTML y con alguna noción de programación, que quieran crear páginas web dinámicas.

¿Cómo poner tu icono en la barra de direcciones del navegador?

30-04-2010 - Programación

Lo primero que debemos hacer es crear el icono de 16×16 píxeles con nombre de fichero favicon y con extensión .ico. Para crear el .ico a partir de otro tipo de fichero de imagen (jpg, gif, png …) podemos utilizar por ejemplo el programa gratuito IrfanView.

Una vez tenemos el icono realizado, sólo hay que añadir en el código html de nuestras páginas entre las etiquetes <head> y </head> la siguiente línea:

<link rel=”shortcut icon” href=”favicon.ico” mce_href=”favicon.ico” type=”image/x-icon” />

Ahora ya podemos subir los ficheros al servidor y comprobar los resultados (funcionará en Internet Explorer, Firefox, Safari …). Anotar que el nombre de fichero debe ser favicon.ico y se recomienda que esté en la raíz. En algunos casos es recomendable utilizar direcciones absolutas para su funcionamiento.

Páginas y herramientas web interesantes

30-04-2010 - Recursos web

Os presentamos a continuación un buen número de páginas web con herramientas o recursos interesantes:

WEBWAIT. Página web que nos calcula cuanto tiene que esperar un usuario para poder visualizar nuestra página web, es decir, nos calcula el tiempo de espera del usuario.
SXC. Banco de fotos gratuito.
José Luis Ávila Herrera. Banco de imágenes gratuitas.
Free Icons Web. Página web con galerías de iconos gratuitos.
Ajaxload. Página web que nos permite generar imágenes de carga, pudiendo seleccionar distintos estilos y colores.
Ajax Rain. Página web que contiene artículos y scripts Ajax, DHTML y PHP.
MiniAjax. Página web que contiene scripts Ajax, DHTML y PHP.
Hivelogic: Enkoder. Herramienta web que nos ayuda a proteger las direcciones de correo electrónico convirtiéndolas en código JavaScript cifrado, ocultándolas de los robots de rastreo.
The FWA. Página web donde encontrar miles de websites interesantes y atractivos.
Dezignus.com. Blog de diseño gráfico muy interesante y útil. Se trata de un blog donde su creador muestra y comparte algunas de sus obras, así como las de otros artistas o diseñadores. Los conjuntos de iconos que presenta son muy recomendables.
Load info – gif generator. Herramienta online para generar imágenes de carga (gifs animados). Hay diversos estilos que podemos adaptar a nuestro gusto o necesidad con color de fondo, color de la imagen animada y tamaño.
Iconfinder.net. Buscador de iconos online muy completo y rápido. Nos permite filtrar por tamaño de icono y nos muestra los iconos con fondo de pantalla blanco o negro. Todos los iconos están bajo licencia Creative Commons, GPL y LGPL.
Urbanfonts.com. Permite descargarnos un buen número de fuentes gratuitas. La búsqueda de la fuente es sencilla (ordenadas por categorías, imágenes de las fuentes … ) y, además, las encontramos para MAC y Windows.
Stripe Generator. Herramienta online que nos permite crear diferentes tipos de fondos para nuestras páginas web. Podemos definir el color y ancho de las bandas, el color y tipo de fondo, el degradado …
Color Wizard. Herramienta online que nos permite, partiendo de un color base, conseguir un combinado de colores relacionados con este color base.
Squidfingers – Patterns. Website que nos permite descargar mosaicos o fondos para nuestras páginas web.
Check Browser Compatibility. Herramienta web para comprobar si nuestra página web se visualiza correctamente con distintos navegadores.
CSS Mania. Directorio de sitios desarrollados con hojas de estilo (CSS).
CSSBarcelona.com. Galería de páginas web desarrolladas con CSS.
Web a 2.0. Galería de aplicaciones y servicios Web 2.0.
AddThis. Botón para que los usuarios compartan tu página web con otros usuarios de páginas como Delicious, Digg, Technorati …
Lorem Ipsum. Generador de textos Lorem Ipsum. Lorem ipsum es el texto que se usa habitualmente en diseño gráfico o web en borradores o presentaciones del diseño antes de insertar el texto final. Una de las cualidades del texto en cuestión es que tiene una distribucion de letras similar al inglés.
BgPatterns. Herramienta online que nos permite crear fondos para nuestras páginas web con diferentes figuras. Se puede ajustar el tamaño, la imagen, los colores, la inclinación, la textura y la transparencia. Una vez creado el fondo, podemos descargarlo en formato JPG.
Preloaders.net. Herramienta online que nos permite generar imágenes de carga animadas de forma sencilla. En este caso podemos escoger entre diferentes diseños como: 3D, rectangulares, circulares y horizontales. También se puede configurar el color, el tamaño y la velocidad de la animación. Una vez se ha configurado la imagen animada tal y como la queremos, la generamos y la descargamos en formato GIF para utilizarla en nuestro sitio web.
TABS GENERATOR. Herramienta que nos permite generar pestañas para nuestras páginas web. Nos ofrece diversas opciones y parámetros para poder personalizarlas tal y como queremos. Es una herramienta muy cómoda, fácil de usar e intuitiva.
ColoRotate. Herramienta online gratuita (desarrollada en Flash) que permite generar paletas de colores a partir de un cono de colores en 3D. Las paletas generadas se pueden compartir con los demás usuarios de la comunidad.

¿Cómo imprimir desde Flash?

30-04-2010 - Flash

Flash nos permite preparar contenidos específicamente para ser impresos. Así, podemos preparar estos contenidos sin tener en cuenta como se ven éstos en la pantalla. Es decir, podemos maquetar el contenido para que se adapte al medio impreso.

Método print. Es el método que nos permite poder imprimir en Flash. Es un método sencillo que sólo recibe dos parámetros:
- Instancia del clip de película que queremos imprimir.
- El marco de delimitación con el que indicamos el área imprimible. Este parámetro puede recibir 3 valores:
  - bmovie. Definimos un frame como área de impresión, etiquetando al fotograma con #b. Así, se imprimirán todos los elementos contenidos en el área de este fotograma.
  - bmax. Definimos como área de impresión todos los elementos de todos los fotogramas. La etiqueta #b no es necesaria.
  - bframe. Definimos como área de impresión todos los elementos contenidos en la página.

Además, independientemente del marco de delimitación que estemos utilizando, debemos definir los fotogramas del clip de película que queremos imprimir, etiquetándolos con #p.

Ejemplo. Creamos una capa impresión, donde preparamos el contenido que queremos que se imprima. Lo situamos fuera de la pantalla (ya que queremos que no se vea en el navegador, sólo que se imprima), y lo englobamos en un clip de película con nombre de instancia clip_pelicula_imprimible.

Ahora, debemos editar el clip de película para etiquetar con #p aquellos fotogramas que queremos imprimir y con #b aquel que queremos que nos delimite el área imprimible. Si en vez de poner la opción bmovie escogiéramos la opción bmax no haría falta la etiqueta #b, y el área imprimible sería la que comprende todos los elementos de los fotogramas etiquetados con #p.

Hacemos la llamada de la siguiente manera:

on (release) { print(”clip_pelicula_imprimible”, “bmovie”); }

* Si queremos imprimir efectos de color o transparencias utilizaremos el método printAsBitmap que se usa igual que el método print, pero en vez de generar la impresión como vectores lo hace como mapa de bits. Existen otros métodos como printNum y printAsBitmapNnum.

¿Cómo puedes conseguir mas visitas en tu página web?

30-04-2010 - Posicionamiento web

En primer lugar, no se trata de conseguir visitas de cualquier tipo. Éstas tienen que ser de calidad: si nuestro Website trata de la venta de pisos, no nos interesa que entre un chico de 16 años que está buscando la página web de una revista de videojuegos.

Una vez el usuario haya entrado en nuestro Website, éste tiene que quedar satisfecho. Para conseguirlo, es necesario que las diferentes páginas que componen el Website sean usables.

En Internet, hay diferentes alternativas para realizar publicidad, como pueden ser: mailing, boletines electrónicos (para la fidelización de los clientes), crear un Weblog paralelo al Website, banners, esponsorización y anuncios a otras páginas web. Actualmente, la opción más eficiente para hacer publicidad a través de Internet es el posicionamiento web.

El posicionamiento web consiste en permitir que la página web se encuentre situada en los primeros resultados de las búsquedas realizadas a través de los buscadores, mediante unas determinadas palabras clave. Cuanto más arriba se consiga posicionar la página web, más clientes potenciales la verán. Como veremos más adelante, hay dos tipos de posicionamiento web: el posicionamiento web orgánico y el posicionamiento web de pago.

¿Cómo un usuario localiza y accede a un Website?

30-04-2010 - Posicionamiento web

Un usuario puede acceder a nuestro Website de tres formas:

Acceso directo al Website. Cuando el usuario escribe directamente al navegador nuestra dirección web (por ejemplo: www.nbsp.cat).

Esto implica que el usuario ya conoce nuestra página web y que, por tanto, no ha usado ningún buscador o directorio para encontrarnos.

Acceso desde un directorio o portal temático. Cuando el usuario nos encuentra a través de otra página web, como puede ser un directorio, que contiene un listado de enlaces a diferentes páginas web ordenadas por categorías.

Esto implica que nuestra página web debe estar incluida en directorios tanto generales como temáticos. Algunos de éstos son de pago.

Acceso desde un buscador. Cuando el usuario nos ha localizado a través de un buscador de Internet (Google, Yahoo!, MSN …), según unas palabras clave determinadas. Aproximadamente, el 75% de los nuevos visitantes a un Website provienen de los buscadores; se trata del acceso más habitual.

Esto implica que nuestra página web debe estar bien posicionada a los principales buscadores de Internet.