11.07.2015 Views

el tutorial de Dreamweaver

el tutorial de Dreamweaver

el tutorial de Dreamweaver

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Texto <strong>de</strong> la Barra <strong>de</strong>EstadoEl Texto <strong>de</strong> la Barra <strong>de</strong> Estado es un <strong>el</strong>emento muy utilizado a la hora <strong>de</strong> personalizar unapágina web. Aunque no funciona en algunos navegadores.Si observas esta barra cuando navegas verás que va cambiando su texto según te encuentressobre un enlace o no. Normalmente, las páginas que no tratan la Barra <strong>de</strong> Estado (por ejemplo,esta) no muestran ninguna información. Únicamente cuando posicionas <strong>el</strong> puntero sobre un enlace <strong>el</strong>texto <strong>de</strong> la Barra cambia para mostrar la dirección a la que este se dirige.Observa este ejemplo, si haces clic sobre él te llevará a la página principal <strong>de</strong> aulaClic.Cambiar <strong>el</strong> Texto <strong>de</strong> la Barra <strong>de</strong> Estado significaría modificar <strong>el</strong> texto que aparece en esemomento cuando realizamos un evento sobre un <strong>el</strong>emento en particular. Por ejemplo:aulaClic.esEste comportamiento es muy útil para personalizar mucho más tu página y mostrar informaciónque <strong>de</strong> otra forma no sería posible. Aunque no todos los navegadores son capaces <strong>de</strong> respon<strong>de</strong>r aeste comportamiento.Para crear este comportamiento s<strong>el</strong>ecciona <strong>el</strong> <strong>el</strong>emento al cual quieres asociar estecomportamiento. Abre <strong>el</strong> pan<strong>el</strong> Comportamientos (Mayus+F4) y pulsa <strong>el</strong> botón .Luego s<strong>el</strong>ecciona la opción Definir texto y haz clic en Establecer texto <strong>de</strong> la barra <strong>de</strong> estado.Aquí <strong>de</strong>berás escribir <strong>el</strong> texto que quieres que aparezca en <strong>el</strong> cuadro Mensaje, luego pulsaAceptar y listos.¿Dón<strong>de</strong> y cómo asociar <strong>el</strong> texto en una página? es sencillo. Una <strong>de</strong> las opciones que te da estecomportamiento es po<strong>de</strong>r asociar un texto en concreto a la página en sí.Es <strong>de</strong>cir, que cuando abras una página se muestre inmediatamente (y permanentemente) un textoen la barra <strong>de</strong> estado. Eso es posible creando <strong>el</strong> mensaje asociado al body <strong>de</strong> la página (para <strong>el</strong>lotendrás que insertar <strong>el</strong> comportamiento sin s<strong>el</strong>eccionar ningún <strong>el</strong>emento para que se asocie con todala página) y lanzándolo en <strong>el</strong> evento onLoad (en la carga d<strong>el</strong> documento). De esta forma cuando seabra la página se mostrará <strong>el</strong> mensaje en la barra <strong>de</strong> estado y permanecerá allí hasta que seproduzca un cambio (por ejemplo, que se posicione <strong>el</strong> cursor sobre un enlace).Ahora veamos cómo <strong>de</strong>bemos actuar al establecer texto para los enlaces. En este caso seránecesario que introduzcamos dos comportamientos.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!