Cómo cambiar los estilos de enlaces con las propiedades de la página en Dreamweaver

  1. Software
  2. Adobe
  3. Dreamweaver
  4. Cómo cambiar los estilos de enlaces con las propiedades de la página en Dreamweaver

Libro Relacionado

Por Janine Warner

Si usted es como muchos diseñadores que usan Dreamweaver, probablemente no le guste el subrayado que aparece automáticamente debajo de todo el texto enlazado en una página web. Es muy fácil eliminar ese subrayado y cambiar el color, la fuente y el tamaño de los vínculos con el cuadro de diálogo Propiedades de página de Dreamweaver. También puede cambiar otros parámetros de la página, como el color de fondo y los márgenes de la página, desde el cuadro de diálogo Propiedades de página.

La forma más sencilla de modificar todos los estilos de enlace a la vez es cambiarlos en el cuadro de diálogo Propiedades de página. Cuando utiliza esta opción, Dreamweaver crea automáticamente los estilos de selector de etiquetas correspondientes y los enumera en el panel Estilos de CSS. Otras opciones de configuración de toda la página en este cuadro de diálogo funcionan de forma similar, y puede editar todas estas opciones utilizando las herramientas de CSS.

Para cambiar el hipervínculo y otros estilos con el cuadro de diálogo Propiedades de página, abra una página existente o cree una nueva y siga estos pasos:

  1. Seleccione Modify→Page Propiedades. También puede hacer clic en el botón Propiedades de página en el inspector de propiedades. Aparece el cuadro de diálogo Propiedades de página.
  2. A la izquierda del cuadro de diálogo Propiedades de página, seleccione la categoría Vínculos (CSS).
  3. Si desea utilizar el mismo tamaño de fuente y cara para sus enlaces que en el resto del texto de su página, es mejor dejar estas opciones en blanco. Entonces, si cambias los ajustes de texto para la página, no tendrás que recordar cambiarlos también para tus enlaces.
  4. Especifique los colores para cada estado del hipervínculo haciendo clic en el color correspondiente y seleccionando un color en el cuadro de diálogo Color. Si no especifica un color de enlace, el navegador utiliza el color de enlace predeterminado. He aquí una explicación de cada uno de los cuatro estados de los enlaces: Color del enlace: El color en el que aparecen los enlaces cuando se carga la página por primera vez y la página enlazada aún no ha sido visitada por el navegador. La etiqueta HTML correspondiente es <a:link>.Visited Links: El color al que cambian sus enlaces después de que un navegador ya ha visto la página enlazada. El tag HTML correspondiente es <a:visitado>.Rollover Links: El color a que cambia un enlace a medida que el usuario pasa el cursor por encima de un enlace. El tag HTML correspondiente es <a:hover>.Active Links: El color en el que cambia un enlace a medida que el usuario hace clic en él. El tag HTML correspondiente es <a:active>.
  5. Seleccione un estilo de la lista desplegable Estilo de subrayado. por defecto, los enlaces mostrados en un navegador web están subrayados. Muchos diseñadores prefieren eliminar el subrayado que aparece automáticamente bajo el texto enlazado seleccionando Nunca subrayar. Puede dar a los visitantes la indicación visual del subrayado, pero sólo cuando pasen el cursor por encima de un enlace, así que elija la opción Mostrar sólo subrayado al pasar el cursor por encima de un enlace, así que elija la opción Mostrar sólo subrayado al pasar el cursor por encima.
  6. Se cierra el cuadro de diálogo Propiedades de página, los ajustes de estilo se aplican automáticamente a cualquier enlace de la página y los estilos correspondientes se añaden al panel Estilos de CSS.

Para probar completamente los estilos de enlaces, previsualice su página en un navegador web o haga clic en el botón Vista en vivo en la parte superior del espacio de trabajo. Es una buena práctica probar la configuración de los enlaces en un navegador cuando se realizan cambios como los del ejercicio anterior. Echa un vistazo a cómo aparecen tus enlaces.

Por ejemplo, compruebe si los colores de los enlaces activos y visitados se ven bien contra el color de fondo de la página. Recuerde que cualquier estilo que cree utilizando el cuadro de diálogo Propiedades de página afecta a todos los vínculos de su página, a menos que aplique específicamente un estilo diferente a un vínculo individual que sobrescriba el estilo de etiqueta redefinido.

Si desea utilizar diferentes estilos de enlace en diferentes partes de la misma página, puede crear estilos compuestos para crear diferentes estilos de enlace.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *