como insertar imágenes de sustitución en DW

Ventajas de los marcos:

-la pantalla se divide en 2 o 3 partes y me permite situar a cada lado el archivo que necesito

-si cambio algo del menú, no tendría que ir actualizándolo constantemente en TODAS las páginas , pero en caso de problemas (navegadores que no soporten marcos), el contenido no se vería correctamente


Ventajas de las plantillas:

-la idea sería crear una plantilla, donde ya tenga todo bien colocado (menú a la izquierda, dentro de una tabla para que no se mueva) y la parte derecha, con el contenido "exclusivo" de esa página web

región editable = zonas de una plantilla, donde tú añades la información exclusiva para esa página en concreto

HTML  , PERO LAS PLANTILLAS SON DWT.

insertar _ objetos de plantilla

colocar archivo =  "situar" , ubicar, enviar a un sitio remoto

archivos dependientes = todos los archivos que no sean HTML, es decir, fotos, ficheros swf, música......


¿Por qué me interesa usar tablas y situar fotografíoas dentro de ellas?

La razón sería que al insertar una foto en una tabla, si la tabla la reducimos (manualmente o porque la pantalla del portátil, teléfono, etc es  pequeña) , todo el contenido de la tabla se hará más pequeño.

En cambio, si la pantalla es grande, la tabla será también más grande, lo q nos permite aprovechar mejor el espacio

tenemos ahora mismo, las siguientes paginas creadas:

-index:  es la primera página que vemos al entrar en nuestra propia web (ese archivo sólo carga 2 cosas: el menú en una zona que el marco pone en la izquierda y una zona llamada "principal" q el marco pone en la derecha)

Otra opción interesante sería renombrar ese index.html y ponerle bienvenidos.html y crear un nuevo index que no tenga marcos, pero sí una fotografía vistosa y una linea donde diga "si no ves la imagen, haz clic para entrar"

texto alternativo = en caso de q la foto no se cargue, no esté disponible o le pase algo al servidor, aparecerá un recuadro de color blanco y una "X" roja. Al ponerme encima de ese recuadro, veré un mensaje en color amarillo que me puede decir que foto tendría que estar ahí (ese mensaje es opcional)

Como hacer, paso a paso, una imagen de sustitucion:

1º tengo que tener claro que quiero hacer. Si va a ser una palabra "suelta" (que forme parte de la página) o un pequeño menú

2º usando Word (por ejemplo), puedo escribir una palabra o palabras que represente una categoría/sección/apartado . En el caso de Abel, podemos crear "Palmarés"

3º escribo la palabra "Palmarés" y la selecciono (doble clic). Busco el botón "WordArt" , o sea, con la palabra "marcada" voy al menú "Insertar" y pulso en Word Art

4º Elijo el aspecto y colores. Tengo que recordar que sobre una foto, wordart o similar, puedo decirle "botón derecho" , formato de Word Art. La palabra "relleno" es el color interior (el de la propia letra) y el de línea , será el del borde de la palabra que estemos usando

No olvides copiar el wordart y pegarlo, para darle otros colores a ese segundo wordart. Luego los llevaremos a Paint, de forma independiente (son archivos distintos-separados-independientes.... ¡únicos!-)

5º Cuando ya tengo el WordArt terminado, lo copio (hago clic encima y con el botón derecho, copiar). Debo pegarlo en Paint (hay que guardarlo como si fuera una foto)

6º Dentro de Paint, sólo tengo que guardarlo y ponerle el nombre deseado. Como es lo primero que veo cuando cargo la página, puedo llamarlo "palmares1"

Ahora, vuelvo a Word y copio el segundo WordArt. Lo llevo a Paint, guardándolo con otro nombre, "palmares2"

7º Ya estamos casi listos. En Dw, voy a "imagen" , "objetos de imagen", "imagen de sustitución".

Me pregunta:

nombre: la referencia q nosotros queremos ponerle
imagen1: digo "examinar" y busco "palmares1" (la foto que aparece mientras no me ponga encima de ella)

imagen2: digo "examinar" y busco "palmares2" (es la imagen que aparecerá sólo cuando esté sobre esa foto)

vínculo: si hago clic (si nos interesa, claro está), ¿quieres que te lleve a una página tipo http://www.terra.es o prefieres decirle que "salte" a una página que ya has hecho en DW y que se llama, curiosamente, palmares.html?

8º No podemos ver el resultado, hasta que guardemos el archivo (ojo, igual que al insertar media, como "SWF"). La vista "en vivo", te permite verlo sin salir de DW, pero debes desactivarla, para poder seguir haciendo cambios dentro del programa