Como sucede con todos los formularios de cualquier página, también llegan comentarios Spam a través de los formularios para escribir comentarios a las páginas web creadas con el CMS SilverStripe. Para solucionar este problema, podemos utilizar los módulos Mollom o Recaptcha que encontramos entre las extensiones ofrecidas por SilverStripe. En nuestro caso hemos utilizado la opción Mollom, que as la que explicaremos, pero la opción Recapctha funciona prácticamente del mismo modo. Simplemente escogimos la opción Mollom porque el texto que tiene que introducir el usuario es más fácil de comprender que el texto proporcionado por Recaptcha.

Para el funcionamiento de este módulo Mollom es necesario instalar préviamente el mòdulo Spam Protection. Los pasos a seguir para instalar este módulo son:

1. Descargar el fichero .tar.gz (en este momento spamprotection-v0.3.tar.gz) de la página del módulo.
2. Descomprimir este fichero y asegurarnos que el directorio tenga por nombre spamprotection. Copiar esta carpeta a la raíz del servidor, donde encontramos por ejemplo los directorios ‘cms‘, ‘jsparty‘ y ‘sapphire‘.
3. Escribir la siguiente url en el navegador: http://www.tupaginaweb.com/dev/build?flush=1.

En este momento ya tenemos instalado el módulo Spam Protection a nuestra página web y ya podemos proceder a instalar el módulo Mollom. Los pasos a seguir son los siguientes:

1. Descargar el fichero .tar.gz (en este momento mollom-v0.3.tar.gz) de la página del módulo.
2. Descomprimir este fichero y asegurarnos que el directorio tenga por nombre mollom. Copiar esta carpeta a la raíz del servidor, donde encontramos por ejemplo los directorios ‘cms‘, ‘jsparty‘ y ‘sapphire‘.
3. Conseguir la Mollom API Key de la página web http://mollom.com/. Nos tenemos que registrar y añadir un nuevo site desde Manage Sites. Nos proporcionarán una clave privada y una pública que utilizaremos posteriorimente.
4. Editar el fichero _config.php que encontramos en el directorio ‘mysite‘ y escrbir las siguientes línias de código (y utilizando las claves que acabamos de obtener):
   Mollom::setPublicKey(‘la-clave-pública-de-mollom’);
   Mollom::setPrivateKey(‘la-clave-privada-de-mollom’);
   SpamProtectorManager::set_spam_protector(‘MollomSpamProtector’);
5. Escribir la siguiente url en el navegador: http://www.tupaginaweb.com/dev/build?flush=1.
6. Ahora ya nos debería aparecer el campo AntiSpam a nuestros formularios de la página web.

Para más información podéis visitar las páginas de SilverStripe que hablan de Mollom yi Spam Protection.

SilverStripe es un sistema de gestión de contenidos (CMS) basado en PHP que presenta una agradable y moderna interfaz de usuario y simplifica bastante la construcción de un sitio web profesional.

SilverStripe es una herramienta gratuita que nos permite crear y administrar sitios web a través de una interfaz muy limpia y sencilla de utilizar. Se pueden crear menús y apartados de forma rápida e intuitiva, así como añadir contenidos (texto, imágenes, archivos …).

Es un CMS muy válido y muy optimizado para gestionar sitios web o portales corporativos. A la página web podemos añadirle módulos adicionales que nos permitirán tener galerías de imágenes, formularios, un foro, un blog, un calendario … SilverStripe también ofrece una buena optimización para los motores de búsqueda (SEO). Resulta sencillo poder agregar metadatos y gestionar las urls amigables de cada página.

También hay que destacar el foro de la página de SilverStripe donde podemos encontrar mucha información y ayuda adicional.

La única pega es quizá que no hay demasiados temas ni plantillas para utilizar, aunque es bastante cómodo crear o modificar uno de los temas existentes.

La verdad es que vale mucho la pena y es difícil encontrar un CMS gratuito como este para contenido profesional. En NBSP estamos trabajando con este CMS y la verdad es que estamos muy satisfechos con los resultados. Vale la pena echarle un vistazo y probarlo.

La tecnología AJAX usa una combinación de otras tecnologías que nos permite crear aplicaciones web interactivas. Así, nos permite realizar peticiones de contenido o proceso de datos sin tener que recargar la página en la que está el usuario.

Hoy en día, AJAX se ha convertido en una tecnología muy popular para la creación de sitios web dinámicos.

Xajax es una librería de código abierto para PHP que nos permite crear de manera fácil y simple aplicaciones web con la tecnología AJAX. Se trata de un producto gratuito compatible con los navegadores habituales (Mozilla Firefox, Internet Explorer, Opera, Safari …)

Así, con Xajax podemos definir qué funciones de código PHP se convierten en funciones AJAX. Estas funciones PHP se podrán ejecutar sin tener que recargar la página web donde se encuentra el usuario.

Es muy útil para enviar y procesar formularios o realizar selects combinados con AJAX y PHP.

Si queréis descargar y probar Xajax podéis acceder a la página web: http://xajaxproject.org/.

Para saber más sobre la librería Xajax podéis acceder a http://www.desarrolloweb.com/manuales/xajax.html.

Los motivos principales de programar una página web ajustándonos a los estándares son los siguientes:

• Universalidad: nos aseguramos que nuestras páginas se muestran igual independientemente del navegador que use el usuario.
• Portabilidad: si separamos el contenido de la forma, el código se simplifica. Así, realizar cualquier cambio en la apariencia de la página o adaptarla a distintas plataformas nos será más sencillo.
• Mejor indexación en los buscadores: los robots de los buscadores analizan sintácticamente el contenido de los documentos (X)HTML. Así, adquieren más importancia los títulos de las páginas, cabeceras …
• Accesibilidad: usar estándares ayuda a que nuestras páginas sean más accesibles.

Los tipos de medio CSS nos permiten enviar diferentes documentos CSS a los distintos dispositivos, pudiendo indicar un estilo para cada dispositivo. En la especificación CSS2 aparecen los siguientes tipos:

• All. Para todos los dispositivos.
• Aural. Para los sintetizadores de voz.
• Braille. Para dispositivos táctiles Braille.
• Embossed. Una ligera variación de Braille: para impresoras Braille.
• Handheld. Para dispositivos móviles (teléfonos móviles, PDAs …)
• Print. Para documentos preparados para imprimir.
• Projection. Para documentos preparados para ser proyectados.
• Screen. Para las pantallas de ordenador (web).
• Tty. Para medios de visualización del tipo parrila: pantallas antiguas LCD, terminales, antiguos dispositivos móviles …
• Tv. Para dispositivos tipo televisió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.

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.