ayuda_bloggind

Videotutoriales de WordPress

noreply@blogger.com (Razock) — Tue, 02 Dec 2008 09:17:00 +0000

Explicación paso a paso de la instalación de WordPress en el servidor y vistazo general al panel de control del blog.

Como escribir un artículo o entrada en el weblog: enseñan a darle un título, escribir el texto y darle formato.

Explica los pasos que hay que seguir para subir imágenes al servidor de la página web mediante WordPress, cómo ponerlas en un post y editarlas.

Habla de la configuración de los enlaces con el editor de WordPress. Hay varias opciones, dejar que se abran en la misma ventana del navegador, ordenar que se abran en una ventana nueva, etc.

Explica qué hay que hacer para poner un video de Youtube o cualquier otra página similar en un post de tu blog.

Videotutoriales de Dreamweaver

noreply@blogger.com (Razock) — Tue, 02 Dec 2008 08:58:00 +0000

Curso de Dreamweaver 8 creado por videotutoriales.es. En este primer capítulo muestran como crear la estructura de una página web partiendo de cero, estableciendo un encabezado, un pie de página y un espacio para el contenido.

Curso de Dreamweaver 8 creado por videotutoriales.es. En el segundo capítulo muestran como estructurar la cabecera de la página con imágenes y una tabla.

Curso de Dreamweaver 8 creado por videotutoriales.es. En el tercer capítulo nos enseñan a estructurar el cuerpo de la página donde irá el contenido de la web, incluyendo una barra lateral para el menú de navegación.

Curso de Dreamweaver 8 creado por videotutoriales.es. En el cuarto capítulo nos continúa explicando una forma de estructurar el cuerpo de la página y el menú de navegación mediante imágenes y tablas.

Curso de Dreamweaver 8 creado por videotutoriales.es. En el quinto capítulo nos explican más en profundicar cómo crear mediante el uso de imágenes y tablas un menú de navagación para la página web.

Curso de Dreamweaver 8 creado por videotutoriales.es. En el sexto capítulo nos explican cómo poner un texto en la cabecera y en el pie de página modificando los colores.

Curso de Dreamweaver 8 creado por videotutoriales.es. En este capítulo hablan de las hojas de estilos, como controlar el formato de la página web por medio del uso de CSS.

Curso de Dreamweaver 8 creado por videotutoriales.es. Habla de las bibliotecas de las páginas web, de como añadir objetos comunes de tu web a la biblioteca, especificar zonas modificables y fijas, etc.

Curso de Dreamweaver 8 creado por videotutoriales.es. En este video tutorial explican como añadir contenido a la web, creando diferentes páginas en base a una plantilla general.

Curso de Dreamweaver 8 creado por videotutoriales.es. Describe como añadir un elemento de flash en la página web. También enseña a vincular diferentes páginas de tu web con botones y a modificar una plantilla para que toda la web se modifique con ella.

Curso de Dreamweaver 8 creado por videotutoriales.es. Sigue modificando la plantilla creada para añadir enlaces, nuevos estilos, etc. a toda la web a la vez. Manejo de tablas.

Curso de Dreamweaver 8 creado por videotutoriales.es. Sigue completando el proyecto web del tutorial, en este video tutorial explica más en profundidad el uso de tablas anidadas.

urso de Dreamweaver 8 creado por videotutoriales.es. Versa sobre el trabajo con la plantilla de la web para modificar todas las páginas del sitio.

Curso de Dreamweaver 8 creado por videotutoriales.es. Creación de formularios en Dreamweaver. Muy útil para facilitar el contacto con el usuario.

Curso de Dreamweaver 8 creado por videotutoriales.es. Continúa explicando como hacer formularios en Dreamweaver, darles formato y configurarlos. En este caso explica como hacer un formulario de pedidos.

Curso de Dreamweaver 8 creado por videotutoriales.es. Una vez creada la página web con Dreamweaver, en este tutorial nos explica como registrarnos en un servicio de hosting gratiuto para subir nuestra web a Internet.

Curso de Dreamweaver 8 creado por videotutoriales.es. Final del videotutorial. En este video nos enseña como configurar Dreamweaver para subir el sitio a nuestro hosting gratuito.

Videotutoriales de Hojas de Estilo (CSS)

noreply@blogger.com (Razock) — Tue, 02 Dec 2008 08:54:00 +0000

Nivel Avanzado

Videotutorial de illasaron.com. En este primer capítulo nos introducen en la utilidad de usar hojas de estilo para diseñar páginas web.

Videotutorial de illasaron.com. Nos enseña a crear las etiquetas necesarias para empezar a crear estilos CSS.

Videotutorial de illasaron.com. Nos enseña a definir nuestra primera regla en CSS para dar formato a un tipo de texto específico.

Videotutorial de illasaron.com. Introducción al uso de selectores en las hojas de estilo y explicación de cada parte de una regla CSS. Continúa explicando más en profundidad a añadir reglas a nuestra hoja de estilo.

Videotutorial de illasaron.com. Continúa explicando el uso las reglas en CSS. También habla de cómo ahorra tiempo al cambiar el diseño de una página usar hojas de estilo.

Videotutorial de illasaron.com. Explica el uso de distintas reglas para dar estilos diferentes a determinadas partes de la página.

Videotutorial de illasaron.com. Introducción al uso de selectores. Noción de agrupación de selectores.

Videotutorial de illasaron.com. Sigue hablando de la utilidad de usar agrupamientos de selectores para ahorrar código y teimpo al diseñar nuestras páginas web.

Videotutorial de illasaron.com. Continúa explicando más en profundidad el uso de selectores en las hojas de estilo y la manera de agruparlos correctamente.

Videotutorial de illasaron.com. Explica las diferencias que implica escribir cada regla de nuestra hoja de estilos por separado en lugar de utilizando agrupaciones.

Videotutoriales de Hojas de Estilo (CSS)

noreply@blogger.com (Razock) — Tue, 02 Dec 2008 08:51:00 +0000

Nivel Basico

En este primer capítulo enseñan la estructura básica de una hoja de estilos, como organizar el código, las distintas partes del mismo, etc.

Explica las diferentes formas de añadir código CSS a tus páginas web para darles formato.

Se explica la forma de crear un diseño básico para el texto de las páginas web. También explica más en profundidad algunas propiedades específicas que sirven para dar formato a los textos.

En este video tutorial se explica como empezar a crear una web: crear un sitio, una hoja de estilos, una plantilla y un index. Videotutorial de: dumo

Videotutoriales de HTML

noreply@blogger.com (Razock) — Tue, 02 Dec 2008 08:47:00 +0000

Nivel Medio

En este primer capítulo enseña a crear un archivo HTML con su estructura básica (header, title, body...) y una breve explicación de algunas etiquetas de HTML.

En el segundo capítulo explican el uso de listas en HTML para formatear datos. Listas ordenadas y desordenadas, listas anidadas...

En el tercer capítulo indica como dar formato a textos con el uso de párrafos y títulos con h1, h2, etc.

En este 4º capítulo explican como crear tablas en HTML, añadir filas (tr) y celdas (td o th). También explica la diferencia entre th y td para crear celdas.

En este capítulo continúan explicando cómo dar un formato básico a la página web mediante estilos como negrita, subrayado, cursiva, etc. Explica la diferencia entre los estílos físicos (b, i...) y lógicos (strong, em...).

Videotutoriales de HTML

noreply@blogger.com (Razock) — Tue, 02 Dec 2008 08:35:00 +0000

Nivel Basico

En este primer capítulo enseñan a crear un archivo HTML con el block de notas. Nociones muy básicas de HTML para empezar a conocer este lenguaje. Creado por formacion-dka.

En el segundo capítulo explican cómo darle estructura al archivo HMTL para que los navegadores sepan interpretarlo. Creado por formacion-dka.

En el tercer capítulo indican cómo crear el cuerpo de la página web, donde irá el contenido de la página. Creado por formacion-dka.

En este 4º capítulo explican algunas etiquetas básicas de HTML para darle formato al texto, como color, letras en cursiva o negrita y saltos de línea. Creado por formacion-dka.

En este capítulo continúan explicando cómo dar un formato básico a la página web, añadir imágenes y color de fondo, etc. Creado por formacion-dka.

En la última parte de este mini curso explican como añadir enlaces a otras páginas web y enlaces de correo electrónico. Creado por formacion-dka.

Tutorial de CGI

noreply@blogger.com (Razock) — Tue, 02 Dec 2008 08:28:00 +0000

INTRODUCCIÓN

El CGI (Common Gateway Interface) es un estandar para comunicar aplicaciones externas con los servidores de información, tales como servidores HTTP o Web. Un documento en HTML que el daemon del Web se trae es estático, es decir, se mantiene constante: un fichero de texto que no cambia. Un programa CGI, por otro lado es ejecutado en tiempo real, así que puede generar información dinámica.

Por ejemplo, supongamos que quieres enganchar tu base de datos de Unix al WWW, para permitir a gente de todo el mundo consultarla. Básicamente se necesitará un programa CGI que el daemon del Web ejecutará para transmitir la información al gestor de base de datos, y recibir los resultados para presentarselos al cliente. Este es un ejemplo de pasarela (gateway), y es lo que CGI, actualmente en su versión 1.1, tiene en sus orígenes.

El ejemplo de la base de datos es una idea sencilla, pero la mayoría de las veces dificil de implementar. Realmente no hay límite con lo que tu quieras enganchar al Web. La íunica cosa que debes recordar es que haga lo que haga tu progrma CGI, no deberá tardar mucho tiempo en procesar. De otra manera, el usuario estaría esperando con su navegador a que algo pase.

Especificaciones

Como un programa CGI es un ejecutable, es equivalente a dejar a el mundo ejecutar un programa en tu sistema, que no es lo mas seguro a hacer. Por ello existen una serie de precauciones de seguridad que son necesarias de implementar cuando se usan programas CGI. Probablemente la que afectará al usuario típico del Web, es que hecho de que los programas CGI necesitan residir en un directorio especial, así el servidor sabe que tiene que ejecutarlo, en vez de simplemente mostrarlo por pantalla. Este directorio está generalmente bajo el control del webmaster, prohibiendo al usuario medio crear programas CGI. Hay otros métodos para permitir el accesos a scripts CGI, pero depende del webmaster que se te de esta posibilidad. Así que deberás contactar con tu webmaster para consultar la factibilidad de permitirte un acceso a los CGI.

Si dispones de una versión del servidor HTTPd NCSA, verás un directorio denominado /cgi-bin. Este es el directorio especial antes mencionado, donde todos los programas CGI residen. Un programa CGI se puede escribir en cualquier lenguaje que permita ser ejecutado en el sistema, como:

C/C++
Fortran
PERL
TCL
Algún Shell de Unix
Visual Basic
AppleScript

