20. Enlaces

<< 19. Curriculum CSS                                         21. Imágenes >>

 

http://cursodw.papelyweb.com/20_Enlaces/20_Enlaces.html

Un hiperenlace, hipervínculo o vínculo, no es más que un enlace que al ser pulsado lleva de una página o archivo a otra página o archivo. Se puede asignar un vínculo a un texto, a una imagen o a parte de una imagen. Existen 2 clases diferentes de rutas, absolutas y relativas para definir los vínculos.

Referencia absoluta: Conduce al sitio web en el que se encuentra el documento utilizando la ruta completa del archivo. (http://cursodw.papelyweb.com/galeria.html).

Referencia relativa al documento: Enlaza a un documento situado dentro del mismo sitio que el documento actual con la ruta a partir del documento.

Referencia relativa al sitio: Enlaza a un documento situado dentro del mismo sitio con la ruta a partir de la raíz del sitio.

 

papel y web

01. Abrir de Plantilla

Vamos a Archivo / Nuevo y desde la pantalla de inicio de Dreamweaver hacemos clic en el icono Más de la columna Crear Nuevo. Nos aparece otra ventana y vamos a Página de plantilla y seleccionamos Mi_Plantilla. Como ya tenemos una plantilla siempre abrimos los documentos nuevos con este método.

Repetiremos esta operación en sucesivas prácticas.

papel y web

02. Guardar

Guardamos el documento como enlaces.html. Dentro de nuestro sitio creamos una carpeta 20_Enlaces para alojarlo.

Repetiremos esta operación en sucesivas prácticas.

papel y web

03. Copiar Guiones

Seleccionamos dentro de Sitio_Final / la carpeta  Guiones, la copiamos y la pegamos en la primera superficie de Mi_Sitio.

Dentro de la carpeta Guiones abrimos el documento 20_Enlaces.txt, seleccionamos todo el texto y lo copiamos.

Repetiremos esta operación de copiar y pegar los guiones en sucesivas prácticas.

papel y web

04. Pegar txt

Pegamos el texto en nuestro documento Mi_Sitio / 20_Enlaces / 20_Enlaces.html que nos sirve de guía para realizar las prácticas de esta página.

Repetiremos esta operación en sucesivas prácticas.

papel y web

05. Copiar y pegar 11_Contenidos

Si aún no lo tenemos en Mi_Sitio, vamos a Sitio_Final / 11_Contenidos y copiamos la carpeta, pasamos a Mi_Sitio y pegamos la carpeta 11_Contenidos con todos sus archivos dentro de Mi_Sitio

papel y web

06. Realizar prácticas

Realizamos las prácticas siguiendo el texto que hemos copiado. Podemos pasar al Sitio_Final /20_Enlaces / enlaces.html para comprobar el resultado terminado. También encontramos la práctica realizada en http://cursodw.papelyweb.com/galeria.html y hacemos clic en la palabra enlaces.

Repetiremos esta operación en sucesivas prácticas.

papel y web

07. Enlazar

Abrimos la página galeria.html y creamos una zona interactiva sobre la palabra “enlaces” para vincularla a la página … / 20_Enlaces / enlaces.html en la que hemos realizado las practicas, con lo que conseguimos con las difrenres prácticas vinculadas crear nuestra web del curso.

Repetiremos esta operación en sucesivas prácticas.

 

Crear las carpetas del curso

C: … / Cursos / Curso_Dreamweaver /  Curso_Final. Contiene los archivos finalizados que vamos a necesitar para completar las prácticas de curso.

C: … / Cursos / Curso_Dreamweaver /  Mi_Sitio. Es donde realizaremos las prácticas.

Si es necesario crea las carpetas que necesites. Es muy importante mantener la estructura de carpetas que recomendamos en estos apuntes, para seguir el curso sin perdidas de tiempo adicionales.

<<  19. Curriculum CSS           21. Imágenes  >>

Envia un comentario

Debes ser Conectado Para publicar un comentario.