Dreaming Bytes

Redimensionar los campos de una tabla con jQuery UI

javi — Tue, 20 Mar 2012 21:25:24 +0000

Gracias a jQuery UI podemos realizar acciones o efectos Javascript que normalmente nos costarían muchas líneas de código con un par de simples líneas. En este caso vamos a ver un sencillo ejemplo de cómo poder redimensionar los campos de una tabla.

Para este ejemplo he creado una página simple y he incluido jQuery y jQuery UI enlazándolos en el código desde su página principal (no olvidemos que lo deseable es descargarlos y linkarlos desde nuestra misma página):

Lo siguiente es crear una tabla HTML, tan básica o llena de estilos como se desee, para posteriormente añadir en la cabecera de la página el siguiente código javascript:

$(document).ready(function(){
    $(".head_1").resizable();
    $(".head_2").resizable({resize: function(event, ui) { ui.size.height = ui.originalSize.height;},handles:'e'});
    $(".head_3").resizable({resize: function(event, ui) { ui.size.height = ui.originalSize.height;},handles:'e'});
    $(".head_4").resizable({resize: function(event, ui) { ui.size.height = ui.originalSize.height;},handles:'e'});
});

Tras el salto seguiremos explicando qué hace cada cosa.

La línea:

$(document).ready(function(){...});

ejecutará el código Javascript situado entre las llaves nada más terminar de cargar la página. Veamos qué código ejecuta. La primera línea es como sigue:

$(".head_1").resizable();

Esta línea aplica la posibilidad de redimensionar un elemento a todas aquellas etiquetas que tengan la clase “head_1″ (en el código, class=”head_1″). Pero claro, aplica la redimensión tanto horizontal como verticalmente, y en el caso de las cabeceras de la tabla nos interesa que sólo se pueda redimensionar horizontalmente, como en las líneas siguientes, de las cuales analizaremos la primera:

$(".head_2").resizable({resize: function(event, ui) { ui.size.height = ui.originalSize.height;},handles:'e'});

que simplemente se encarga de que, al efectuarse el resize, mantenga la altura de la fila original (antes del resize), y además que sólo se pueda redimensionar por el Este (con el ” handles: ‘e’ “).

Finalmente, veamos cómo queda todo el código de la página:


 
 
 
 
 

 

 

 
  


  
   
    
     Título 1
     Título 2
     Título 3
     Título 4
    
   
   
    
     Campo 1
     Campo 2
     Campo 3
     Campo 4
    
    
     Campo 1
     Campo 2
     Campo 3
     Campo 4

Título 1	Título 2	Título 3	Título 4
Campo 1	Campo 2	Campo 3	Campo 4
Campo 1	Campo 2	Campo 3	Campo 4

JavaScript: Fundamentos de JSON

javi — Sun, 19 Feb 2012 23:36:12 +0000

JSON (JavaScript Object Notation) es un formato ligero de intercambio de datos basado en un subconjunto de la especificación de JavaScript, y es ampliamente utilizado debido a su simplicidad y a su ligereza, ya que comparado con XML, genera archivos de intercambio de datos menos pesados, al no contener etiquetas. Este estándar es ampliamente utilizado en aplicaciones web para conexiones asíncronas con el servidor en busca de datos mediante AJAX. Entre muchos otros usos, claro.

Existen dos estructuras básicas que conforman las estructuras de datos que se pasan a través de JSON:

Las listas ordenadas de valores,
Las colecciones de pares nombre-valor, más conocidas como estructuras o objetos.

Combinando estos dos tipos básicos de estructuras podemos representar cualquier dato o colección de datos que se nos ocurra, independientemente de su complejidad. En este post veremos los fundamentos de JSON en JavaScript y cómo tratar con estructuras de datos de este tipo.

Una de las ventajas de JavaScript es la de poder asignar a una variable una lista o array, simplemente asignando a la variable diferentes elementos separados por coma y rodeados por corchetes:

var colores = ["rojo", "azul", "verde", "amarillo"];

El siguiente comando nos dirá la longitud o número de elementos del array, que será de 4, mientras que el segundo nos dirá cuál es el primer elemento (empezando siempre por 0), es decir, “rojo”:

alert(colores.length);
alert(colores[0]);

También es posible asignar a una variable JavaScript tipos de datos complejos, formados por elementos de tipo par clave-valor separados entre sí por dos puntos, y entre otro par clave-valor por coma, y rodeados por llaves, como por ejemplo:

var coche = {"marca":"Seat" , "modelo":"Ibiza" , "acabado" : "Sport"};

Ahora es posible acceder al valor de cualquier clave recorriendo la jerarquía de datos mediante los puntos, de manera que la siguiente línea

alert(coche.modelo);

nos mostraría el mensaje “Ibiza”. Compliquemos más el ejemplo, utilizando dos estructuras u objetos de tipo coche añadidos a una lista:

var coches = [
    {"marca":"Seat" , "modelo":"Ibiza" , "acabado" : "Sport"} ,
    {"marca":"Renault" , "modelo":"Megane" , "acabado" : "Coupé"}
]

Si acto seguido escribimos la sentencia JavaScript siguiente:

alert(coches[1].modelo);

el navegador nos mostrará un diálogo con el texto “Megane”, correspondiente al atributo modelo del segundo elemento de la lista de coches.

Si nos fijamos en el ejemplo, vemos que de fuera a adentro tenemos una lista [...] con dos objetos {…} separados por coma, y que cada uno de los objetos contiene los atributos marca, modelo y acabado.

Ahora que sabemos cómo se estructura JSON, probemos con unos datos un pelín más complejos:

var directores = [{"nombre":"Ridley Scott", "pais":"EEUU", "peliculas":[{"titulo":"Blade Runner","ano":1982},{"titulo":"Black Hawk Down", "ano":2001}]},{"nombre":"John Carpenter", "pais":"EEUU", "peliculas":[{"titulo":"Estan Vivos", "ano":1988},{"titulo":"Rescate en Nueva York", "ano":1981}]}];

Esta estructura ya es más complicada. Ahora, si queremos mostrar un diálogo con el título de la segunda película del primer director, escribiríamos algo así como:

alert(directores[0].peliculas[1].titulo);

Y a grandes rasgos, ésto es lo que ofrece JSON. La ventaja es que es muy sencillo formatear datos hacia un archivo JSON ya que existen adaptadores o parseadores para multitud de lenguajes de programación, que podréis encontrar en la página oficial de JSON.

En una próxima entrada hablaré de la comunicación asíncrona (AJAX) y de cómo aprovechar la simplicidad de JSON para recuperar datos de un servidor.

Lorem Ipsum de imágenes para maquetar: generadores de mock-ups

javi — Wed, 15 Feb 2012 20:49:08 +0000

Si en el anterior post veíamos una aplicación web ideal para crear esquemas de colores web, en éste veremos diversos sitios que podemos utilizar para hacer mock-ups (o maquetas, modelos…) de imágenes de cara al diseño y maquetación de sitios web.

Es posible que en el momento de preparar una página web no dispongamos de las imágenes que contendrá, o que, por otros motivos, queramos probar diversos tamaños. En cualquier caso, si conocemos las dimensiones que ha de tener una imagen, podemos utilizar cualquiera de los servicios que se muestran a continuación para generarlas al vuelo, así que veamos las posibles opciones:

Placehold.it

Si enlacamos una imagen a placehold.it, nos mostrará una imagen del tamaño especificado, por defecto en gris y con las dimensiones como texto, aunque podemos personalizar tanto el color como el texto:

Lorempixel

Si optamos por Lorempixel podremos añadir una imagen de tamaño especificado definiendo que sea aleatoria, o por tema, y si queremos incluso con texto. Veamos cómo se vería una imagen aleatoria de la categoría transport:

Placekitten

