Dreamweaver CC 2017 esencial

Tipos de vínculos en Dreamweaver CC 2017

¡Prueba gratis durante 10 días

nuestros 1201 cursos !

Prueba gratis Mostrar modalidades de suscripción
Además de los simples enlaces que van de una página a otra, hay otros vínculos más especiales que hacen cosas como por ejemplo enviar mails. También los enlaces tienen dos formas distintas de escribir la ruta de los archivos que abren.

Transcripción

Aunque este curso en realidad no es de HTML, es conveniente conocer algunas características de los vínculos para trabajar mejor con ellos. Y de hecho, Dreamweaver tiene algunas posibilidades relacionadas con estas características. Tengo una página que se llama enlaces y dentro de ella, he añadido un vínculo con las palabras absoluto, relativo, interno e e-mail. Son cuatro tipos distintos de vínculos, y vamos a trabajar con cada uno de ellos. En principio, el primer concepto que es interesante tener claro, es que para los vínculos, la ruta que pongamos puede ser relativa o absoluta. Dreamweaver por defecto trabaja con rutas relativas. Y, de hecho, vamos a demostrarlo. Con el panel de propiedades abierto, al tener seleccionado un enlace, puedo añadir el enlace del vínculo si hago clic en señalar archivo. También podría hacerlo si selecciono la carpeta. Cualquiera de las dos opciones me podría valer. Cuando suelto ese punto de mira sobre un archivo en concreto, me devuelve la ruta de ese archivo. Pero podemos ver que simplemente me devuelve esa ruta index.html. Esto serían los enlaces relativos , sería más bien este tipo de enlace. Lo que hacen es poner una ruta a partir de la carpeta donde está alojado el archivo HTML, donde aparece este enlace. En el caso de los absolutos, debería poner más información debería poner toda la ruta que debería seguir un navegador para encontrar esa página. Aquí debería ser algo como, http://www.cursodw.com/, y aquí la estructura de carpetas hasta que encuentre ese archivo index. La diferencia es obvia. Por ejemplo, si necesito establecer vínculos a otra web distinta, necesitaré utilizar siempre estos vínculos absolutos. Las rutas relativas, en cambio, lo que tienen de bueno es que si yo más adelante cambio esta web de dominio, no necesitaré hacer cambio en los enlaces porque, como no tienen el dominio configurado dentro de la ruta, no me va a dar problemas. Otro tipo de enlaces interesantes son los enlaces internos. Por ejemplo,en esta página, en la que hay mucho texto, he añadido un apartado y quiero poner un enlace a ese apartado. Para poder hacer esto, lo primero es añadir el punto al que quiero que vaya el navegador cuando hago clic en el enlace. Más o menos sería así. Necesito añadir un identificador, así que le voy a poner apartado_2. Y ahora, desde este enlace, para ir a ese apartado_2 , necesitaré poner en el vínculo la referencia a ese apartado. Una forma visual de hacerlo es utilizando de nuevo el punto de mira y arrastrarlo sobre ese identificador, sobre ese apartado_2. Voy a cambiar la visualización, voy a volver a poner la vista en vivo. Otro tipo de enlaces es el de enlaces internos . Un enlace que me sirve para que, al hacer clic sobre él, se vaya a otra parte de la página. En realidad, esto sirve también para ir a otra página distinta y a un punto concreto de ella. Para poder utilizarlo, necesito primero tener una parte de la página que tenga un identificador. Por ejemplo, quiero que vaya a apartado_2, pues selecciono esta etiqueta h2, y dentro de ella voy a añadir un identificador, apartado_2. Voy a copiar este identificador, voy a volver arriba, voy a seleccionar de nuevo este enlace, y le voy a poner como vínculo # y el identificador. Con este tipo de selector, el navegador va a interpretar que lo que tiene que hacer es no buscar otra página distinta, sino buscar ese elemento en concreto. Cuando haga clic sobre ese enlace, vemos que efectivamente se va a ese apartado 2. Si quisiera que sea para ir a otra página distinta, tendría que poner la URL de la página, seguida de # y el apartado, y con eso conseguiría exactamente el mismo efecto. Otro tipo de enlace son los de e-mail. En realidad, se trata de poner en el vínculo: mail to: y la dirección del correo electrónico. Pero también podemos crearlos automáticamente. Voy a borrarlo, voy a seleccionar este enlace interno, y dentro del panel de insertar en HTML, voy a buscar un poco más abajo hasta que encuentre vínculo de correo electrónico. Voy a pedir que lo añada. Después, me pide que añada primero un texto, voy a poner e-mail, y luego el correo electrónico al que tiene que ir. Sería, por ejemplo, micorreo@midominionio.com. Esto que estoy añadiendo va a hacer que se lance ese correo electrónico. Voy a ver su código. Vamos a ver que lo que ha hecho ha sido poner mail to: micorreo..., etc. Pero, como digo, tiene truco porque en realidad lo que hará el navegador será buscar la aplicación de correo electrónico configurada por defecto dentro de un ordenador y abrirlo. Esto no sirve para que envíe de manera transparente un correo electrónico a alguien, sino que la persona debe tener una aplicación de correo electrónico instalada en su ordenador para que funcione. Si aquí, además, le añado ? subject=, puedo añadir el texto asunto. Por cierto, he añadido una comilla de más que tengo que quitar. Como digo, serviría para enviar el correo electrónico, y que además en el subject de esa aplicación, de ese correo que se está mandando ponga el texto que he añadido.

Dreamweaver CC 2017 esencial

Crea sitios web gracias al software de Adobe, Dreamweaver CC 2017. Con este repaso esencial a sus fundamentos podrás crear páginas responsive y mostrar tus contenidos a la última.

6:11 horas (78 Videos)
Actualmente no hay comentarios.
 

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.