Cómo cambiar los estilos de enlace con las propiedades de página en dreamweaver

Si usted es como muchos diseñadores que utilizan Dreamweaver, es probable que no le gusta el subrayado que aparece automáticamente en todo el texto vinculado en una página web. Es muy fácil de quitar que subrayado y cambiar el color, tipo de letra y tamaño de sus vínculos con el cuadro de diálogo Propiedades de la página de Dreamweaver. También puede cambiar otros ajustes a nivel de página, como los márgenes de color de fondo y de página, desde el cuadro de diálogo Propiedades de la página.

Video: Dreamweaver CC, Tutorial trabajar con ventanas y panel propiedades, Curso Básico Español, Capitulo 3

La forma más fácil de alterar todos sus estilos de enlace es a la vez de cambiarlos en el cuadro de diálogo Propiedades de la página. Cuando se utiliza esta opción, Dreamweaver crea los estilos selector de etiquetas correspondientes de forma automática y los enumera en el panel Estilos CSS. Otros ajustes a nivel de página en este cuadro de diálogo funcionan de manera similar, y se puede editar todas estas opciones mediante el uso de las herramientas de CSS.

Para cambiar hipervínculo y otros estilos con el cuadro de diálogo Propiedades de la página, abrir una página existente o crear uno nuevo y seguir estos pasos:

Video: Como modificar Menu en Spry en Dreamweaver

  1. Elija Modificar → Propiedades de la página.

    Como alternativa, puede hacer clic en el botón Propiedades de la página del inspector de propiedades. Aparece el cuadro de diálogo Propiedades de la página.

  2. A la izquierda del cuadro de diálogo Propiedades de la página, seleccione la categoría Enlaces (CSS).

  3. Especificar una fuente y el tamaño de sus enlaces.

    Video: Curso de Dreamweaver CS6.3.2. Las propiedades de la pagina

    Si desea utilizar el mismo tamaño de la fuente y la cara de sus enlaces y cuando se utiliza en el resto del texto en la página, lo mejor es dejar estas opciones en blanco. Entonces, si se cambia la configuración del texto de la página, usted no tendrá que acordarse de cambiarlos por sus enlaces también.

  4. Especificar los colores para cada estado hipervínculo haciendo clic en el color correspondiente bien y la selección de un color en el cuadro de diálogo Color.

    Puede cambiar cualquiera o todos los ajustes de color de enlace. Si no se especifica un color de enlace, el navegador utiliza el color de enlace por defecto. He aquí una explicación de cada uno de los cuatro estados de los enlaces:

  5. Color de enlace: El color en el que sus enlaces aparecen cuando la página se carga por primera vez y la página vinculada aún no ha sido visitado por el navegador. La etiqueta HTML correspondiente es.

  6. Vínculos visitados: El color de sus enlaces a cambiar después de un navegador ya ha visitado la página enlazada. La etiqueta HTML correspondiente es.

  7. Enlaces de vuelco: El color de un enlace cambia a como un usuario desplaza un cursor sobre un enlace. La etiqueta HTML correspondiente es.

  8. Enlaces Activos: El color cambia a un enlace que un usuario está haciendo clic en un enlace de forma activa. La etiqueta HTML correspondiente es.

  9. Seleccione un estilo en la lista desplegable Estilo de subrayado.

    Por defecto, los enlaces que aparecen en un navegador web están subrayados. Muchos diseñadores prefieren quitar el subrayado que aparece automáticamente en texto vinculado eligiendo Nunca Subrayado. Usted puede dar a los visitantes la señal visual del subrayado, pero sólo a medida que ruedan un cursor sobre un enlace, así que elige la opción Mostrar Subrayado Sólo en la opción de sustitución.

  10. Haga clic en Aceptar.

    El cuadro de diálogo Propiedades de la página se cierra, la configuración de estilo se aplican automáticamente a los enlaces de la página, y los estilos correspondientes se añaden al panel Estilos CSS.

Para probar plenamente estilos de enlace, vista previa de la página en un navegador web o haga clic en el botón Vista en directo en la parte superior del espacio de trabajo. Es una buena práctica para probar la configuración de enlace en un navegador cuando se realizan cambios como los que en el ejercicio anterior. Echar un vistazo a cómo aparecerán los enlaces.

Por ejemplo, comprobar si los colores de los enlaces activos y visitados se ven bien contra el color de fondo de la página. Recuerde que ningún estilo se crea utilizando el cuadro de diálogo Propiedades de página afecta todas enlaces de una página a menos que se aplican específicamente un estilo diferente a un enlace individual que anula el estilo de etiqueta redefinido.

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

Artículos Relacionados