La opción que nos propone placekitten es obtener imágenes aleatorias de tiernos gatitos, pudiendo especificar su tamaño y si se mostrarán en color o en escala de grises. Mostremos un ejemplo con escala de grises:

Flickholdr

La última opción, flickholdr, nos permite insertar imágenes tomadas de Flickr, personalizando el tamaño y añadiendo diferentes tags separados por coma. Veamos un ejemplo con los tags “sea,sun”:

Como veis, es muy sencillo insertar imágenes en nuestras páginas utilizando estos servicios, siendo de gran ayuda a la hora de maquetar sin disponer de las imágenes finales que deberemos insertar.

Recursos web: Esquema de colores

javi — Tue, 14 Feb 2012 00:09:57 +0000

Para los que no son diseñadores (como el que escribe), a veces resulta complicado encontrar una combinación de colores idónea para la paleta de colores de una web. Y ahí es donde aplicaciones web como Color Scheme Designer pueden echarnos una mano.

Simplemente escogiendo un color base en la parte izquierda, nos aparecerán diferentes tonos en la parte derecha, e incluso podremos visualizar una vista previa con esos tonos en una página luminosa u oscura.

También podremos modificar parámetros como la saturación, brillo, contraste, etcétera, y finalmente nos permite exportar los resultados obtenidos a HTML+CSS, Photoshop, Gimp, XML o texto.

Como curiosidad, nos muestra también cómo visualizaría los colores una persona con deficiencia visual a la hora de apreciar éstos.

En definitiva, una herramienta bastante útil y completa, pero si lo que deseamos es una cosa más sencilla, podemos encontrarla aquí o aquí.

Instala WordPress en tu propio servidor

javi — Sun, 12 Feb 2012 22:10:04 +0000

Como dice la Wikipedia, WordPress es un sistema de gestión de contenido enfocado a la creación de blogs, que basa su éxito en su licencia, su facilidad de uso, sus características como gestor de contenidos o CMS, y a la extensa comunidad de desarrolladores y diseñadores que añaden temas o layouts y plugins.

Crear un blog con WordPress es sencillo, ya que ellos mismos nos permiten crear con un solo click un subdominio del tipo miblog.wordpress.com alojado en sus servidores y listo para rellenar de contenido. Pero toda ventaja tiene sus inconvenientes, y así cualquier blog creado de ésta manera y alojado en sus servidores pasa a ser propiedad de WordPress, aunque pensemos que es “nuestro blog”.

Por este mismo motivo existe otra alternativa diferente de usar un espacio en los servidores de WordPress que pasa por instalarnos el propio sistema de gestión en nuestro propio servidor o en nuestro proveedor de alojamiento web, y de eso mismo habla esta entrada.

Lo primero que necesitamos es tener un alojamiento web contratado que soporte PHP y MySQL, o un servidor web con Apache, PHP y MySQL instalados. En una entrada anterior ya se habló sobre cómo crear un servidor web de éste tipo, así que nos ceñiremos al tema del título de ésta entrada.

Descarga, instalación y configuración de WordPress

El primer paso es descargar la versión completa de WordPress desde es.wordpress.org, para después descomprimirlo y buscar el archivo wp-config-sample.php y hacer una copia en el mismo directorio con el nombre wp-config.php. Editaremos este último archivo cambiando lo siguiente:

define(’DB_NAME’, ‘nuestra_base_de_datos_MySQL′);
define(’DB_USER’, ‘nuestro_usuario_MySQL’);
define(’DB_PASSWORD’,‘nuestra_contraseña_MySQL’);
define(’DB_HOST’, ‘ip_servidor_mysql’);

Guardaremos el archivo con los cambios y subiremos todo el contenido de la carpeta que hemos descomprimido a nuestro alojamiento web, o si es un servidor local, a la carpeta raíz del servidor Apache.

El siguiente paso será acceder a través del navegador a la dirección

http://nuestro-servidor/wp-admin/install.php

