El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

Dreamweaver CC 2017 esencial

Crear vínculos en Dreamweaver CC 2017. Tipos de vínculos

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Las etiquetas a son las que construyen los enlaces, que son la forma de navegación en las páginas web. En Dreamweaver tenemos una amplia gama de formas de añadir enlaces a todo tipo de contenidos, y en este vídeo aprenderemos a hacerlo.

Transcripción

(Hombre) Moverse por internet se llama navegar. Básicamente porque nosotros siempre vamos a pasar de una página de internet a otra. En la página HTML a otra y a otra y a otra. Esto se va a hacer a través de los enlaces. Y vamos a ver en este vídeo como crear enlaces dentro de [Din Wider] Hay diferentes estrategias. Por supuesto como siempre desde el código yo puedo añadir un enlace tan fácilmente como... añadiendo la etiqueta A que es la etiqueta de enlace. Utilizando el atributo HREF. Es el atributo que sirve para definir a donde va a ir el navegador cuando se haga clic sobre ese enlace. Y por último queda simplemente seleccionar una determinada ruta, una URL. Dentro de esa etiqueta puedo poner lo que quiera, cualquier cosa por ejemplo, pues puedo poner "ver más". Eso sería un texto y esto básicamente me habrá creado este pequeño enlace. El que aparezca de color verde, Y que aparezca con buen aspecto no es ni más ni menos debido a que dentro del diseñador CSS ya tengo una serie de estilos aplicados sobre esas etiquetas A, de hecho aquí se puede observar. Y de hecho si pongo en "mostrar conjunto", pues efectivamente se ve que tengo un color definido y que tengo además que no tenga el subrayado colocado debajo. Esta es una de las formas más de añadir enlaces pero no es la única obviamente, por ejemplo, desde la vista en vivo puedo añadir también enlaces. Selecciono un sitio cualquiera, voy a hacer que aparezca justo detrás, es bueno de todas formas asegurarse de que está solucionado el sitio que se quiere. Me voy a "insertar" y dentro de insertar tenemos "hiperlink" es la misma idea. Selecciono que coloque ese link después pongo un texto de nuevo voy a añadir este texto "ver más" puedo seleccionar un vínculo, de nuevo puedo utilizar la carpeta para seleccionar un archivo concreto o que no necesariamente. También puedo por ejemplo, añadir una URL cualquiera a otro sitio por ejemplo. La página web del buscador Google. Lo siguiente que me pide es el destino. Esto es interesante sirve para que me habrá o no una nueva ventana. puedo elegir entre Blank, Parent, Self, Top o New. Blank me va a abrir siempre una nueva ventana y cada vez que ella haga clic me va a abrir otra u otra u otra. En realidad no es exacto que abra una ventana, va a abrir una nueva pestaña a una nueva ventana dependiendo del navegador. En principio suele ser más bien una pestaña. En el caso de Self va servir para sustituirme la página en la que estoy por otra nueva, pero siempre en la misma pestaña. Esto sirve para cuando estamos trabajando con archivos HTML que están dentro de iframe, o sea páginas web dentro de páginas web. El Top sería el más alto de toda una posible anidación de páginas unas dentro de otras y luego también puedo poner nombres y si yo pusiera aquí un nombre, por ejemplo. Eso serviría para que si sigo haciendo clic en otros enlaces todos ellos con ese pop-up, todos se van a abrir en la misma ventana. El título del enlace sirve para que cuando pase por encima de ese enlace me muestre información sobre él, entonces aquí podría poner por ejemplo "Ver más info en google" la clave de acceso y el índice de fichas están pensados por cuestiones de accesibilidad. y sirve para que con programas de lectura, ósea para invidentes por ejemplo, pues que se pueda acceder a este enlace por ejemplo utilizando la tecla K y que si nos vamos moviendo con el tabulador de enlace a enlace pues que este en concreto este colocado en la segunda posición. Pulsaría [nat] y aquí lo tenemos. al ponerlo encima vemos que efectivamente me muestra ese título y si me voy a la vista de códigos efectivamente vemos aquí toda esta información. Hay más formas de añadir enlaces las imágenes por ejemplo puede ser un enlace o todo el bloque en conjunto. Por ejemplo, suponiendo que yo quiero que al hacer clic sobre este icono se vaya a la página del índice. Bien pues puedo seleccionarlo, puedo pulsar de nuevo el hiperlink y puedo pedirle no que me lo meta adentro sino que lo ajuste alrededor. De todas formas en vez de hacerlo desde la vista en vivo vamos a explorar también nuevas posibilidades por ejemplo abriendo el menú contextual. También desde aquí puedo añadir un índice. Entonces desde aquí puedo seleccionar de nuevo este índex. En "target" puedo seleccionar uno cualquiera, puedo hacer que sea el pop-up, puedo poner ninguno. Y si me voy a la lista de códigos lo que va a haber ocurrido es que efectivamente me ha añadido una etiqueta A, aquí lo vemos rodeando esta imagen. A partir de ese punto si yo quiero hacer más modificaciones sobre ese enlace en concreto lo que tendré que hacer es seleccionar el enlace. Y una vez seleccionado si me fuese al panel de propiedades dentro de la lista de diseño, tendría de nuevo otras nuevas opciones. Estos enlaces que estoy creando los he creado siempre para conectar con una página web. Pero también puedo hacer que conecten con cualquier tipo de archivo. Otra forma de añadir un enlace, es hacer doble clic sobre un texto cualquiera y vemos que me muestra también un botón de hipervínculo. Entonces aquí selecciono con la carpeta el archivo donde quiero que vaya y ya tengo creado ese enlace. Pero como decía podría ser que por ejemplo esta imagen descargase un PDF bien pues para ello puedo añadir el link, eso por supuesto -- pero no puedo hacerlo a un archivo PDF almacenado en mi servidor. Aquí podría poner por ejemplo "info.pdf" quien dice PDF dice cualquier otro tipo de archivo. Eso va haber generado ese enlace y haría que cuando yo haga clic sobre esta imagen en concreto me descargaría ese PDF o dependiendo del navegador me lo abriría en una ventana específica para leer ese tipo de archivos. Como podemos ver, recrear enlaces es muy fácil. Simplemente las etiquetas A se van a añadir siempre que tengamos la posibilidad de añadir un link.

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.