Dreamweaver

  1. Conceptos básicos de Dreamweaver
  2. Hiperenlaces
  3. Imágenes
  4. Tablas
  5. Formularios
  6. Multimedia
  7. Las plantillas
  8. El inspector de código
  9. Otros elementos: marquesinas, fecha, código de otras páginas
  10. Capas
  11. Comportamientos JavaScript
  12. Estilos CSS
  13. Sitios remotos
  14. Servidor de pruebas

Unidad 13. Dreamweaver. Otros elementos

Marquesinas

Las marquesinas son texto, imágenes, o una mezcla entre texto e imágenes, que pueden desplazarse de un lado a otro de la ventana en forma de línea.

Las marquesinas no se pueden insertar a través del editor gráfico de Dreamweaver, es necesario hacerlo a través del código.

Para crear una marquesina hay que insertar los elementos que se desea que aparezcan en la marquesina (texto, imágenes . . . ) entre las etiquetas <marquee> y </marquee>

<marquee behavior="scroll">Esta es una marquesina que se comporta del modo estándar.</marquee>
Esta es una marquesina que se comporta del modo estándar.

La marquesina, por defecto, se desplaza de derecha a izquierda indefinidamente, pero si lo deseas puedes hacer que estas propiedades varíen.

Por ejemplo, si pones <marquee behavior="slide">, la marquesina hará el desplazamiento una sola vez y se detendrá.

<marquee behavior="slide">Esta es una marquesina que se desplazara una sola vez y se detendrá </marquee>
Esta es una marquesina que se desplazara una sola vez y se detendrá

Si pones <marquee behavior="alternate">, en lugar de desplazarse continuamente de derecha a izquierda, la marquesina se desplazará de lado a lado de la ventana, como si rebotara en los extremos.

<marquee behavior="alternate">Esta es una marquesina que rebotará en los extremos</marquee>

Esta es una marquesina que rebotará en los extremos

Fecha

Dreamweaver permite insertar fácilmente la fecha de última modificación de las páginas. Dreamweaver inserta la fecha del sistema (de nuestro PC).

Menú Insertar, a la opción Fecha.

Cuadro de diálogo Insertar fecha

22 Noviembre, 2008 4:57 PM

Regla horizontal

Menú Insertar, opción HTML, luego la opción Regla horizontal.


Código de otras páginas

Puedes visualizar el código fuente de dichas páginas a través del menú Ver del navegador Internet Explorer, opción Código fuente, o bien mostrar el menú contextual de la página pulsando con el botón derecho sobre ella, y pulsando después sobre la opción Ver código fuente. De este modo puedes consultar el código que se ha utilizado para realizar la página, y utilizar dicho código en las tuyas.

Si vemos el siguiente código, por ejemplo:

<script language="javascript">

<!--

strcnt=0;

mensaje="Código JavaScript - Aspectos de Dreamweaver";

function scroller()

{

window.status=mensaje.substring(strcnt++,mensaje.length+1);

if(strcnt>mensaje.length)

strcnt=0;

setTimeout("scroller()",200);

}

//-->

</script>


Dicho código tiene que ir entre las etiquetas <head> y </head>, y añadir onload="scroller()" dentro de la etiqueta <body>, de modo que ésta queda del siguiente modo:

<body onload="scroller()">

Este script funciona en IE, pero no funciona con Mozilla.