Aparecerá una pantalla de bienvenida de WordPress donde se nos preguntará el nombre del sitio, un usuario, su contraseña y una dirección de correo.

Tras introducir todos estos datos, ya tendremos nuestro sitio corriendo con WordPress.

Enlaces permanentes y Mod_Rewrite

Si bien es cierto que nuestro blog con WordPress ya está activo, si hacemos click en una entrada veremos que la Url es algo parecida a ésto:

http://miblog.com/?p=123

que no le gusta nada a los buscadores y que por tanto hará que nuestra página no tenga un
buen posicionamiento en éstos. Para solventar esta cuestión, nuestras direcciones deberían tener esta forma:

http://miblog.com/mi-post-chulo

Para lograr que las url’s de los posts funcionen de ésta manera hay que editar los ajustes de los enlaces permanentes en el panel de control de WordPress:

Al clicar en el botón guardar cambios el sistema intentará generar un archivo .htaccess en la raíz del sitio (o de la carpeta de WordPress) parecido a éste:

# BEGIN WordPress
 
 RewriteEngine On
 RewriteBase /wordpress/
 RewriteRule ^index\.php$ - [L]
 RewriteCond %{REQUEST_FILENAME} !-f
 RewriteCond %{REQUEST_FILENAME} !-d
 RewriteRule . /wordpress/index.php [L]
 
 # END WordPress

Con ésto ha de bastar para que las url’s de nuestro sitio se comporten de la manera que deseamos. Pero si tenemos un servidor local y no funciona, deberemos mirar si el archivo de configuración de Apache tiene el mod_rewrite habilitado, así que el primer paso que daremos en este sentido será invocar al comando (comprobado en Ubuntu)

sudo a2enmod rewrite

Acto seguido verificaremos que en el archivo /etc/apache2/sites-available/default tenga todas las líneas donde aparezca AllowOverride como All, por ejemplo:


    Options FollowSymLinks
    AllowOverride All

y después reiniciaremos Apache

sudo /etc/init.d/apache2 restart

Ahora sí que deberíamos poder utilizar los enlaces permanentes.

Backup remoto de bases de datos MySQL con mysqldump

javi — Sun, 15 May 2011 13:15:52 +0000

Las bases de datos guardan información fundamental para nuestro negocio o actividad, y un aspecto a tener muy en cuenta es realizar copias de seguridad o backups regulares tanto de los datos que contienen como de su estructura.

Las webs, como aplicaciones que son, no están exentas de necesitarlas, pues ya sea por ataques o por desgracias físicas de los servidores en las que están alojadas, no podemos permitirnos dejar a nuestros usuarios o visitantes sin servicio, así que es necesario contar con una buena política de copias de seguridad.

Si tenemos una web, blog, servicio online, etc y utilizamos una base de datos MySQL podemos emplear diferentes mecanismos para realizar la copia de seguridad, por ejemplo entrar enphpMyAdmin, si disponemos de él, y hacerla manualmente. Pero si queremos ahorrarnos entrar en este administrador de bases de datos y nuestra máquina ya tiene MySQL instalado, podemos emplear el siguiente comando para crear un archivo en nuestra máquina con la copia de seguridad de una base de datos MySQL de un servidor remoto:

mysqldump -h [nuestro.servidor.com_o_IP] -u [usuario] -p[password] [base_de_datos] > archivo_backup.sql

Este comando nos creará el archivo archivo_backup.sql con el contenido de la base de datos que le hayamos indicado. Cuidado, entre -p y [password] no hay ningún espacio.

Seguro que os preguntaréis para qué puede servir ésto; pues bien, la respuesta es sencilla: paraautomatizar el proceso y poder programar una o varias copias de seguridad diariamente,ejecutando mediante Cron un script programado en Python como el que se muestra a continuación:

#!/usr/bin/python

import datetime
import os

command = "mysqldump -h [nuestro.servidor.com_o_IP] -u [usuario] -p[password] [base_de_datos]"

