· Primero vamos a empezar por crear marcos.
· Lo primero, tenemos un documento ya preparado con unas tablas por rellenar (Documento pallerbase), lo que es un esqueleto de una web.
· Dentro de estas tablas, tenemos un símbolo que nos indica que no se encuentra la imagen que debería ir allí, así que vamos a la carpeta de imágenes (img) de la practica 14 y buscamos la imagen que va en ese lugar y la vinculamos (Se vincula con el menú inferior, en el apartado “Origen” y con la flecha le indicamos que imagen es).
· Bien, veremos que cuando hemos vinculado la imagen nos cambia el código y nos indica cual es la dirección nueva en la que se encuentra la imagen.
También podemos ir a "Edición/ Buscar y reemplazar" y nos aparecerá un menú: (Esto seleccionando el código o la imagen desaparecida)
· Le indicamos que lo que buscamos es código fuente, en el documento actual y que busque la ruta que tenía y que reemplace esa ruta por la actual. (Quitándole el código y dejando solo la ruta que utiliza para buscar la imagen) Aquí dejo un ejemplo:
· Y continuamos haciendo lo mismo para poner una imagen de fondo.
· Tenemos dentro de la carpeta html, varias subpáginas. La idea básica es esta: En la parte superior habrá un menú con enlaces a varias de estas subpáginas.
· Entonces en el menú seleccionamos la imagen que identifica la página a la que se vinculará y vinculamos la página correspondiente. En el código veremos el cambio.
· En el borde de la imagen, le indicamos que sea 0, ya que si tiene un grosor, se notaría visualmente en el diseño.
· Una vez que ya hemos vinculado las páginas siguientes, nos encontramos que tenemos la página del correo.
· Para enlazar la página al correo, en el menú inferior, veremos la opción “Vinculo” (En el mismo apartado donde le indicábamos la vinculación a las subpáginas), ahí le indicamos “mailto:” y a continuación nuestro correo.
El correo no lo dejaremos visible en la web, ya que en el código fuente se puedever el correo y la gente con malas intenciones te puede enviar spam.
· Bien, ahora para asegurarnos que está todo correcto, necesitaremos ayudas visuales. (Ver/ Ayudas visuales/ Bordes de marco).
· En el mismo panel, en Destino, si seleccionamos los apartados que nos indica veremos que hay varias opciones:
- Blank: Que se direccione a una ventana nueva
- Parent: Se usa con marcos y te lleva a la vista de toda la ventana
- Self: Se abre en la ventana donde estamos, pero en una página diferente
- Top: Se abre en otra ventana a vista completa
Y como principal tenemos Mainframe, que te conserva el marco y te abre la web dentro de la página. Esto metido en un marco nos ayudará a que el menú quede fijo y la página varíe a medida que vayamos clicando en el menú.
Hacemos una página nueva.
Vamos a la paleta diseño y seleccionamos “Marcos: marco superior” y le decimos que será Mainframe.
No hay comentarios:
Publicar un comentario