Capitulo 4. Configuración de navegadores, insertar imágenes, vínculos

Lo primero que vamos a querer hacer después de haber introducido algo de texto en nuestra página, es ver cómo está quedando. Para ello, pulsamos la tecla F12 y se abrirá nuestro navegador (el que tengamos instalado). Si tuviéramos más de un navegador, podemos indicarle al programa cómo acceder a él.
Para ello debemos ir a Archivo/Previsualización en Navegador/Editar la lista de navegadores (File/Preview in Browser/Edit Browser List). Se abrirá un cuadro de diálogo que nos permitirá agregar navegadores secundarios para previsualizar. El botón Agregar (Add) se utiliza para definir un nuevo navegador. El botón Editar (Edit) nos permite cambiar los seteos para el navegador seleccionado. El botón Remover (Remove) nos permite quitar de la lista un navegador. Para previsualizar una página con el navegador secundario debemos oprimir Ctrl F12.

Insertemos imágenes

Para insertar una imagen en una página Web debemos colocar el cursor en el punto donde queremos introducir la imagen y luego pulsar el botón 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 botón 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 descripción de la imagen. Hay navegadpres que no muestran imágenes 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 vínculo

Para crear un vínculo de una página a otra página del mismo sitio debemos seleccionar la palabra o palabras que servirán de enlace.
Luego hacemos clic en el icono Carpeta (Folder) que aparece a la derecha del campo Vínculo (Link). Aparecerá un cuadro de diálogo 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 vínculo. Para que una imagen se convierta en un vínculo debemos seguir los mismos pasos pero en lugar de seleccionar texto, seleccionamos la imagen.
Podemos elegir la ubicación en la cual se abrirán los vínculos entre una serie de opciones (destino o target):

_blank: Abre el vínculo en una nueva ventana del navegador
_parent: Abre el vínculo 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 página con marcos (frames), la nueva página removerá los marcos.

A la hora de hacer enlaces existen tres tipos de ruta: absoluta,relativas a la raíz 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 página que está fuera de nuestro sitio.
Ruta relativa al directorio raíz: Todos los archivos de un sitio que son visibles para los visitantes, son aquellos que se encuentran dentro de lo que se llama la raíz del sitio. La raíz de un sitio está compuesta por el protocolo (http) y todo el resto de la dirección HASTA el país (en el caso de EEUU hasta el .com o .net, .org, etc).
Un enlace relativo a la raíz de un sitio es aquel cuya ruta solo menciona los pasos luego de la raíz. Por ejemplo, para el ejemplo anterior: Icorreolconsultar.html. Todas las rutas relativas al directorio raíz comienzan con una barra (/) que le indica al servidor que empiece desde la raíz 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 aún si el archivo fue movido a otro lugar del sitio. Este tipo de enlace no es apropiado para sitios que serán 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.