Simplemente depende de lo que tengas en tu sistema. Si usas un lenguaje de programación como C o Fortran, como ya sabrás, debes compilar el programa antes de poder ejecutarlo. Si miras en el directorio /cgi-src, encontrarás el código fuente de algunos programas CGI del directorio /cgi-bin. Pero, si usas alguno de los lenguajes interpretados, como PERL, TCL, o un shell de Unix, el script simplemente necesita residir en el directorio /cgi-bin, ya que no tiene un código fuente asociado. Mucha gente prefiere escribir scripts CGI en vez de programas, ya que son más fáciles de depurar, modificar y mantener que un programa típico compilado.

¿Qué es el directorio cgi-bin?

Este es un directorio especial, que contiene los scripts, configurado dentro del servidor http. El servidor conoce que este directorio contiene ejecutables que deberán ser ejecutados y su salida deberá ser enviada al navegador del cliente. No se puede simplemente crear un directorio cgi-bin, el administrador del servidor deberá configurarlo para su uso. Si no está configurado, los scripst serán cargados como simples ficheros de texto.

Algunos servidores están configurados de tal manera que los ficheros con una determinada extensión (generalmente .cgi) son reconocidos como scripts y serán ejecutados como si estuvieran en un directorio cgi-bin.

Nota: No deberemos confundirlo con html analizado (generalmente .shtml)

La configuración de los directorios, o de la extensión mencionada antes, depende únicamente del servidor. Comprueba la documentación sobre tu servidor, o pregunta a otro usuario que también lo use.

¿Qué parte es Perl, y qué parte es html?

El formulario que se presenta al usuario está escrito en html, y este llama al script en el servidor escrito en perl . El script devolverá en la mayoría de los casos código html para presentar al usuario.

VARIABLES DE ENTORNO EN CGI

El servidor usa tanto de líneas de comando, como variables de entorno para pasar los datos del servidor al script.

Estas variables de entorno se activan cuando el programa ejecuta el programa cgi.

Especificación

Las siguientes variables no dependen de la información enviada y son activadas en todos los casos:

SERVER_SOFTWARE

Devuelve el nombre y la versión del software del servidor de información que contesta la petición de usuario (y ejecuta el programa cgi). Formato: nombre/versión.

SERVER_NAME

Devuelve nombre de host del servidor, el alias DNS, o la dirección IP como aparecería en las URL autoreferenciadas.

GATEWAY_INTERFACE

Devuelve la revisión de la especificación CGI con que el servidor puede trabajar. Formato: CGI/revisión.

Las siguientes variables de entorno son específicas de la petición de usuario, y es el programa del gateway el que las da el valor:

SERVER_PROTOCOL

Da el nombre y revisión del protocolo de información con el que la peticion de usuario viene. Formato: protocolo/revisión. SERVER_PORT

Devuelve el número de puerto por el cual fue enviada la petición.

REQUEST_METHOD

Devuelve el método por el cual la petición fue enviada. Para HTTP serán "GET", "HEAD", "POST", etc.

PATH_INFO

La información extra sobre el path, tal como es dada por el cliente. En otras palabras, podemos acceder a los scripts por su pathname virtual, seguido de alguna información extra. Esa información extra es enviada como PATH_INFO. La información será decodificada por el servidor si viene de una URL antes de pasarla al script CGI.

PATH_TRANSLATED

El servidor proporciona una versión traducida del PATH_INFO, que transforma el path virtual al físico.

SCRIPT_NAME

Path virtual al script que va a ejecutar, usado para autoreferenciar URL.

QUERY_STRING

La información que sigue al signo ‘?’ en la URL que referencia al script. Es la información de la pregunta. No deberá ser decodificada de ningún modo. Esta variable será activada cuando hay una petición de información, sin hacer caso de la decodificación de la línea de comandos.

REMOTE_HOST

El nombre de host que realiza la petición. Si el servidor no posee esta información activará REMOTE_ADDR y dejará esta desactivada.

REMOTE_ADDR

La dirección IP del host remoto que realiza la petición.

AUTH_TYPE

Si el servidor soporta autentificación de usuario , y el script está protegido, esta es el método de autentificación específico del protocolo para validar el usuario.

REMOTE_USER

Si el servidor soporta autentificación de usuario , y el script está protegido, este será el nombre de usuario con el que se ha autentificado.

REMOTE_IDENT

Si el servidor HTTP soporta autentificación RFC 931 , entonces está variable se activará con el nombre del usuario remoto obtenido por el servidor. Esta varible solo se utilizará durante el login.

CONTENT_TYPE

Para peticiones que tienen información añadida, como HTTP POST y PUT, este será el tipo de datos contenido.

CONTENT_LENGTH

La longitud del contenido tal como es dado por el cliente.

Además, las líneas de la cabecera recibidas por el cliente, si las hay, son colocadas en el entorno con el prefijo HTTP_ seguido del nombre de la cabecera. Cada carácter de el nombre de la cabecera se cambia por caracteres _. El servidor puede excluir algunos caracteres que ya haya procesado, como la autorización.

El tipo de contenido y la longitud de este, pueden ver suprimidas sus cabeceras si al incluirlos se excede el límite de entorno del sistema. Un ejemplo de esto es la variable HTTP_ACCEPT que se definió en CGI/1.0. Otro ejemplo es la cabecera USER_AGENT.

HTTP_ACCEPT

Los tipos MIME que el cliente aceptará, como son dados por las cabeceras HTTP. Otros protocolos pueden ser necesarios para obtener esa información de algún otro lugar. Cada elemento de esta lista deberá estar separado por comas por la especificación HTTP.

Formato: tipo/subtipo, tipo/subtipo

HTTP_USER_AGENT

El navegador que el cliente usa para mandar la petición.

Formato general: software/versión librería/versión.

LEYENDO EL FORMULARIO DE ENTRADA DE USUARIO

Cuando el usuario envía el formulario, el script recibe los datos como pares nombre-valor. Los nombres son lo que definimos en las etiquetas INPUT (o las etiquetas SELECT o TEXTAREA), y los valores aquello que el usuario haya escrito o seleccionado. (Los usuarios también pueden enviar ficheros con los formularios, pero no nos ocuparemos de ello.)

Estos pares nombre-valor llegan como una larga cadena que necesitamos formatear. No es muy complicado, hay una gran cantidad de rutinas que lo hacen por tí. En el directorio CGI de Yahoo encontrarás unas cuantas en varios lenguajes.

Si aun así prefiere hacerlo usted mismo, aquí esta el formato de la cadena:

“nombre1=valor1&nombre2=valor2&nombre3=valor3”
Así que sólo hay que dividir donde están los signos ‘&’ y ‘=’, y luego hacer dos cosas a cada nombre y valor:
1.Convertir todos los signos ‘+’ a espacios.
2.Convertir todas las secuencias ‘%xx’ al valor del carácter cuyo valor ASCII sea ‘xx’ en hexadecimal. Por ejemplo convertir ‘%3d’ a ‘=’.

Esto se hace necesario porque la larga cadena original esta codificada según el código URL, para permitir los signos ‘&’, ‘=’, y todo lo que el usuario introduzca.

Pero, ¿de donde se obtiene la cadena de entrada? Esto dependerá del método por el cual el formulario haya sido enviado:

Para los envíos con GET, será la variable de entorno QUERY_STRING.

Para los envíos con POST, habrá que leer del STDIN. El número exacto de bytes a leer estará en la variable de entorno CONTENT_LENGTH.

DEVOLVIENDO LA RESPUESTA AL USUARIO

Primero, escribir la linea

Content-Type: text/html
más otra línea en blanco en el STDOUT. Después, escribiremos nuestra pagina de respuesta en HTML al STDOUT, y será enviada al usuario cuando el script esté ejecutado.

Sí, estamos generando código en HTML en tiempo real. No es difícil, si no más bien directo. El código HTML fue diseñado lo suficientemente simple para poder ser generado por este método.

GUARDANDO LA ENTRADA DEL USUARIO EN UN ARCHIVO

En este apartado vamos a guardar los datos escritos por el usuario en un archivo para poder recuperarlos posteriormente. Como ejemplo utilizaremos un formulario para enviar chistes. Este formulario obtendrá la siguiente información y lo guardará en las variables indicadas entre paréntesis:

Nombre del Usuario (nombre)

Un Chiste (chiste)

Para ello creamos un formulario simple con el siguiente código:

< f o r m method="POST" action="http://www.uva.es/cgi-bin/chiste-envio.pl">
 Tu nombre: 
El chiste: < t e x t a r e a cols=60 rows=5 name="chiste">< / t e x t a r e a >
 

< / f o r m >

Nuestro programa colocará está información para que la podamos dar el visto bueno. El programa devolverá una nota al usuario indicándole que su envío será revisado más tarde.

Por consistencia , llamaremos a este script chiste-envio.pl.

Necesitamos iniciar y comentar nuestro script. Utilizaremos la librería cgi-lib.pl de Steve Brenner’s para facilitar la entrada de formularios.

Seguiremos con el script que coja la entrada y devuelva e siguiente mensaje:

Gracias _nombre_, tu envío será revisado en breve.

El script que realiza esto es el siguiente:

#!/usr/local/bin/perl
# chiste-envio.pl
# Por Javier Pérez Delgado (jperez@ctv.es)
#
# Este script añade el chiste al archivo de chistes.
# Devuelve una nota al usuario, indicando que su chiste será revisado.

push(@INC,"/p/www/httpd/cgi-bin/");
require("cgi-lib.pl");
&ReadParse;
print &PrintHeader;
print "< H T M L > < H E A D >\n";
print "< T I T L E >Reconocimiento de chiste< / T I T L E>\n";
print "< / H E A D>\n";
print "Gracias ",$in{'nombre'},",Tu envío será revisado lo antes posible. .\n ";
print "< / H T M L >\n";

Ahora al tema central, añadir a un archivo. Para hacerlo necesitamos un archivo con permiso de escritura para el daemon http. La creación de este archivo variará entre distintos sistemas, y necesitaras consultar a tu webmaster. En este caso usaremos el archivo:

/users/jperez/www/tutor/chiste.txt

Para abrir el fichero para añadir al final usaremos el comando de perl para abrir ficheros, que tiene la siguiente sintaxis:

open(FILEHANDLE,">>nombrearchivo");

FILEHANDLE es como llamaremos al archivo mientras esté abierto. Es similar a una variable. Nombrearchivo es el archivo a abrir. Los signos ‘mayor’ (>>) son importantes, y como en el shell indican ‘añadir a un fichero’.

Así la orden de apertura quedará así:

open(CHISTE,">>/users/jperez/www/tutor/chiste.txt");

Nota: Es aconsejable usar letras mayúsculas para FILEHANDLE para ayudar a distinguirlo de las variables.

