Archive | febrero, 2007

Abrir los enlaces en una ventana nueva sin utilizar _blank


Siempre se ha evitado abrir los enlaces externos, aquellos que nos llevan a una página distinta de la nuestra, en una nueva ventana, de manera que nunca se pierda nuestra web. El principal argumento esgrimido, y con toda la razón desde el punto de vista del márketing, es no obligar al lector a abandonar nuestra página para visitar otro enlace. Para realizar esta función se ha recurrido habitualmente al atributo target=”_blank” en el enlace. Sin embargo esta opción no es posible utilizarla si queremos que nuestra página valide como XHTML estricto, algo muy conveniente en el diseño web actual. Siempre es posible reducir los requerimientos a XHTML Transicional, pero recurrir a estas técnicas no es más que retrasar el problema.

Muchos habrán pensado en utilizar una función en javascript con el método window.open directamente. Sin embargo esta opción haría imposible la lectura de los enlaces por parte de buscadores como Google. La solución más acertada pasa por un javascript que actúe sobre una clase del enlace, tal y como explican en eslomas.com:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Ejemplo con método común</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript"><!--//--><![CDATA[//><!--

function prepareTargetBlank(){
var className = 'external';
var as = document.getElementsByTagName('a');
for(i=0;i<as.length;i++){
var a = as[i];
r=new RegExp("(^| )"+className+"($| )");
if(r.test(a.className)){
a.onclick = function(){
window.open(this.href);
return false;
}
}
}
}

window.onload = prepareTargetBlank;

//--><!]]></script>

</head>

<body>

<ul>
<li><a href="http://www.google.com">enlace normal a google</a></li>
<li><a href="http://www.google.com" class="external">enlace a google en ventana nueva</a><li>
</ul>

</body>
</html>

En el ejemplo se presentan 2 opciones, para un enlace normal y para un enlace en una ventana nueva

Posted in XHTMLComments (0)

Video tutoriales de diseño


Videoutoriales sobe Photoshop, 3DStudio, etc...Si eres de los que siempre está deseando aprender nuevas técnicas con cualquier programa relacionado con el diseño, pero no tienes tiempo o paciencia como para leer decenas de libros, Video-Tutes es tu sitio ideal. Se trata de una galeria de tutoriales en formato video sobre programas relacionados con el diseño, como Adobe Photoshop, 3dStudio MAX, Dreamweaver, Fireworks, Illustrator o QuarkXpress.

Enlace: Video-Tutes

Posted in <diseño>, tutorialesComments (1)

Patrones para fondos de paginas web


dinpattern.gifAhora que tan de moda esta la Web 2.0 no podemos dejar de prestar atención al diseño de los fondos de nuestras páginas web. Para ello nada mejor que los motivos, pequeños dibujos que crean un patrón al repetirse. Aquí teneis una buena muestra para utilizar en vuestras páginas web.

Enlace: DinPattern

Posted in <diseño>, PatronesComments (2)

DNSCoop.com herramienta SEO para analizar tu web


dnscoopSi eres de los que se preocupan por el posicionamiento de sus páginas web encontrarás en DNScoop una excelente herramienta SEO. Con sólo introducir la dirección de una web en su barra de búsqueda DNScoop analiza parámetros como la antigüedad de un dominio, el ranking Alexa, el número de páginas que enlazan con esa web, el número de paginas indexadas en los diferentes buscadores, etc..

Enlace: www.dnscoop.com

Posted in <miscelánea>, buscadores, SEOComments (1)