# Objeto HOY
today = datetime.date.today()
# Formatea como YYYYMMDD
fecha = today.strftime("%Y%m%d")

# Fichero de salida
file = "backup_Servidor_"+fecha

command = command+" > /home/javi/backups/Servidor/"+file+".sql"

os.system(command)

Con un script parecido al anterior, y programado para que se ejecute diariamente, tendremos una buena política de copias de seguridad, generando cada día un archivo de texto con el sufijo de la fecha en su nombre y con todo el contenido de la base de datos, tanto de su estructura de tablas como de los registros que éstas contengan.

Tamaño ideal de la partición Swap

javi — Fri, 21 Jan 2011 13:11:39 +0000

La memoria virtual es un mecanismo de los sistemas operativos que permite hacer creer a los programas que disponen de más memoria de la que realmente dispone el equipo físicamente, y consiste en un espacio de intercambio, que puede ser un archivo de paginación (pagefile.sys), en el caso de Windows, o una partición de disco, lladama SWAP o de intercambio, que es el caso de los sistemas Unix.

Mediante la memoria virtual podemos, por ejemplo, disponer de 4 Gb de RAM en equipos de 32 bits, que están limitados a 3 Gb por no poder “trabajar” con números tan altos; cada ciclo del procesador éste trabaja con una “palabra” de 32 ceros y unos, que representan la instrucción que tiene que ejecutar y la/s dirección/es de memoria necesarias (dicho muy por encima), y claro, no le cabe.

Así pues, los procesos poco activos o menos prioritarios se pueden almacenar en el disco duro, dejando memoria disponible para cargar otros procesos. Pero claro, el tiempo de acceso al disco es muchísimo más elevado que el de acceso a la memoria, y si el sistema abusa de la memoria virtual puede hundirse, debido a la hiperpaginación o rubbish.

Una vez sabemos para qué sirve la memoria virtual, o espacio de intercambio, o SWAP, que en Linux se crea al instalar el sistema operativo, ¿qué tamaño debemos asignarle a dicha partición? Pues según Russell Coker, que sabe bastante del tema, el tamaño ideal de la SWAP es:

Igual a la RAM para ordenadores con menos de 1Gb
La mitad de la RAM para equipos entre 2 y 4 Gb
2 Gigas para equipos con más de 4 Gb de RAM

Vale la pena recordarlo.

Manual de cómo usar Cron

javi — Mon, 30 Aug 2010 04:41:04 +0000

En el mundo de los servidores hay mil y una tareas que se realizan a diario, como copias de seguridad nocturnas, chequeo de sistemas, envío de alertas por email… cualquier cosa que se nos pase por la cabeza. Pero claro, un programa no puede ejecutarse solo. Para que todos esos procesos se lancen en el momento esperado, es necesario que, o bien se encuentren todo el tiempo activos, en estado wait (a la espera) hasta que llegue el momento de “despertarse” (solución poco óptima), o que los lance otro proceso.

Una de las cosas que hace extremadamente bien Linux es automatizar tareas, y para ello cuenta con cron, que es un demonio (programa que se ejecuta continuamente en backgroundo segundo plano, normalmente al arrancar el sistema) que se ejecuta cada minuto y mira si tiene que lanzar algún otro proceso. En esta entrada hablaremos de cómo configurar cron.
Cron dispone de una lista, crontab, que contiene los procesos que tiene que ejecutar para cada usuario. Editando esta lista le diremos al demonio cuándo y qué tiene que ejecutar. Veamos qué contiene esa lista:

javi@asus:~$ crontab -l
# m h  dom mon dow   command

Por defecto, está vacía y solo contiene una línea, que al empezar por “#” indica que es un comentario, es decir, que no se ejecutará. Pero nos da información de como tenemos que rellenar el archivo que conforma la lista. Como podemos apreciar, se divide en 6 campos separados por un espacio: m, h, dom, mon, dow y command, y cuyo significado es el siguiente:

