subscribe to the RSS Feed

Monday, December 1, 2008

Templates Gratis Nueva Temporada

Escrito por Michel Yndart on Agosto 9, 2008

Container Bg

Suena impresionante no, bueno basta de palabras comenzamos de nuevo con plantillas prediseñadas si esta pensando en una Web con linda vista, esta plantilla es quizás la que buscas.

Delicious_Fruit, Vista previa Descarga.

El atributo rel=nofollow, de los enlaces

Escrito por Michel Yndart on Agosto 6, 2008

El atributo rel=nofollow, de los enlaces, sirve para que los buscadores no continúen reastreando a partir de esos enlaces.

16/7/08 - Dejemos aquí una pequeña reseña sobre un atributo que se está convirtiendo en esencial en los enlaces y que no habíamos comentado en nuestro manual de HTML, aunque sí habíamos visto algo en nuestro manual de posicionamiento en buscadores.

Nofollow es un atributo de los links HTML (etiqueta <A>), que sirve para definir o marcar el comportamiento de los buscadores cuando rastrean nuestra página web en busca de contenidos para indexarlos. Por defecto, cuando un buscador visita una página web va recorriendo todos sus enlaces y va indexando su contenido en su base de datos de páginas. Esto es algo que hacen automática y periódicamente. Ocurre tanto con los enlaces internos a otras páginas de nuestro sitio como con los enlaces externos a otras páginas web. Los motores que recorren las webs de enlace a enlace, se llaman arañas.

Ahora bien, nosotros podemos, a través del atributo rel=”nofollow”, decirle a un buscador que no continúe indexando los contenidos de la página a la que lleva un enlace en particular.

Lo haríamos así:

<a href=”URL_DEL_ENLACE” rel=”nofollow”>TEXTO_DEL_ENLACE</a>

Un poco de historia sobre nofollow ¡Espera! hay más que leer… »

Árbol de nodos

Escrito por Michel Yndart on Agosto 3, 2008

Una de las tareas habituales en la programación de aplicaciones web con JavaScript consiste en la manipulación de las páginas web. De esta forma, es habitual obtener el valor almacenado por algunos elementos (por ejemplo los elementos de un formulario), crear un elemento (párrafos, <div>, etc.) de forma dinámica y añadirlo a la página, aplicar una animación a un elemento (que aparezca/desaparezca, que se desplace, etc.).Todas estas tareas habituales son muy sencillas de realizar gracias a DOM. Sin embargo, para poder utilizar las utilidades de DOM, es necesario “transformar” la página original. Una página HTML normal no es más que una sucesión de caracteres, por lo que es un formato muy difícil de manipular. Por ello, los navegadores web transforman automáticamente todas las páginas web en una estructura más eficiente de manipular.Esta transformación la realizan todos los navegadores de forma automática y nos permite utilizar las herramientas de DOM de forma muy sencilla. El motivo por el que se muestra el funcionamiento de esta transformación interna es que condiciona el comportamiento de DOM y por tanto, la forma en la que se manipulan las páginas.DOM transforma todos los documentos XHTML en un conjunto de elementos llamados nodos, que están interconectados y que representan los contenidos de las páginas web y las relaciones entre ellos. Por su aspecto, la unión de todos los nodos se llama “árbol de nodos”.La siguiente página XHTML sencilla:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Página sencilla</title> </head>   <body> <p>Esta página es <strong>muy sencilla</strong></p> </body> </html>

Se transforma en el siguiente árbol de nodos:F0401

Figura 5.1. Árbol de nodos generado automáticamente por DOM a partir del código XHTML de la página

¡Espera! hay más que leer… »

El primer script

Escrito por Michel Yndart on

A continuación, se muestra un primer script sencillo pero completo:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>El primer script</title>   <script type="text/javascript">   alert("Hola Mundo!"); </script> </head>   <body> <p>Esta página contiene el primer script</p> </body> 

</html>

En este ejemplo, el script se incluye como un bloque de código dentro de una página XHTML. Por tanto, en primer lugar se debe crear una página XHTML correcta que incluya la declaración del DOCTYPE, el atributo xmlns, las secciones <head> y <body>, la etiqueta <title>, etc.

Aunque el código del script se puede incluir en cualquier parte de la página, se recomienda incluirlo en la cabecera del documento, es decir, dentro de la etiqueta <head>.

A continuación, el código JavaScript se debe incluir entre las etiquetas <script>…</script>. Además, para que la página sea válida, es necesario definir el atributo type de la etiqueta <script>. Técnicamente, el atributo type se corresponde con “el tipo MIME”, que es un estándar para identificar los diferentes tipos de contenidos. El “tipo MIME” correcto para JavaScript es text/javascript.

Una vez definida la zona en la que se incluirá el script, se escriben todas las sentencias que forman la aplicación. Este primer ejemplo es tan sencillo que solamente incluye una sentencia: alert(”Hola Mundo!”);.

La instrucción alert() es una de las utilidades que incluye JavaScript y permite mostrar un mensaje en la pantalla del usuario. Si se visualiza la página web de este primer script en cualquier navegador, automáticamente se mostrará una ventana con el mensaje “Hola Mundo!”.

A continuación se muestra el resultado de ejecutar el script en diferentes navegadores:

F0201

Figura 2.1. Mensaje mostrado con “alert()” en Internet Explorer

F0202

Figura 2.2. Mensaje mostrado con “alert()” en Firefox

F0202

Figura 2.3. Mensaje mostrado con “alert()” en Opera

Como se puede observar en las imágenes anteriores, el funcionamiento de la utilidad alert() en los distintos navegadores es idéntico. Sin embargo, existen grandes diferencias visuales en la forma en la que se presentan los mensajes.Via: Librosweb.es