Dreamweaver | Leccion 3: Imagenes y enlaces

Imagenes y Enlaces de texto

En esta leccion vamos a ponerle a nuestra web la cabecera que hicimos en el tutorial de Photoshop: Crear cabecera web y algunos enlaces de texto.

Con el DIV de la cabecera seleccionado iremos al menu Insertar, pincharemos en la pestaña Común y pincharemos en Imágenes : Imagen.

Nos saldra una ventana como esta:

En la que deveremos de buscar la cabecera y darle a aceptar, es muy importante que la imagen este en la misma carpeta que el archivo de nuestra web o en carpetas que esten dentro de esa misma carpeta para que cuando la subamos al servidor todo funcione correctamente.

Bien ya tenemos nuestra cabecera puesta ahora vamos a ponerle algunos enlaces en el menu lateral, para eso iremos al menu Insertar y en la pestaña Común haremos click en Hipervínculo para que nos aparezca una ventana como esta:

En la que solo nos importan los dos primeros campos Texto: que sera el texto del enlace y Vínculo: que sera la web donde ira el navegador al hacer click sobre ese enlace, podria ser la URL de una web pero nosotros solo pondremos el nombre del archivo al que queremos que valla dentro de nuestra web, para esto ese archivo deve de estar dentro de la misma carpeta que el index.html que sera el primer archivo que se vera cuando se entre en nuestra web.

Ademas de eso le e cambiado el color de fondo al menu lateral y al DIV donde ira el contenido tal como se explica en la Leccion 2 de este mismo tutorial.

Al final de esta leccion deveremos de tener algo asi: