MANUAL DE DREAMWEAVER CS4 CONTINUACIN DEL CURSO CAPITULO 4

Lcda. Mnica Gonzlez R.

Capitulo 4.
Configuracin de navegadores, insertar imgenes, vnculos
Lo primero que vamos a querer hacer despus de haber introducido algo de texto en nuestra pgina, es ver cmo est quedando. Para ello, pulsamos la tecla F12 y se abrir nuestro navegador (el que tengamos instalado). Si tuviramos ms de un navegador, podemos indicarle al programa cmo acceder a l. Para ello debemos ir a Archivo/Previsualizacin en Navegador/Editar la lista de navegadores (File/Preview in Browser/Edit Browser List). Se abrir un cuadro de dilogo que nos permitir agregar navegadores secundarios para previsualizar. El botn Agregar (Add) se utiliza para definir un nuevo navegador. El botn Editar (Edit) nos permite cambiar los seteos para el navegador seleccionado. El botn Remover (Remove) nos permite quitar de la lista un navegador. Para previsualizar una pgina con el navegador secundario debemos oprimir Ctrl F12.

Insertemos imgenes
Para insertar una imagen en una pgina Web debemos colocar el cursor en el punto donde queremos introducir la imagen y luego pulsar el botn Insertar imagen (Insert Image) de la paleta de objetos. Hacemos clic en Navegar y seleccionamos la imagen. Para centrar la imagen colocamos el cursor justo a la izquierda o a la derecha de la imagen y pulsamos el botn centrar de la paleta de propiedades. Para poder colocar texto a la derecha de una imagen debemos alinearla a la izquierda. El campo ALT de la paleta de propiedades de la imagen sirve para escribir una descripcin de la imagen. Hay navegadpres que no muestran imgenes o usuarios que eligen no bajarlas. Por lo tanto, completando este campo podremos darle una idea del contenido de la imagen a estos visitantes.

Realizemos un vnculo
Para crear un vnculo de una pgina a otra pgina del mismo sitio debemos seleccionar la palabra o palabras que servirn de enlace Luego hacemos clic en el icono Carpeta (Folder) que aparece a la derecha del campo Vnculo (Link). Aparecer un cuadro de dilogo que nos pedir que le indiquemos a qu archivo dentro del sitio queremos hacer un enlace. Una vez que ubicamos el archivo lo seleccionamos con doble clic y en el men Relativo a (Relative to) le indicamos Documento (Document).

Con esto se habr establecido un vnculo. Para que una imagen se convierta en un vnculo debemos seguir los mismos pasos pero en lugar de seleccionar texto, seleccionamos la imagen. Podemos elegir la ubicacin en la cual se abrirn los vnculos entre una serie de opciones (destino o target): _blank: Abre el vnculo en una nueva ventana del navegador _parent: Abre el vnculo en el conjunto de marcos "padre" del marco actual. _self: Abre en la misma ventana donde se encuentra el enlace. _top: Abre en toda la ventana del navegador. Si el enlace se encontraba en una pgina con marcos

Lcda. Mnica Gonzlez R.

(frames), la nueva pgina remover los marcos. A la hora de hacer enlaces existen tres tipos de ruta: absoluta,relativas a la raz del sitio y relativas al documento. Ruta absoluta: la ruta completa aun archivo. Por ej. : http:1 Iwww .yahoo.com.arlcorreolconsultar .html. Este tipo de enlace se utiliza cuando queremos linkear a una pgina que est fuera de nuestro sitio. Ruta relativa al directorio raz: Todos los archivos de un sitio que son visibles para los visitantes, son aquellos que se encuentran dentro de lo que se llama la raz del sitio. La raz de un sitio est compuesta por el protocolo (http) y todo el resto de la direccin HASTA el pas (en el caso de EEUU hasta el .com o .net, .org, etc). Un enlace relativo a la raz de un sitio es aquel cuya ruta solo menciona los pasos luego de la raz. Por ejemplo, para el ejemplo anterior: Icorreolconsultar.html. Todas las rutas relativas al directorio raz comienzan con una barra (/) que le indica al servidor que empiece desde la raz del sitio que estamos viendo. Conviene trabajar con este tipo de enlace cuando los archivos html de nuestro sitio cambian de lugar con frecuencia. Cuando se utiliza este tipo de enlace, stos siguen funcionando an si el archivo fue movido a otro lugar del sitio. Este tipo de enlace no es apropiado para sitios que sern vistos en forma local (en nuestra computadora) ya que solo son bien interpretados por los servidores. En este caso deberem'os usar enlaces relativos al documento. Ruta relativa al documento: Este es el tipo de ruta que se utiliza con mayor frecuencia. Este tipo de ruta es relativa ala carpeta que contiene el documento. Por ejemplo: consultar.html o correo/consulta.html (sin la barra inicial) se refiere a un documento dentro de la carpeta actual.

Lcda. Mnica Gonzlez R.