m	Minuto. Determina en qué minuto de la hora será ejecutado el comando. Este valor estará entre 0 y 59.
h	Hora. Controla la hora del día en que se ejecutará el comando. Este valor estará entre 0 y 23, siendo 0 medianoche.
dom	Día del mes a ejecutar el comando. Si ponemos aquí un 10, el comando se ejecutará solamente los días 10 de cada mes establecido, a la hora y minuto establecidos.
mon	Mes. Especificaremos qué mes queremos que se ejecute el comando.
dow	Día de la semana. De 0 a 7, donde 0 es domingo, 1 es lunes… 6 es sábado y 7 otra vez domingo. Semana anglosajona: de 0 a 6. Nuestra semana: 1 a 7.
command	El comando a ejecutar. Como comando se entiende cualquier comando, programa o script que podamos escribir en la línea de comandos.

Puede haber un campo más, entre el día de la semana y el comando, que hace referencia alusuario que ejecutará éste.

A la hora de introducir valores no se nos limita solamente a poner un número dentro del rango permitido para cada campo, también permite intruducir listas de valores, múltiplos o el símbolo “*”, que quiere decir “todos”. Por ejemplo, si en las horas ponemos un 5, se ejecutará a las 5 de la mañana. Si ponemos 5,8,15 se ejecutará a las 5 a las 8 y a las 15 horas. Si ponemos 5-9, se ejecutará cada hora desde las 5 hasta las 9. Si ponemos el símbolo “*” se ejecutará a cualquier hora, todas las horas. Y si ponemos por ejemplo */6 se ejecutará todas las horas múltiplos de 6, es decir, cada 6 horas.

A continuación vamos a ver algunos ejemplos:

30 12 * * *	Cada día del año a las 12:30
0 22 * * 6	Todos los domingos del año a las 22:00
0 /8 * 1-5	Cada 8 horas (en punto), de lunes a viernes.
0 /8 * 1-5	Cada 8 horas (en punto), de lunes a viernes.
0 0 * 1-3 1,5,6	Todos los lunes, viernes y sábados a medianoche desde enero hasta marzo.

Creo que con estos ejemplos queda bastante claro el uso de cron. Es importante darse cuenta que deben cumplirse todas las condiciones que pongamos.

Otra manera de ejecutar Cron

Si nos da pereza editar el archivo crontab, existe otra manera de utilizar cron, quizá más sencilla, pero que obliga a tener nuestros scripts “desparramados” por el sistema.

Si echamos un ojo a la carpeta /etc, veremos algunas subcarpetas de interés:

/cron.daily
/etc/cron.hourly
/etc/cron.monthly
/etc/cron.weekly

Si situamos un archivo tipo script en alguna de esas carpetas, se ejecutará diariamente, cada hora, cada mes o cada semana, según en qué carpeta sea. El archivo debe ser parecido a ésto:

#!/bin/sh
echo "Hola" | mail -s "Esto es una prueba" midireccion@decorreo.com

Éste archivo nos enviará un email según cuando lo dicte la carpeta donde lo hayamos dejado.

Con ésto queda claro cómo utilizar Cron, al menos básicamente. Espero os sirva de ayuda!

Tutorial de Java EE6 de Oracle

javi — Thu, 26 Aug 2010 12:31:41 +0000

Ya está disponible la revisión del tutorial de Java EE 6 tanto para consultar online como para descargar en PDF. Este libro se convierte en una completa y detallada referencia para cualquiera que quiera aprender y utilizar Java EE 6.