Escribir a un fichero es idéntico a como hicimos previamente. La única diferencia es que el FILEHANDLE es el primer argumento de la sentencia print, y está separado de lo que será imprimido por un espacio. Por ejemplo para escribir la linea “Las rosas son rojas” al FILEHANDLE CHISTE, escribiremos:

print CHISTE "Las rosas son rojas\n";

Escribir variables se realiza de la misma manera:

print CHISTE "Las rosas son ",$in{'colorrosas'},"\n";

El código para nuestro ejemplo necesitará escribir al archivo:

1. El nombre del usuario precedido con la cadena “Nombre:”
2. Una línea en blanco.
3. El chiste enviado.
4. Una línea con 50 guiones.

El código es el siguiente:

print CHISTE "Nombre: ",$in{'nombre'},"\n";
print CHISTE "\n";
print CHISTE $in{'chiste'},"\n";
print CHISTE "--------------------------------------------------\n";

Ahora solo nos queda cerrar el fichero, y esto lo hacemos con el comando:

close FILEHANDLE;

DEVOLVIENDO UNA PÁGINA QUE NO HEMOS GENERADO

En este apartado crearemos un libro de visitas sencillito. Durante el proceso de realización, haremos bastantes cosas de forma ordenada.

Devolveremos una página html que nosotros no habremos creado en tiempo real. Esto se hace principalmente para demostrar la directiva de localización.

Hay que verificar que todos los campos tienen una entrada, y que la direción de correo electrónico tiene un símbolo arroba (@).

Editar un documento html con un script, insertando información en el medio.

Vamos a empezar creando un formulario que coja la siguiente información en las variables indicadas entre paréntesis.

Nombre (nombre)

email (email)

comentarios (comentarios)

Colocamos un comentario en HTML que contenga la cadena "INSERTAR AQUÍ" en el formulario donde vayamos a insertar las nuevas entradas.

Este formulario llamará al script, guestbook.pl. El formulario guestbook.html será el siguiente:

< ! D O C T Y P E HTML PUBLIC "-//IETF//DTD HTML//EN">
< h t m l >
< h e a d >
< t i t l e >Libro de visitas< / t i t l e >
< / h e a d >

< h 1 >Firma el formulario< / h 1 >
Por favor, rellena todos los campos:
< h r >
< f o r m m e t h o d=POST action="http://www.ctv.es/cgi-bin/guestbook.pl">
 
Nombre
 
Dirección e-Mail [Debe tener una arroba @]
 < t e x t a r e a rows=3 cols=70 name="commentarios">< / t e x t a r e a >
Comentarios:


< / f o r m >
< H R >
< ! - -INSERT HERE - - >
Última modificación 21/9/96

< / h t m l >

Como se puede ver, los nombres serán añadidos al final del formulario.

Estos son los pasos para realizar nuestra tarea:

1. Verificar la entrada, devolviendo un mensaje de error si hay un problema.
2. Uraremos un bloqueo de archivo denominado ‘del pobre’. Creando un nuevo archivo denominado. Si este archivo existe el programa se detendrá durante un segundo y lo volverá a intentar.
3. Abriremos y leeremos el archivo del libro de firmas actual: guestbook.html.
4. Borraremos este archivo, y escribiremos un nuevo fichero que consistirá en la antigua información con toda la nueva en el sitio apropiado. Usaremos el comentario < ! --INSERTAR AQUÍ-- > como marcador donde añadir entradas.

Nota: Puede ser deseable hacer una copia de seguridad del archivo, antes de borrarlo. No lo hacemos en este ejemplo, pero lo recomiendo en cualquier desarrollo. Se podrá hacer por cualquier método, incluido una llamada al sistema para copiar (cp).

5. Retornar una directiva de lugar apuntando a una página de agradecimiento que ya hayamos preparado.

6. Desbloquear borrando el archivo .guestlock.

Obviamente, este no es el mejor libro de visitas, pero servirá como un buen ejemplo, y es fácilmente ampliable.

Empecemos:

1. Como es habitual nuestro script deberá empezar con una llamada al Perl, los comentarios apropiados, y una llamada a la rutina ReadParse. No lo detallaremos aquí, ya que se hizo anteriormente.

2. Para empezar debemos verificar los datos de entrada. Nos queremos asegurar de que no hay campos en blanco, y de que la dirección e-Mail contiene una arroba (@). Para ventaja nuestra, las cadenas nos vienen dadas sin los espacios en blanco, justo igual que los navegadores cuando presentan páginas html. Esto significa que solo debemos comprobar que ninguna de las cadenas es igual a la cadena vacía, “”. En perl, como en muchos lenguajes, las cadenas se comparan de manera diferente a los números. Usaremos ‘eq’ para comprobar la igualdad de cadenas, y el signo ‘==’ para comprobar la igualdad de números. Usearemos ‘ne’ y ‘!=’ respectivamente para las comparaciones ‘no igual’.

Podemos hacerlo de la siguiente manera:

if ($in{'nombre'} eq "") {
# Hay una cadena vacía, devolver mensaje de error
# salimos al final del script ahora, tenemos un error
exit;
}

Como podrás adivinar, Ahora no ponemos el código para devolver el mensaje de error, en el ejemplo de arriba. Aún así muestra lo facil que es comprobar que un campo está vacío.

Nota: Los paréntesis () y las llaves ({}) son importantes. Los paréntesis contienen lo que se está comprobando como verdadero o falso, y las llaves contienen las sentencias a ejecutar si es verdadero.

Como vamos a realizar varias comprobaciones de cadenas vacías, y vamos a devolver el mismo error para todas ellas, podemos incluirlas en la misma sentencia if-then uniéndolas por OR logicos ||, en perl. El OR significa que alguna de las comprobaciones tienen que ser verdad, para que toda la sentencia sea cierta.

Un ejemplo de comprobar si tres variables no están vacias podría ser este:

if (($in{'nombre'} eq "") || ($in{'email'} eq "") || ($in{'comentarios'} eq "")) {
# algun campo está en blanco, devolver mensaje de error
# salimos al final del script ahora, tenemos un error
exit;
}

De nuevo he omitido, el codigo del mensaje de error, ya que es sencillo construir un pequeña tabla con los codigos para devolver un código de error útil para el usuario. El código que he elegido para hacerlo aparece más tarde en el código final de guestbook.pl.

La última verificación que necesitamos realizar es comprobar que la dirección eMail del usuario contiene un signo (@). Lo realizaremos fácilmente con las potentes expresiones regulares que el perl proporciona.

Una expresion regular sencilla para chequear esto sería /\w*@\w*/. Simplemente describe una situación donde una palabra aparece delante y detras de un símbolo @. Las expresiones regulares son una herramienta extremadamente potente, pero no entran dentro del dominio de esta lección.

Para llevar a cabo la comprobación de que la expresión se cumple, simplemente comparamos. Funcionará como las comparaciones normales, pero usando el símbolo ‘=~’ para igualdad y el símbolo ‘!~’ para desigualdad. La expresión regular podría codificarse así:

if ($in{'email'} !~ /\w*@\w*/) {
# La expresión regular no es igual, devolver mensaje de error.
}

De nuevo, he omitido el mensaje de error para este código.

3. Ahora comprobaremos la existencia de nuestro archivo de bloqueo. Si existe, nos detendremos por un segundo para un segundo intento. Si no existe deberemos crearlo, bloqueando de este modo el archivo. Para hacerlo necesitaremos un bucle continuo sobre una sentencia if-then-else que compruebe la existencia del archivo, y que terminará cuando hayamos añadido la entrada.

Para el bucle en perl usaremos la sentencia while. Esta sentencia ejecuta repetidamente lo que está entre llaves hasta que la condición entre paréntesis es falsa. Un ejemplo para clarificarlo:

while (condición) {
# Codigo a ejecutar mientras la condición sea cierta
}

Las condiciones son del mismo tipo de las que pondríamos en una sentencia if-then. Vamos a usar de hecho una sentencia if-then con la clausula else en este bucle. Como ya sabemos las sentencias if-then-else ejecuta el then cuando la condición es cierta y el else cuando es falsa.

if (condición) {
# Código a ejecutar si la condición es CIERTA
}
else {
# Código a ejecutar si la condición es FALSA
}

Para comprobar la exiastencia de un archivo, usaremos el operador ‘-e’ del nombre del archivo. No se debe olvidar que el archivo de bloqueo debe estar en un lugar donde el httpd pueda escribir. En este caso lo colocaremos en el directorio users/jperez/www/tutor/. Si el fichero existe, nos dentendremos durante un segundo, y lo volveremos a intentar. El lenguaje perl tiene un comando de espera con la forma:

