jueves, 21 de enero de 2010

Sitio Web.

Desarrollar un sitio Web con las siguientes características:
- 900x600 o más
- 5 apartados
- Con Submenus
- Footer
- Información texto e imágenes.

Favor de descargar las imágenes:

LIGAS EN TEXTO, IMAGEN, BOTON ROLL OVER.

Ahora veremos como ligar ciertos objetos dentro de nuestro programa de Dreamweaver. Lo primero que tenemos que hacer es siempre que vallamos a insertar, cualquier cosa debemos tomar en cuenta esto: Un Tabla mas una Celda o también Tabla sobre Tabla, y lo que no se puede hacer es que coloquemos una Celda sola sin Tabla, o también Celda sobre Celda.

Una ves colocado las tabla, donde vamos a representar que ahí va insertado Texto tenemos que colocar una celda, despues colocaremos el texto conveniente, seleccionamos el texto dentro de nuestra celda, nos dirigimos en el panel de Propiedades, buscamos vinculo y agregamos el apartado que queremos mostrar en este caso seria algo así como: nosotros.html con un destino (Target) _self. Y ahí tenemos un texto en forma de botón con liga.

Ahora haremos uno de imagen, que viene siendo lo mismo que el de texto, pero en vez de colocar el texto mandamos llamar una imagen, desde la barra de herramientas/imaganes/buscamos en tu carpeta de _root/imagenes/tu.jpg y listo tenemos insertada nuestra imagen en tabla y celda. Solo nos falta ligarla o vincular, damos un clic sobre la imagen y en Propiedades buscamos vinculo y ahora colocamos el apartado contacto.html con un destino (Target) _self. y listo tenemos ahora el imagen.

Ahora vamos hacer el de RollOver para este necesitamos dos botones con diferente color pero con el mismo texto y convertidos en .jpg sabiendo que son dos del mismo solo le ponemos un palabra final del nombre de nuestro archivo Ejemp. btn_quienessomosroll.jpg.
Ya que tengamos nuestras dos imagenes de botones, hacemos el mismo paso como lo hemos hecho antes Tabla y Celda pero ahora nos vamos a Insertar/Objeto de Imagen/Imagen de sustitución, se desprende una ventana con dos opciones una para la imagen origina y la otra que será las sustitución, que tiene al final la palabra "roll" damos Aceptar.
Y solo le damos un clic en la imganes y en propiedades/vinculo mas el destino y listo tenemos el de RollOver.