Este libro se compone de dos partes, y lo que está disponible ahora mismo es la primera parte del tutorial, con la segunda prevista para Septiempre (antes de la JavaOne. Un reciente episodio del Oracle Author Podcast explica qué esperar de él y cómo se estructura el tutorial.

Sindicación de contenidos: crear RSS en nuestra página

javi — Wed, 25 Aug 2010 12:27:17 +0000

Hoy he añadido sindicación RSS a la página. La sindicación RSS se encarga de difundir información actualizada del contenido de la página a todas aquellas personas que se hayan suscrito a ella. Y no es necesario tener abierto el navegador, simplemente con un software adecuado, llamado agregador, se podrán ver las novedades de las webs a las que estemos subscritos.

La sindicación RSS se basa en un archivo XML en el que incluiremos el contenido, y en su enlazado desde la página web. En este post mostraré los pasos necesarios para generar el XML e incluírlo en la página.

El objetivo es generar un archivo XML que contenga la siguiente estructura:



	
		LaMoscaGao
		http://www.mipagina.com
		Fulanos y menganos a tutiplén
		
			Título del Primer post
			http://www.mipagina.com/enlace_Al_Primer_Post.html
			Resumen del post
			Wed, 25 Aug 2010 01:08:08 GMT
			Categoría X
		
		
			Título del Segundo post
			http://www.mipagina.com/enlace_Al_Segundo_Post.html
			Resumen del post
			Tue, 24 Aug 2010 20:27:07 GMT
			Categoría Y

Los documentos XML se caracterizan porque contienen información insertada entre etiquetas anidadas, que empiezan por “<…>” y acaban por “”. Veamos un ejemplo con los alumnos de una clase (de dos):


	
		Pepe
		García
	
	
		Antonio
		Rodríguez

Como se puede apreciar, el documento XML se compone de diferentes tags o etiquetas, y la primera de todas es:

Ésta etiqueta indica el tipo de archivo con el que tratamos, XML, y su codificación de carácteres.iso-8859-1 se refiere a que la codificación está en lenguaje occidental, latín (símbolos como los acentos o la “ñ” saldrán correctamente). Esta etiqueta es la única que no se cierra. Además, es extremadamente importante que esté justo al comienzo del archivo, así que interesa escribirla antes de hacer nada más (si utilizáis un script PHP para generar el XML al vuelo y empezáis con un include, os pondrá una línea en blanco y no os funcionará).

Después vendría el esqueleto del XML, ésto es:


	
		....

Dentro de éste “esqueleto” nos encontramos con los atributos del RSS, correspondientes al global de la página:

LaMoscaGao
http://www.mipagina.com
Fulanos y menganos a tutiplén

El significado de cada uno de estos atributos es el siguiente:

title: El título de la página web
link: Un enlace a la página
description: Descripción que queramos sobre nuestra página

Y después, nos encontramos con una etiqueta item para cada una de las entradas que queramos publicar. Cada etiqueta item contendrá una serie de atributos; yo he puesto 5, pero se pueden poner menos, o más si lo deseamos, siempre ciñéndonos a la especificación RSS(otro enlace). Nuestro ejemplo:


	Título del Primer post
	http://www.mipagina.com/enlace_Al_Primer_Post.html
	Resumen del post
	Wed, 25 Aug 2010 01:08:08 GMT
	Categoría X

Vemos que por cada elemento “item” tenemos los siguientes atributos:

title: Título del post
link: Enlace al post
description: Descripción del contenido del post, si queremos
pubDate: Fecha de publicación del post. Ojo con la “D”, que es mayúscula. Además, el formato de la fecha debe ser el que se ve en el ejemplo.
category: categoría / categorías al que pertenece el post, si se tercia.

Y así es como generaremos nuestro documento XML. Para generarlo, deberemos programar un script, ya sea en PHP (casi copiado del que muestra las últimas entradas en la página de inicio), ya sea en el lenguaje que nos de la gana (como si queremos hacerlo a mano), que nos construya un archivo siguiendo esta estructura.

Vale, ya tenemos el XML generado, ahora hay que hacer que las páginas lo relacionen. Para ello pondremos, entre las etiquetas de nuestras páginas, la siguiente línea:

También podemos poner un enlace, o un iconito parecido al de la foto de este post, que enlace a nuestro documento XML, de la manera siguiente:

bla bla bla ó

Y ya tendremos lista la sindicación en nuestra página.