sleep(# segundos).

Aquí tenemos como debemos realizar el chequeo, con el comando de espera. Todo ello queda incluido en un bucle while que comprueba que la variable quitar vale 1 antes de salir.

$quitar = 0;
while ($quitar != 1) {
if (-e "/users/jperez/www/tutor/.guestlock") {
# El archivo existe. Esperaremos un segundo
sleep(1);
}
else {
# El archivo no existe, haremos el trabajo para añadir la entrada.
# Aquí deberemos dar a $quitar valor 1.
}
}

Para crear el archivo de bloqueo, simplemente deberemos abrir y cerrar el archivo. Así crearemos un archivo de 0 bytes de longitud, que servirá en nuestro chequeo, y bloqueará otros procesos que la gente pueda realizar en ese momento, hasta que este haya acabado. Para ello esaremos un trozo de código que aquí se detalla:

open(LOCK,">/users/jperez/www/tutor//.guestlock");
close LOCK;

4. Ahora tnemos un bloqueador del fichero. Ahora deberemos abrir y leer todos los contenisdos del guestbook.html. Esto se hace fácilmente abriendo el archivo para lectura. En el comando open antes empleado usaremos el símbolo (<) donde antes usamos (>>). El resultado será:

open(FILEHANDLE,"< nombrefichero " ) ;
El código será::
open(GB,"< users / jperez/www/tutor/guestbook.html" ) ;
Leer del fichero es igual de fácil. Perl perimite usar el FILEHANDLE entre los símbolos (<>) para sustituir a la próxima línea del fichero.
Así pues, podemos poner algo como esto:
$linea = < G B > ;

Así leeremos una línea del fichero apuntado por GB, y avanzará el puntero a la siguiente línea automáticamente. Esto significa que la siguiente sentencia como esta leerá la siguiente línea. Podremos leer el archivo entero en un bucle, saliendo solo cuando no quede nada más,. Pero hay un modo más fácil, podemos usar un vector. Un vector es una variable, con mucha información que puede ser accedida individualmente. Ya hemos usado arrays asociativos en la construcción $in{'variable'}. Recuerda que se tiene el elemento etiquetado como variable en el vector asociativo $in. Usaremos un vector ordenado numericamente. Esto significa que la información es almacenada en el vector en el orden en la que la ponemos, y podemos referenciar el elemento n-ésimo elemento añadido, donde n es un número cualquiera. Estos vectores son referenciados con el signo @, y se usan de manera similar a los vectores asociativos cuando queremos recuperar un solo elemento de él. El siguiente ejemplo lo explica:

@pepe # Este es el vector pepe entero, con todos sus elementos
$pepe[4] # El el quinto elemento del vector pepe. Notar que
# se empieza a contar desde 0, y que por tanto:
$pepe[0] # es el primer elemento del vector. (Igual que en el lenguaje C)

Perl proporciona un modo rápido para llenar un vector con el contenido de un archivo. Podemos usar la sentencia @vector = . Se leerá cada linea del fichero apuntado por FILEHANDLE, y seran colocados secuencialmente en el vector. Para leer el libro de visitas entero, deberemos usar:

@lineas = < G B > ;

No debemos olvidarnos de cerrar el fichero:

close GB;

5.Vaciar el archivo es muy sencillo. Simplemente debemos reabrirlo para escritura sin añadir. Esto significa usar un ‘>’ en vez de dos. Una vez hecho esto debemos imprimir cada línea del fichero, sustituyendo lo que el usuario escribió justo delante del marcador.

Para llevar a cabo la sustitución usaremos la función s/oldpattern/newpattern/, que reemplaza el patrón antiguo con el nuevo. La buena noticia es que modemos usar metacaracteres como \n para reemplazar varias líneas. Para que esto afecte a una variable que contiene una cadena usaremos un operador. La sentencia quedará así:

$linea =~ s/oldpattern/newpattern/

Realmente haremos una sustitución en los comentarios, para convertir las nuevas líneas en comandos
, de manera que las líneas queden tal y como el visitante las escribió. Para hacerlo pondremos:

$in{'comentarios'} =~ s/\n/\n/go;

La g que va detrás del patrón significa que se hará esto para cada línea en la variable, la o significa compilar esta expresión regular de manea que concuerde más rápido. Es bueno hacerlo.

Para realizar la sustitución y añadir los comentarios del usuario para cada línea del vector, usaremos uin bucle foreach. Esto significa para cada elemento de la lista, coloca el elemento en la variable_de_bucle, y ejecuta las sentencias que están entre las llaves ({}). Esto sería:

foreach $variable_de_bucle (lista) {
#cosas a hacer
}

Queremos insertar el nombre de la persona con su dirección e-Mail entre paréntesis, seguido de sus comentarios. Esto lo incluiremos en un parrafo HTML, seguido de un comando < H R > . No tenemos que olvidarnos de incluir un nuevo marcador < ! - - INSERTAR AQUÍ - -! >. Lo pondremos primero así las nuevas entradas serán añadidas al principio de la página. Mi codigo será:

open(GB,">/users/jperez/www/tutor/guestbook.html");
foreach $linea (@lineas) {
$linea=~ s/< ! - - INSERTAR AQUÍ - - > / < ! - - INSERTAR AQUÍ- - >\n Nombre: $in{'nombre'}($in{'email'})\nComentarios:\n$in{'comentarios'}<\/P>\n< H R >\n/o;
print GB $linea;
}
close GB;

6. Ahora que hemos reescrito el archivo, debemos desbloquearlo, borrando el archivo .guestlock. Es sencillo, ya que perl tiene un buncion borrar:

unlink(lista of ficheros);
Así tendremos que poner:
unlink("/users/jperez/www/tutor/.guestlock");

7. El ultimo paso es apuntar a mi página de agradecimiento. Y poner la variable $quitar = 1;. HTTP nos permite hacer esto fácilmente con la directiva de localización. Simplemente devolvemos la línea:

Location: url
Instead of:
Content-Type: text/html

Esto lo resolvemos con la siguiente sentencia print:

print "Location: http://www.ctv.es/users/jperez/www/tutor/agradecimiento.html\n\n";

La nueva segunda línea es significativa. Los códigos de retorno Mime, de los cuales la localización es uno de ellos, requiere dos nuevas lineas siguiéndolo para trazar el fin del código de retorno. Olvidar la nueva segunda línea provocará un daño irrecuperable.

Poner la variable ‘quitar’ a 1 es trivial:

$quitar = 1;

El código final para el archivo guestbook.pl será:

#!/usr/local/bin/perl
# Por Javier Pérez Delgado (jperez@ctv.es) 6-9-96
#
# guestbook.pl
# Procesa las entradas a un libro de firmas
#
#Usaremos la librería cgi-lib.pl para manejar la entrada
push(@INC,"/p/www/httpd/cgi-bin");
require("cgi-lib.pl");
&ReadParse;
if (($in{'nombre'} eq "") || ($in{'email'} eq "") || ($in{'comentarios'} eq "")) {
# algún campo en blanco, devolver mensaje de error
print &PrintHeader;
print "< H T M L >\n"; print "< H E A D >\n";
print "< T I T L E >Mensaje de error< / T I T L E >\n";
print "< / H E A D >\n";
print "\n";
print "\n";
print "< H 1 >Ha ocurrido un error< / H 1 >\n";
print "\n";
print "No has completado todos los campos Por favor vuelve a intentarlo.\n";
print "\n";
print "< / H T M L >\n";
# llamda para salir del script. Tenemos un error
exit;
}
if ($in{'email'} !~ /\w*@\w*/) {
# No es igual a la expresión regular. Enviar mensaje de error
print &PrintHeader;
print "< H T M L >\n";
print "< H E A D >\n";
print "< T I T L E >Mensaje de error\n";
print "< / H E A D >\n";
print "\n";
print "\n";
print "< H 1 >Ha ocurrido un error< / H 1 >\n";
print "\n";
print "Tu dirección email no contiene una @.\n";
print "\n";
print "< / H T M L >\n";
# llamada para salir ahora del script, tenemos un error
exit;
}
$quitar = 0;
while ($quitar != 1) {
if (-e "/users/jperez/www/tutor/.guestlock") {
# El fichero existe, esperamos un momento
sleep(1);
}
else {
# Creamos el fichero de bloqueo, de manera que el libro de firmas queda bloqueado.
open(LOCK,">/users/jperez/www/tutor/.guestlock");
close LOCK;
# Abrimos y leemos el antiguo libo de firmas
# Nota: Crear una copia de seguridad no sería una mala idea ...
open(GB,";
close GB;
# Preparamos los comentarios para html
$in{'comentarios'} =~ s/\n/\n/go;
# Vaciamos el libro de firmas antiguo, y lo volvemos a imprimir, añadiendo la nueva entrada
open(GB,">/users/jperez/www/tutor/guestbook.html");
foreach $linea (@lineas) {
$linea =~ s/< ! - - INSERTAR AQUÍ - - >/< ! - - INSERTAR AQUÍ - - >\nNombre: $in{'nombre'}($in{'email'})\nComentarios:
\n$in{'comentarios'}<\/P>\n< H R >\n/o; print GB $linea; } close GB; # desbloquear el archivo unlink("/users/jperez/www/tutor/.guestlock"); # Devolver el nuevo libro de firmas, y poner $quitar = 1 print "Location: http://www.ctv.es/users/jperez/www/tutor/thanks.html\n\n"; $quitar = 1; } }

Nota sobre el bloqueo de archivos:

El mecanismo de bloqueo de archivos usado arriba, no es perfecto ya que requiere varios pasos para bloquear un archivo. Por ello es posible obtener un bloqueo o desbloqueo falso, aunque es altamanete improbable. Una implementación mejot usara el sistema de ficheros nativo bloqueando, vinculando, o algún otro método atómico. Desconozco si perl simula el bloqueo en sistemas que no implementan el bloqueo de forma nativa. Un método usando vínculos sin comentar sería:

$quit = 0;
while ($quit != 1) {
/users/jperez/www/tutor/guestbook.html
if (link(/users/jperez/www/tutor/guestbook.html,/users/jperez/www/tutor/.guestlock)) {
# Archivo bloqueado, nos detenemos un momento
sleep(1);
}
else {
# Tenemos un bloqueo, hacemos lo que tengamos que hacer
unlink("/users/jperez/www/tutor/.guestlock");
}
}

SCRIPTS CGI QUE ENVÍAN CORREO

En este apartado crearemos un script CGI que envíe correo, y devolvera una página que indique que el correo ha sido enviado. Sin embargo, los conceptos serán bastante geneales para permitir que el script pueda ser adaptado a cualquier proyecto donde sea necesario enviár un correo desde un script.

También veremos brevemente como examinar las areas de texto línea por línea.

Como siempre, cuando empezamos, necesitaremos un formulario.

< ! D O C T Y P E H T M L P U B L I C "-//IETF//DTD HTML//EN">
< h t m l >
< h e a d >
< l i n k r e v = m a d e href="mailto:jperez@ctv.es">
< t i t l e >Enviar correo desde un script CGI< / t i t l e >
< / h e a d >

Este formulario encía correo a la dirección de la persona mostrada.
< f o r m m e t h o d = " P O S T " a c t i o n = "http://www.ctv.es/USERS/cgi-bin/mail.pl">
Tu dirección: 
Tu URL: 
Subject: 
Mensaje:
< T E X T A R E A name="body" rows=10 cols=60> < / T E X T A R E A > 
 

< / F O R M >


< / h t m l >

Ahora pasaremos al script. Como siempre deberá empezar con una llamada al perl, algunos comentarios y una llamada a la rutina ReadParse, en la librería cgi-lib.pl. También haremos verificaciones de que el cuerpo del mensaje no está vacío, y de que la dirección contiene una arroba (@). Ya sabemos hacerlo, por que ya lo realizamos en el anterior apartado. Otra validación será para comprobar que de pasan argumentos, lo pondremos porque la gente tiene tendencia a llamar a los scripts de correo sin argumentos (eg: no desde un formulario), no entiendo por qué. Para comprobar que no hay argumentos, simplemente examinaremos si el vector %in que la librería cgi-lib.pl nos devuelve tiene alguna tecla. Recuerda, que ningún argumento, significa que no nos han pasado nada, sin embargo, alguien puede pasar los argumentos en blanco, de aquí las dos comprobaciones. La manera de comprobar los valores de las teclas del vector es usar la función keys(). Esta función espera un array asociativo como argumento. Simplemante comprobaremos que devuelve algo, imprimiendo un mensaje de error si no hay teclas. El código pude ser este:

if (!keys(%in)) {
# niguna tecla ha sido pasada, imprimir mensaje de error, y si es apropiado salir.
}

Date cuenta de que el signo ‘!’ al principio de la llamada a keys(), significa ‘no’ o negación. Quiere decir que si keys() no devuelve nada (falso), sera negado para que sea cierto y el if se ejecute.

Ahora que hemos validado las entradas, y se pueden realizar más comprobaciones, necesitaremos enviar la carta. Para ello necesitaremos un programa que acepte una carta del stdin. Luego usaremos sendmail en el ejemplo. Si no estás en un entorno Unix, necesitarás otro programa apropiado para hacerlo. Como no conozco otro tipo de sistemas, no puedo hacer ninguna recomendación.

Usar este programa será similar a escribir en un fichero. Necesitamos abrir el programa para aceptar la entrada, escribir al FILEHANDLE. Abrir un programa que espera entradas por el stdin es bastante fácil em Perl. Además, es muy fácil pasar el argumento de la línea de comandos. En este ejemplo, abriremos sendmail, y diremos que busque en la carta la dirección de destino.

open(MAIL,"|/usr/lib/sendmail -t");

Como se puede observar, es igual que una llamada a fichero, pero los símbolos ‘>’ o ‘<’ han sido sustituidos por un ‘|’ (tubería). Esto indica que lo que hay detrás de la tubería es un ejecutable, y que lo que imprimamos en este FILEHANDLE se deberá pasar como entrada a el programa ejecutable.

Nota: No he comprobado si la operación anterior terminó con éxito, pero deberíamos hacerlo. La manera más sencilla de hacerlo, es apoyarnos en que el comando open devuelve true cuando ha tenido éxito. Solo debemos hacer un OR entre el comando open y otro comando conociendo que ese comando será ejecutado si el open falla. El ejemplo de abajo realiza un OR con el comando die. Este comando imprime un mensaje de error y sale del programa.

open(MAIL,"|/usr/lib/sendmail -t") || die "La llamada a sendmail ha fallado";

El imprimir la carta funciona como experamos. Recuerda, sin embargo, que estamos imprimiendo un trozo de e-Mail, por lo que deberemos poner las cabeceras adecuadas, un línea en blanco y el cuerpo del mensage. Puedes echar un vistazo a un e-Mail que hayas recibido y comprobar las cabeceras. Decribiré abajo lo más importante. Los comentarios serán de ayuda.

# Esta es la línea ‘para’. Si tenemos el nombre y la dirección, escribiremos
# primero el nombre y lurgo la dirección entre <>
print MAIL "To: $in{'De'}\n";
# Esta es la linea ‘De’. Pondremos el mismo nombre en la línea ‘De’ y en la ‘para’
# Recuerda que no hay seguridad comprobando el email, por ello estas líneas
# pueden ser falsificadas. NO FALSIFIQUES EL EMAIL, no es divertido y en algunos lugares
# es un delito.
print MAIL "From: $in{De}\n";
# Esta es la linea ‘contestar a’. Esta línea se incluye debido a que algunos programas
# son bastante tonotos y no siempre responden a la línea ‘De’.
# Al menos respetarán esta línea.
print MAIL "Reply-To: $in{De}\n";
# Lo siguiente son cabeceras X. Son creadas por el usuario y pueden contener
# todo lo que desees. Incluyo una linea de descripción
# tambien he escrito las líneas REMOTE_HOST, REMOTE_ADDR, y REMOTE_USER para
# ayudar al seguimiento (traking) de la carta.
# Solo escribo la línea X-URL si el usuario ha dado una url. Este tipo
# de comprobación probablemente hecha también en el X-Remote-Host y X-Remote-User
print MAIL "X-mailer: Mail.pl, a cgi-bin script at http://www.ctv.es/users/jperez/www/tutor/ /index.html\n";
print MAIL "X-Remote-Host: $ENV{'REMOTE_HOST'} ($ENV{'REMOTE_ADDR'})\n";
print MAIL "X-Remote-User: $ENV{'REMOTE_USER'}\n";
print MAIL "X-disclaimer: La línea De: puede estar falsificada ";
print MAIL "No confiar en un 100% sobre la integridad de este mail. ";
print MAIL "No somos responsables de este correo de ninguna manera\n";
if ($in{xurl} ne "") {
print MAIL "X-URL: $in{xurl}\n";
}
# Finalmente escribimosly we print the famous subject line. I have appended a string
# identifying this as WWW generated email, this is far from a requirement.
# Notice the second new line. This is the blank line that will separate the
# headers from the body. All mail must have this line.
print MAIL "Subject: $in{subject} (WWW generated email)\n\n";
# Now we are going to print the body. Because it was input into a TEXTAREA
# field, it has new lines after each line. We can just print it like any other
# field, knowing that the new lines will expand it properly.
print MAIL $in{'body'};

Solo quedan dos cosas. Primero debemos cerrar la conexión con sendmail. Segundo debemos imprimir una página enseñando al usuario la carta que envía.

Para cerrar la conexión, usaremos el comando close, justo como en cualquier otro manejador:

close(MAIL);

Imprimir la respuesta no es diferente a las otras páginas generadas dinámicamente que ya hemos creado anteriormente. Deberemnos dividir el campo TEXTAREA en líneas colocando un
al final de cada una. Esto se hace principalmente para demostrar como se divide un campo de texto. Recuerda sin embargo que html no respeta las nuevas líneas. Con ello se consigue el poder hacer los parrafos de manera más clara, pero el beneficio de hacerlo es cuestionable.

El valor del campo body (cuerpo del mensaje), no es más que un conjunto de frases separadas con un retorno de carro. Podemos usar la función split() para separarlas. Esta función necesita dos parámetros: la cadena o carácter para separar y la variable a separar, y retorna un array con los elementos separados. Usaremos split en un bucle foreach:

foreach $l (split('\n',$in{'body'})) {
print "$l\n";
}

Como se puede ver separa la variable $in{'body'} en partes cada nueva línea, y la imprime seguida de un

ESCRIBIENDO SCRIPTS CGI SEGUROS

Siempre que un programa interactúa con un cliente por red, existe la posibilidad de que el cliente atcque al programa para conseguir un acceso.

El script más inocente puede ser muy peligroso para la integridad de tu sistema.

Teniendo eso en cuenta, me gustaría comentar unos pequeños consejos para conseguir que tu programa no sea atacado.

Cuidado con la sentencia eval

Lenguajes como el Perl y el Bourne shell tienen un comando eval que permiten construir una cadena y dejar al intérprete que la ejecute.

Esto puede resultar peligroso. Observa la siguiente sentencia en Bourne shell:

eval `echo $QUERY_STRING | awk 'BEGIN{RS="&"} {printf "QS_%s\n",$1}' `

Esta sentencia coge la cadena de entrada y la convierte en un conjunto de comandos de declaración de variables. Desafortunadamente este script puede ser atacado mandando una cadena de entrada que empiece por ‘;’.

No confíes en que el cliente haga algo

Un cliente correcto evitará todos los caracteres que tienen un significado especial para el Bourne Shell en una cadena de entrada, y que hega que tu script malinterprete los caracteres. Un cliente malintencionado usará esos caracteres para confundir a tu script y ganar acceso desautorizado.

Cuidado con popen() y system()

Si usas datos del cliente para construir una llamada a popen() o system(), aseguraté de poner un backslash delante de cada carácter que tenga un significado especial para el Bourne Shell antes de llamar a la función. Lo podrás hacer con una sencilla función en C.

Si quieres más información sobre la seguridad en el WWW, consulta WWW Security FAQ en http://www-genome.wi.mit.edu/WWW/faqs/www-security-faq.html

2 Libros de Java que no te pueden faltar!

noreply@blogger.com (Razock) — Tue, 02 Dec 2008 08:03:00 +0000

PRIMER LIBRO

LENGUAJE DE PROGRAMACION EN JAVA (MUY COMPLETO LO RECOMIENDO)

Formato: PDF
Paginas: 354
Estado: Argentina

INDICE:

PREÁMBULO

1.INTRODUCCIÓN.

1.1 HISTORIA DEL LENGUAJE.

1.2 ¿QUÉ ES JAVA™?

1.3 ¿QUÉ LO HACE DISTINTO DE LOS DEMÁS LENGUAJES?

1.3.1 ¿Qué se puede programar con Java? .

1.3.2 ¿Es fácil de aprender?..

1.3.3 Características del lenguaje.

1.4 LA MÁQUINA VIRTUAL JAVA (JVM)

1.5 JAVASCRIPT

1.6 EL ENTORNO DE DESARROLLO JDK

1.6.1 ¿Dónde conseguirlo?

1.6.2 Estructura de directorios.

1.6.3 Configuración.

1.7 PROGRAMACIÓN ORIENTADA A OBJETOS.

1.7.1 ¿Qué es un objeto?

1.7.2 Clases y objetos

1.7.3 Propiedades que debe cumplir un lenguaje para ser considerado

Orientado a Objetos

1.8 CUESTIONES

2. VISIÓN GENERAL Y ELEMENTOS BÁSICOS DEL LENGUAJE

2.1 HOLA, MUNDO

2.2 COMENTARIOS33

2.3 TIPOS DE DATOS.

2.4 TIPOS DE DATOS SIMPLES.

2.5 TIPOS DE DATOS REFERENCIALES.

2.6 IDENTIFICADORES.

2.7 DECLARACIÓN DE VARIABLES

2.8 ÁMBITO DE UNA VARIABLE.

2.8.1 Variables locales.

2.8.2 Atributos.

2.8.3 Parámetros de un método

2.9 OPERADORES.

2.9.1 Operadores aritméticos:.

2.9.2 Operadores relacionales:

2.9.3 Operadores lógicos:

2.9.4 Operadores de bits:.

2.9.5 Operadores de asignación:

2.9.6 Precedencia de operadores en Java:

2.10 CONSTANTES.

2.11 VALORES LITERALES.

2.12 ESTRUCTURAS DE CONTROL

2.12.1 Estructuras alternativas.

2.12.2 Bucles

2.13 VECTORES.

2.14 CUESTIONES

3. LAS CLASES EN JAVA.

3.1 DECLARACIÓN DE CLASE.

3.1.1 Declaración de la superclase (herencia).

3.1.2 Lista de interfaces.

3.1.3 Modificadores de clase..

3.2 EL CUERPO DE LA CLASE..

3.3 DECLARACIÓN DE ATRIBUTOS.

3.3.1 Atributos static

3.3.2 Atributos final

3.3.3 Atributos transient.

3.3.4 Atributos volatile.

3.3.5 Modificadores de ámbito de atributos.

3.4 MÉTODOS

3.4.1 Declaración de método

3.4.2 Cuerpo del método.

3.4.3 Constructores.

3.4.4 Destructores.

3.5 STRINGS.

3.5.1 La clase String.

3.5.2 La clase StringBuffer.

3.6 LA LÍNEA DE COMANDOS.

3.7 INTERFACES.

3.7.1 Declaración de interface.

3.7.2 Cuerpo del interface.

3.8 LOS PAQUETES

3.8.1 Declaración de paquetes.

3.8.2 Cómo hacer uso de los paquetes existentes.

3.8.3 Paquetes pertenecientes al Java.

3.9 EJEMPLO COMPLETO

3.9.1 Generar números aleatorios.

3.9.2 Creación de un bombo

3.9.3 La clase Resultado.

3.9.4 El programa principal..

3.9.5 Modificando la clase Resultado.

3.10 CUESTIONES.

4. TRATAMIENTO DE EXCEPCIONES.

4.1 LANZAMIENTO DE EXCEPCIONES (THROW).

4.2 TRATAMIENTO DE EXCEPCIONES.

4.2.1 Manejador de excepciones

4.3 JERARQUÍA DE EXCEPCIONES.

4.4 VENTAJAS DEL TRATAMIENTO DE EXCEPCIONES.

4.4.1 Separación del código “útil” del tratamiento de errores

4.4.2 Propagación de errores a través de la pila de métodos.

4.4.3 Agrupación y diferenciación de errores.

4.4.4 Claridad del código y obligación del tratamiento de errores

4.5 CUESTIONES

5. LA ENTRADA/SALIDA EN JAVA

5.1 STREAMS.

5.2 JERARQUÍA DE CLASES EN EL PAQUETE JAVA.IO

5.2.1 El paquete java.io en el JDK 1.02.

5.2.2 El paquete java.io en el JDK 1.1.

5.3 CLASES IMPORTANTES PARA LA ENTRADA/SALIDA ESTÁNDAR.

5.3.1 La clase InputStream..

5.3.2 La clase OutputStream.

5.3.3 La clase PrintStream.

5.4 ENTRADA/SALIDA ESTÁNDAR.

5.5 STREAMS DE CARACTERES.

5.5.1 La clase Reader.

5.5.2 La clase Writer. .

5.5.3 La clase BufferdReader.

5.5.4 La clase PrintWriter..

5.6 ENTRADA POR TECLADO Y SALIDA POR PANTALLA.

5.7 FICHEROS.

5.7.1 La clase File.

5.7.2 La clase FileDescripor

5.7.3 Acceso a ficheros secuenciales.

5.7.4 La clase RandomAccessFile.

5.7.5 Acceso a ficheros aleatorios.

5.8 SERIALIZACIÓN DE OBJETOS.

5.8.1 Esquema de funcionamiento de la serialización.

5.8.2 Personalización en la serialización.

5.9 CUESTIONES.

6.THREADS

6.1 ¿QUÉ SON LOS THREADS?

6.1.1 Un ejemplo, mejor que mil palabras.

6.1.2 Otro ejemplo.

6.1.3 Y otro ejemplo más.

6.2 ESTADO DE UN THREAD. .

6.3 CREACIÓN DE THREADS.

6.4 OPERACIONES SOBRE THREADS..

6.4.1 currentThread(). .

6.4.2 isAlive().

6.4.3 sleep(). ..

6.4.4 suspend()..

6.4.5 wait()

6.4.6 yield().

5

6.4.7 join(). .

6.5 THREADS Y SINCRONISMO. .

6.5.1 El paradigma productor/consumidor.

6.5.2 Sección crítica

6.5.3 Monitores217

6.6 PRIORIDAD DE UN THREAD.

6.7 THREADS DAEMON

6.8 GRUPOS DE THREADS

6.8.1 Creación de grupos de threads. .

6.8.2 Operaciones sobre threads agrupados..

6.9 CUESTIONES.

7. COMUNICACIONES TCP/IP

7.1 INTRODUCCIÓN...

7.2 ARQUITECTURA CLIENTE / SERVIDOR.

7.3 LA ABSTRACCIÓN SOCKET.

7.4 SERVICIO SIN CONEXIÓN (DATAGRAM SOCKET)

7.4.1 Creación de un DatagramSocket

7.5 SERVICIO ORIENTADO A CONEXIÓN (STREAM SOCKET).

7.5.1 Operaciones en el servidor..

7.5.2 Espera de conexiones de clientes

7.5.3 Operaciones en el cliente

7.6 CUESTIONES.

A. LAS HERRAMIENTAS jAVA.

A.1 JAVAC (COMPILADOR). ..

A.1.1 Opciones

A.2 JAVA (INTÉRPRETE).

A.2.1 Opciones..

A.3 JAVAW (INTÉRPRETE).

A.4 JDB (DEPURADOR)..

A.4.1 Comandos básicos..

A.5 JAVAH (GENERADOR DE CABECERAS C)

A.6 JAVAP (DESENSAMBLADOR).

A.6.1 Opciones.

A.7 JAVADOC (GENERADOR DE DOCUMENTACIÓN). .

A.7.1 Etiquetas de clase o interface.

A.7.2 Etiquetas de atributo..

A.7.3 Etiquetas de constructor o método..

A.7.4 Opciones

B. CONVERSIÓN DE TIPOS

B.1 CONVERSIÓN POR AMPLIACIÓN DE TIPOS DE DATOS SIMPLES.

B.2 CONVERSIÓN POR REDUCCIÓN DE TIPOS DE DATOS SIMPLES..

B.3 CONVERSIÓN POR AMPLIACIÓN DE TIPOS DE DATOS REFERENCIALES..

B.4 CONVERSIÓN POR REDUCCIÓN DE TIPOS DE DATOS REFERENCIALES.

B.5 CONVERSIONES DE TIPOS NO PERMITIDAS.

C. LAS CLASES STRING Y STRINGBUFFER

C.1 LA CLASE STRING.

C.1.1 Constructores de la clase String.

C.1.2 Métodos de la clase String

C.2 LA CLASE STRINGBUFFER

C.2.1 Constructores de la clase StringBuffer.

C.2.2 Métodos de la clase StringBuffer.

D. CLASES ANIDADAS

D.1 UTILIDAD DE LAS CLASES ANIDADAS

D.2 CLASES ANIDADAS COMO MIEMBROS DE OTRAS CLASES.

D.3 CLASES INTERIORES A UN BLOQUE O LOCALES A UN MÉTODO

D.4 CLASES ANÓNIMAS.

E. CLASES SOBRE STREAMS Y FICHEROS.

E.1 LA CLASE INPUTSTREAM

E.1.1 Constructor

E.1.2 Métodos

E.2 LA CLASE OUTPUTSTREAM

E.2.1 Constructor

E.2.2 Métodos

E.3 LA CLASE PRINTSTREAM

E.3.1 Constructores.

E.3.2 Métodos

E.4 LA CLASE READER

E.4.1 Atributo

E.4.2 Constructores.

E.4.3 Métodos

E.5 LA CLASE WRITER.

E.5.1 Atributo

E.5.2 Constructores.

E.5.3 Métodos

E.6 LA CLASE BUFFERDREADER.

E.6.1 Constructores.

E.6.2 Métodos

E.6.3 La clase PrintWriter

E.7 LA CLASE FILE

E.8 LA CLASE RANDOMACCESSFILE.

E.8.1 Constructores.

E.8.2 Métodos

F. EL FORMATO DE STRINGS UTF-8

F.1 CARACTERES DE UN SOLO BYTE.

F.2 CARACTERES DE DOS BYTES

F.3 CARACTERES DE TRES BYTES.

G.CLASES EN JAVA.NET

G.1 CLASS SOCKET

G.1.1 CONSTRUCTORES:

G.1.2 MÉTODOS

G.2 CLASS SERVERSOCKET

G.2.1 CONSTRUCTORES:

G.2.2 MÉTODOS

G.3 CLASS DATAGRAMSOCKET

G.3.1 CONSTRUCTORES

G.3.2 MÉTODOS

G.4 CLASS INETADDRESS

G.4.1 MÉTODOS.

G.5 CLASS DATAGRAMPACKET

G.5.1 CONSTRUCTORES

G.5.2 MÉTODOS

http://rapidshare.com/files/167923580/JavaCompleto_by_dios.zip
---------------------------------------------------------------------------------

SEGUNDO LIBRO: CÓMO PROGRAMAR EN JAVA DE DEITEL & DEITEL QUINTA EDICION (EXELENTE)

Formato: PDF escaneado por mi

Paginas: como 600.

Estado: bueno.

Fecha: hoy

http://rapidshare.com/files/167943264/JavaD_D_by_dios.zip

PASS PARA LOS 2 ARCHIVOS:
http://losmagios.foroslatinos.net/

Manual Tutorial de PHP

noreply@blogger.com (Razock) — Tue, 02 Dec 2008 08:01:00 +0000

¿QUE ES PHP?

PHP es un lenguaje de programación interpretado, diseñado originalmente para la creación de páginas web dinámicas.

*Algunos conceptos básicos del procesamiento de páginas PHP en el servidor. Nuestro primer programa en PHP. Sintaxis del lenguaje. Uso de variables de programación.

*Operadores: Artiméticos, de comparación y lógicos.

* Sentecias ejecutables: Condicionales, bucles, salida a pantalla y manejo de cadenas de texto.

*Uso de funciones y librerías.

*Bases de datos: Crear una base de datos, conexión al servidor de base de datos, consultas, inserción de registros, borrado de registros.

*Procesado de formularios: Envío y recepción de datos entre páginas, diferencias entre en método GET y el POST, envío de emails.

*Seguridad: Restringir el acceso a según qué páginas, distinguir entre usuarios autorizados.

*Sesiones: ¿Qué son las sesiones? ¿Cómo se inicializan? Un ejemplo sencillo, el error más común en el uso de sesiones, un carrito de la compra.

*Cookies: ¿Qué son las cookies? ¿Cómo se usan? Un ejemplo de uso.

http://rapidshare.com/files/169052389/Manual_de_PHP_By_WarezEvolution.Ne.rar

Creacion de Paginas Web

noreply@blogger.com (Razock) — Tue, 02 Dec 2008 07:54:00 +0000

Que es una Pagina Web?

Una página web es una fuente de información adaptada para la World Wide Web (WWW) y accesible mediante un navegador de Internet.

INTRODUCCION:

Un sitio Web es su negocio que le permite publicar en Internet los servicios y/o productos que ofrece a miles de clientes, proveedores socios y amigos. Es por ello que la imagen que su pagina pueda trasmitir a primera impresión es lo que cuenta. Trabajamos en ello para que esa experiencia sea excelente y entendida.

Diseñamos paginas web profesionales de gran inpacto visual, diseño inteligente orientado al rubro de su empresa, aplicando estandares web.

http://rapidshare.com/files/169060700/Creacion_de_Pagina_Web_by_WarezEvolution.Net.rar

crea tu propio boton de descarga para tu post (photoshop)

noreply@blogger.com (Razock) — Tue, 02 Dec 2008 07:46:00 +0000

Muchas veces me pregunte como se hace el boton que llaman plasma , visitando algunos sitios en ingles consegui hacer mi propio boton plasma que les dejo un ejemplo de como hacerlo claro que la imaginacion de cada uno despues volara para realizar cosas mas lindas,espero que sirva a modo de ejemplo ok.

Resultado Final:

añadir movimiento a tus fotos con este efecto (photoshop)

noreply@blogger.com (Razock) — Tue, 02 Dec 2008 04:40:00 +0000

Creo que este sencillo tutorial (sacado de un libro de Scott Kelby) puede resultar entretenido, sobre todo para aquellos a los que les guste darle un poco de efecto a los retoques.

Lo primero es abrir la foto a la que queremos darle sensación de movimiento.

La calidad de esta foto es bastante mala debido a que es un recorte de, aproximadamente, el 20% de la original, pero creo que para el ejemplo sirve

La cámara era una Olympus C750 de 4 megas y la velocidad de la toma 1/800. Obviamente, el movimiento del ciclista quedó completamente congelado.

Una vez abierta duplicamos la capa de fondo (Ctrl+J). A continuación, en esta capa duplicada, aplicaremos el Filtro de Desenfoque de movimiento.

Como ven, se nos abre un cuadro donde podemos controlar la intensidad del efecto y el ángulo con el que vamos a aplicarlo. O sea, lo que hay que controlar.

Cuando ya estamos satisfechos (o creemos estarlo) con el efecto creado, le añadimos a esta capa una Máscara de Capa. Se hace pulsando Alt y clickeando sobre la miniatura de Máscara de capa que hay en la parte inferior del cuadro de Capas (Cuadrado con círculo dentro)

Lo que hemos hecho es ocultar por completo el efecto del Filtro bajo una Máscara negra. A continuación, comprobamos que la Máscara está seleccionada (si no hemos hecho nada más lo estará) y seleccionamos como color frontal el Blanco (Pulsando D y luego X nos aseguramos de que es el blanco puro)

Ahora, con el pincel que queramos, pero recomiendo uno de punta blanda, vamos pintando de blanco en la Máscara de Capa, con lo que vamos descubriendo el efecto del Filtro. Si nos pasamos, no tenemos nada más que cambiar el color frontal al negro y reconstruir la Máscara.

Y ahora podemos jugar con el tamaño, la dureza y color del pincel, con lo que estaremos jugando con el efecto del filtro.

les recomiendo que aprendan y practiquen con esta “Subtécnica” de la Máscara de capa y los pinceles blanco y negro, porque seguro que le encontraran muchas más aplicaciones.

Ahora less pongo un ejemplo de cómo puede ser el resultado final. Como pueden comprobar es un resultado un poco ingenuo, pero de lo que se trata es de ilustrar el tutorial.

Para terminar les pongo la original y la retocada.

Espero que le sirva a alguien.

crea textos estilo piel(cuero) con photoshop

noreply@blogger.com (Razock) — Tue, 02 Dec 2008 04:21:00 +0000

efecto de texto cromado con photoshop

noreply@blogger.com (Razock) — Tue, 02 Dec 2008 04:19:00 +0000

PASO 1

Iniciaremos creando nuestro espacio de trabajo, el mio es de 450×270px con 300ppp, el tamaño del texto es muy importante, entre más grande mejor por motivos de espacio yo solo usaré la palabra Ok

PASO 2

Creamos el texto usando el color #7d7d7d es un gris oscuro, yo use la fuente Adobe Garamond Pro para este tipo de efecto es mejor que ocupes un tipo de letra Serif como Georgia, Garamond, Times New Roman o Trajan.

PASO 3

Ahora vamos darle algo de relieve al texto, da clic derecho sobre la capa de texto y selecciona Opciones de Fusión, mira la imagen de abajo y pon los ajustes que ves en ella.

PASO 4

Necesitamos rasterizar el texto por lo que da clic derecho sobre la capa de texto y selecciona la opción Rasterizar Texto, luego crea una nueva capa presionando Ctrl+Shift+N y ubicala bajo la capa de texto que acabas de rasterizar, por ultimo vuelve a dar clic derecho sobre la capa de texto y selecciona la opción Combinar Hacia Abajo.

PASO 5

Es hora de usar la Herramienta Curvas, presiona Ctrl+M y haz un gráfico así en Zig-Zag como el de la imagen de abajo.

PASO 6

Ve a Imagen | Ajustes | Variaciones.. en la ventana que aparecerá deberás ajustar los controles como en la imagen de abajo, luego da clic sobre los cuadros que dicen: Más Azul y Mas Verde, luego da clic en Ok.

PASO 7

Luego abre nuevamente Curvas y haz el siguiente ajuste.

PASO 8

Abre de nuevo los Estilos de Capa y ajusta la Sombra Paralela y la Sombra Interior como aparece abajo.

RESULTADO:

Si lo deseas puedes dejarlo hasta aquí o puedes presionar Ctrl+Shift+U para desaturarla y obtendrás esto:

O si lo queres con efecto dorado, simplemente desatura la imagen y presiona Ctrl+U para abrir el cuadro de dialogo Tono/Saturación, seleccionar la casilla colorear y ajustar el deslizador tono al color amarillo, y obtendrás esto:

efecto de luces con photoshop

noreply@blogger.com (Razock) — Tue, 02 Dec 2008 04:16:00 +0000

personaliza tus post con photoshop crea tus propias Cajas de Software

noreply@blogger.com (Razock) — Tue, 02 Dec 2008 03:55:00 +0000

Primero dibujamos dos rectángulos en blanco, uno junto al otro de la misma altura de esta manera:

Ahora le aplicamos a cada uno desde “Opciones de Fusión” una gradiente:

Que quede de la siguiente manera:

Ahora le ponemos los efectos y las imágenes que queramos, yo la voy a hacer sencilla porque el objetivo es la caja: (nótese que tengo las imágenes con su rectángulo respectivo ya acomodadas)

Ahora agrupamos cada rectángulo con sus respectivas imágenes de modo que nos queden solo dos capas: esto se hace seleccionando las capas que queremos agrupar, por ejemplo el rectángulo grande con su imagen y damos clic derecho sobre alguna de estas luego escogemos la opción “Agrupar en objeto inteligente nuevo” y luego volvemos a hacer lo mismo pero esta vez escogemos la opción “Rasterizar capa”, para que nos quede así:

Ahora duplicamos el rectángulo pequeño y en opciones de fusión vamos a “Superposición de colores” y le damos un tono negro, ahora le bajamos la transparencia a un 20 %.

Ahora agrupamos estas dos últimas capas (la del rectángulo pequeño y la copia en negro).

De nuevo volvemos a tener solo dos capas, vamos a la del rectángulo grande y vamos a Archivoà TransformaciónàDistorsionar y alargamos las puntas derechas y encogemos el ancho desde el lado izquierdo para que nos quede algo así:

Ahora vamos al rectángulo pequeño y lo juntamos con el grande y vamos de nuevo a Archivo TransformaciónàDistorsionar y alargamos las puntas izquierdas y encogemos el ancho desde el lado derecho para que nos quede algo así:

Ahora solo agregamos una sombra suave y un fondo blanco para apreciar lo que hicimos y obtenemos algo como esto:

crear collages con photoshop

noreply@blogger.com (Razock) — Tue, 02 Dec 2008 03:37:00 +0000

efecto photoshop para tus fotos

noreply@blogger.com (Razock) — Tue, 02 Dec 2008 03:36:00 +0000

como crear fractales con Photoshop

noreply@blogger.com (Razock) — Tue, 02 Dec 2008 03:34:00 +0000

Es un truco muy simple, pero conocido por muy pocos, un "secreto" del Photoshop. En sí el Photoshop no calcula especificamente un fractal, sino que, usando una imagen cualkiera y modificandola se logra un efecto que parecería un fractal.

1- En una nueva imágen creen o exporten un objecto que deseen "fractalizar". En este caso yo creé este dibujo en una capa aparte.

NOTA: Apartir de ahora hay que saber las teclas de metodo abreviado de Transformación Libre (Free Transform):

-Free Transform Copy: Ctrl+Alt+T

-Transform Again Copy: Ctrl+Alt+Shift+T

2 - Free transform copy a la imagen original, achíquenla solo un poco manteniendo las teclas Alt+Shift para mantener la proporción y de la imágen.

Ahora muevan la cruz del centro (centro de transformación o "transform center" hacia abajo a la izquierda.

3- Ahora roten la imagen e intentan alinearla con el centro de la original moviéndola a mano (nudge) y tecléen Enter.

4- Mantengan presionado Ctrl+Alt+Shift y teccléen muchas veces la T bien rápido. mientras más rapido más divertido Xd.

Explicación:

Por qué pasa esto? Cuando transformamos algo, Photoshop guarda el calculo usado para su transformación, entonces cuando transformamos de nuevo, se usa ese mismo calculo sobre la nueva transformacion, de esta manera la copia nueva se transforma en la misma proporcion que la anterior más su propia transofmacion creando un efecto que en este caso lo usé para simular un fractal.

efecto cristal empañado con photoshop

noreply@blogger.com (Razock) — Tue, 02 Dec 2008 03:33:00 +0000

Bloques animados en el elemento Etiquetas

noreply@blogger.com (Razock) — Wed, 26 Nov 2008 09:33:00 +0000

Hace unos días mostraba la forma de utilizar la técnica de los bloques animados en el elemento Archivos de Blogger y preguntaban si era posible hacer lo mismo en elemento Etiquetas y la respuesta es sí.

Otra vez, para quien no lo haya visto, estamos hablando de un script descripto en esta entrada y que se llama animatedcollapse.js; archivo que hay que alojar en un servidor propio y luego, insertarlo en la plantilla de Blogger, justo antes de la etiqueta </HEAD>:

<script type="text/javascript" src="URL_animatedcollapse.js"></script>

Expandimos los artilugios y buscamos el código de las etiquetas:

<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
 <h2><data:title/></h2>
</b:if>
<div class='widget-content'>

 <div style='text-align:center;'>
   <a href='javascript:lasEtiquetas.slideit()'>EXPANDIR/CONTRAER</a>
 </div>

 <div id='EtiquetasLista'>

   <ul>
   <b:loop values='data:labels' var='label'>
     <li>
       <b:if cond='data:blog.url == data:label.url'>
         <span expr:dir='data:blog.languageDirection'>
           <data:label.name/>
         </span>
       <b:else/>
         <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
           <data:label.name/>
         </a>
       </b:if>
       <span dir='ltr'>(<data:label.count/>)</span>
     </li>
   </b:loop>
   </ul>

 </div>
 <script type='text/javascript'>var lasEtiquetas=new animatedcollapse("EtiquetasLista", 500, false)</script>

 <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Agregaremos entonces las líneas en color y eso es todo.

Aquí lo que hemos hecho es agregar un DIV para contener la lista de etiquetas y lo identificamos con un nombre único: id='EtiquetasLista'

El script, lo podemos usar varias veces en diferentes elementos con la única condición de ejecutarlo usando nombres distintos (lasEtiquetas).

El resultado puede verse en la sidebar de mi blog de pruebas funcionando sobre una plantilla Mínima.

Fuente

Blog De Usuarios. Comunidad C.u.H

noreply@blogger.com (Razock) — Wed, 26 Nov 2008 08:38:00 +0000

Links De Webs Amigas " El-Hacker.com "

1.- A Tabasco
2.- Ciencia Mx
3.- Haxxor
4.- Sector Geek
5.- Phreaking
6.- Back Door
7.- Software Gratis
8.- Furious Zona
9.- Clubbycooosmos
10.- Oaxaka
11.- Rey!
12.- SSW Team
13.- Zona-k64
14.- Leteo & Eunoe
15.- Apuromafo
16.- Alevsk - Zone
17.- Your illusion
18.- Black True
19.- Movies Online
20.- Ayuda Bloggind
21.- Lista de Blogs
22.- TerminalHacker
23.- Nada Y Todo

Si ustedes lectores quieren participar en este enlazamientos de blogs podras inscribirte por aca. Info. El-Hacker.com

Y Seguimos Actualizando . . .

Formulario de Contacto

noreply@blogger.com (Razock) — Tue, 18 Nov 2008 20:19:00 +0000

Ahora que Webformdesigner no parece aceptar más cuentas y que FormLogiMix se ha transformado en casi imposible de usar en Blogger, agregar un formulario de contacto es una tarea complicada y otro de los vacíos conceptuales del servicio ¡Son los dueños de GMail por Diós!

En fín. Gracias a Lorena hay una nueva posibilidad así que hay que agradecerle calurosamente que me haya enviado esta información.

Se trata de EmailMeForm.com un sitio nos permite crear un formulario y nos provee el código HTML para poderlo insertar en nuestro blog.

Una vez que nos registramos y confirman nuestra identidad, ya estamos listos para usarlo. Ingresamos en un panel con las opciones para nuestra cuenta y allí lo crearemos siguiendo los pasos que nos indican (Form Wizard) o bien lo editaremos tantas veces como queramos (Forms List).

Lamentablemente, la página está en inglés pero, hay que tener paciencia.

El primer paso es establecer una serie de datos: Nombre del formulario (porque podemos tener varios), dirección de correo donde recibiremos los envios, dirección a donde nos enviarán los que se consideren spam, dirección de una página a la que se redirigirán los visitantes al terminar (una página de agradecimiento, de información o la página principal el blog), etc.

Aquí es donde también decidimos la cantidad de campos a usar (si no se está seguro, dejar el valor por defecto que es cuatro).

La siguiente pantalla nos lleva al segundo paso donde colocaremos los nombres de esos campos y sus características.

Los campos por defecto son: Nombre, Dirección de EMail, Asunto y Mensaje. Los tres primeros los dejamos marcados como Short Text, es decir, tendrán una línea; y el último como Large Text, será un espacio más amplio donde se escribirán los mensajes. Si queremos que todos sean obligatorios, seguimos adelante, si no, marcamos las opciones que nos interesen.

En el tercer paso, definiremos los tamaños de esos campos. A menos que ya tengamos claro qué es lo que que queremos hacer, los dejamos como están, luego, después de probarlo, podemos editar el formulario desde esta página o bien desde el mismo Blogger. Lo mismo podemos decir del cuarto paso que es el que nos permite establecer las características de las fuentes y los colores; los botones de envío o otros detalles.

Al final de esta ventana es donde veremos una de las características más interesantes: los filtros antispam. Ahí podemos elegir mostrar una imagen con letras y números (captcha), limitar los envíos para cada IP, etc.

El último punto de esta ventana es definir el modo en que usaremos el formulario (Display Mode) que dejaremos marcada como: Web Form will be inside the web page, visitor never leaves the site ya que lo insertaremos en nuestro blog, como un post más.

¿Terminamos? No. El quinto paso son opciones avanzadas y podemos dejarlas como están. Click en Next y ahí veremos una previsualización del formulario. Si nos parece aceptable, click en Finish.

Ahora, el formulario ya está activo y listo para ser usado pero, para eso, necesitamos el código HTML (Get the HTML code) que será bastante largo. Lo copiamos y sugiero que lo peguemos en el block de notas para darle los últimos retoques ya que si lo pegamos directamente en un post de Blogger, no se verá muy bien.

Como es una tabla, deberemos eliminar los saltos de línea, es decir, copiar todo en una sola línea. El block de notas nos ayuda a esto si desmarcamos Ajuste de línea dentro el menú Formato. Además, si tienen algún tipo de conocimiento, verán que las instrucciones son sencillas y que podemos personalizar las cosas aún más siempre y cuando tengamos cuidado con las etiquetas INPUT y con los nombres de los diferentes campos.

Hecho esto, creamos un post, pegamos el código y lo publicamos.

Nombre

Email

Asunto

Mensaje

¿Es usted un ser humano?
	Ingrese el texto de la imagen [Otra] [?]

Fuente

Google Sitemaps En Blogger

noreply@blogger.com (Razock) — Tue, 18 Nov 2008 17:10:00 +0000

Una forma de ayudar en la indexación de nuestro web o blog en Google es diciéndole que páginas tenemos, cuando las modificamos y cuando tenemos artículos nuevos. Esto se puede hacer con una herramienta creada específicamente para ello: Google Sitemap. Además de ayudarnos en la indexación, esta herramienta nos brinda estadísticas de nuestro web y un reporte de posibles errores.

Gracias al sistema que maneja Blogger y otros sistemas de gestión de contenido, usar esta herramienta es relativamente fácil y a continuación te la mostramos.

Ve a la página principal de Google sitemap y entra con tu cuenta Google (Blogger, Gmail, etc).

Encontraras un campo de texto, ahí escribe la dirección de tu blog: “http://tublog.blogspot.com”.

Entraras a un panel con una advertencia, diciéndote que el paso siguiente es verificar que el sitio te pertenece. Entra a ese enlace.

Ahora te mostrará un cortina con dos opciones para verificar tu sitio, selecciona “Añadi una etiqueta META” (La otra no es posible con Blogger, pero si para cualquier otro sistema).

Después haber hecho click, en la misma página te muestra el código de la etiqueta META, copia este código (No cierres la página aun). En tu blog, entra a Plantilla (”Diseño” desde el escritorio) y de ahí a “Edición HTML”. Ahí busca el siguiente código:
```
<head>
```
Y justo abajo, pega el código que copiaste para verificar.
En la página de Google sitemaps da click en el botón “Verificar”. Sí hiciste todo bien te dirá que tu sitio a sido verficado.

Ahora, en la parte superior da click en la pestaña “Sitemaps” y dentro de esta, al enlace para “Añadir un Sitemap”, ahora te pedirá seleccionar el tipo de sitemap, selecciona “Añadir un Sitemap web general”. Al hacer esto te muestra un campo de texto para añadir la dirección url de tu sitemap, para blogger es:http://TUBLOG.blogspot.com/atom.xml
Sustituye “TUBLOG” por esa parte de la dirección de tu blog y da click en el botón “Añadir un sitemap web”

Con esto queda activado el servicio y basta esperar algunas horas para que Google empiece a recolectar información de tu sitio.

El hecho de no tener que crear el sitemap a mano es una gran ventaja, para sitios web sin un sistema de publicación crearlo puede llevar un buen tiempo, como he tenido que hacer con algunos sitios. Pero vale la pena y es útil por la indexación y las estadísticas desde el punto de vista de un buscador como Google.

Fuente

20 plugins para aumentar el trafico de tu blog

noreply@blogger.com (Razock) — Sat, 01 Nov 2008 02:45:00 +0000

Getting traffic to your blog is perhaps the most important aspect for any blogger so with this in mind I went searching for Wordpress plugins that will help to do just that. And here they are:

1. Tell a Friend – WP-Email

This plugin allows visitors to recommend your blog post or page to a friend via email.

2. Subscribe to Comments

Your visitors simply check a box under the comments field which allows them to receive an email notification whenever further comments have been added to the post.

3. Random Posts Plugin

Displays a list of random posts from your blog at the end of a blog post encouraging readers to stay on your site.

4. Similar Posts

Displays a list of related posts from your blog at the end of each post. This encourages readers to stay on your site.

5. Recent Posts

Displays the most recent posts from your blog.

6. Digg Plugin

Allows you to add a Digg style icon button to each blog post encouraging readers to Digg your post.

7. Share This Pugin

Allows your visitors to add your blog post to social bookmarking and networking sites. You can see how this works by clicking the Share This link at the bottom of this post…and while you’re there why not submit this post to one of your favorite sites…hint, hint!!

8. Sociable Plugin

Works in a similar way to the ‘Share This’ plugin by allowing visitors to submit your posts to their favorite bookmarking sites.

9. All in One SEO Pack

Optimizes your blog for the search engines making your blog posts and pages easier to find and rank.

10. SMS Text Message Plugin

Your visitors can enter their mobile number in a sidebar widget and be sent updates via SMS when your blog has been updated.

11. Increase Sociability Plugin

This plugin recognizes when a visitor has arrived via Stumbleupon or Digg and provides them with a nice reminder to encourage them to vote for your post.

12. Subscribe Remind

Places some text at the end of each blog post reminding visitors to subscribe to your RSS feed.

13. What Would Seth Godin Do Plugin

Works in a similar way to the ‘Subscribe Remind’ plugin but has some added functionality in that it uses cookies to distinguish between first time visitors and regular visitors. You can create messages to add to the top or bottom of blog posts and first time visitors can see one message whereas regular visitors can see something entirely different.

14. Top Commenters Plugin

This is a great plugin for encouraging repeat visitors. Readers that leave the most comments get their link displayed in the sidebar of your blog. As the nofollow tag is removed the reader gets full credit for their link.

15. Comment Relish

This plugin sends out an automatic email to any new readers to your blog thanking them for leaving a comment. This is a great way to get return visitors. You can customize the email any way you like.

16. Dofollow Plugin

Creating a dofollow blog can often bring in traffic. This plugin strips the nofollow tag from blog comments.

17. Lucia’s Linky Love Dofollow Plugin

Another dofollow plugin but this one is slightly different in that it allows you to remove the nofollow tag after a certain number of comments have been left by a reader. You can set this to anywhere between 3 and 10 posts.

18. Google Sitemap Generator

This will generate a sitemap for your blog which will help Google find and index your blog.

19. Add to Any Subscribe Button Plugin

Allows your readers to subscribe to just about any type of RSS feed.

20. Ultimate Tag Warrior

Allows you to tag your posts which are picked up by blog search engines thereby helping to increase traffic.

And a couple more as suggested by Susan:

21. CommentLuv

This plugin finds the last post by the person who left the comment and displays a link to that post under their comment. Usually used in conjunction with a dofollow type plugin.

22. KeywordLuv

When someone leaves a comment on your blog they can also get the benefit of a keyword link in the title. The site uses examples which explains it better than I ever could.

So now you can see why we think Wordpress is the best platform for bloggers. There are just many great plugins that allow you get maximum use from your blog.

Fuente