Creación de web

En esta práctica hemos creado la web de "El Paller". La hemos hecho  utilizando algunos pasos de las prácticas anteriores y varias novedades.

Marcos: Podemos encontrarlo en "Insertar > HTML > Marcos".

Esta herramienta nos permite dividir la página de manera que cada marco se pueda editar independientemente.

Sirve para una mejor distribución de datos de la página, permiten mantener fijas la zonas del documento que queramos., mientras que otras se pueden modificar.

A la hora de guardar el documento de divide en tres. Uno con el marco de referencia, otro con marco interior y el último documento se guarda con ambos marcos.

No hará falta falta seleccionarlos para editar el documento que contengan, pero si que tendremos que seleccionarlos para definir las propiedades de cada uso.

A la hora de vincular tenemos que precisar cual va a ser el marco de destino. Para ello le damos a Dest. (destino) en la ventana de "Propiedades" y desplegamos el menú (target) en el que seleccionamos el marco en que se mostrará la página.

Hemos utilizado la herramienta "Marco" para dejar la cabecera de la web inmóvil a la hora de navegar por sus links para así mostrar permanentemente las opciones de la cabecera.

El documento tenía un problema inicial, el vínculo de las imágenes externas era incorrecto y daba error a la hora de mostrarlas.
Las imágenes eran ".gif", que es un formato apropiado para web.
Para solucionar este problema hemos utilizado la herramienta "Buscar y reemplazar" (comando+f), es muy útil para cambiar la ruta de almacenamiento de imágenes ya que es la manera más rápida y sencilla de vincular imágenes o zonas de código que deben de ser reeditadas.

Una vez realizado el reemplazo de la ruta de las imágenes hemos decidido cambiar el color de estas imágenes cuando el cursor se ponga sobre ellas.

Para esta acción hemos utilizado la herramienta "Insertar > Ojetos e imagen > Insertar imagen de sustitución" donde ponemos la ruta de la imagen normal y la que hemos cambiado de color. El color se lo hemos cambiado con Photoshop utilizando tonos más claros sobre las imágenes.

Por último hemos insertado un video de Youtube poniendo la ruta url al a su apartado del código fuente.