Tecnología

Inicio

Cómo cambiar el espaciado del texto en Dreamweaver

Cómo cambiar el espaciado del texto en Dreamweaver


Dreamweaver, el programa de edición web profesional de Adobe, le da el poder para crear efectos de texto que van desde sutiles hasta absurdo. Los desarrolladores y diseñadores de sitios suelen utilizar hojas de estilo para modificar el espaciado entre palabras y caracteres de las páginas Web. Al aprender a usar el editor de CSS integrado en Dreamweaver, puede realizar estos ajustes de espacio de forma rápida y lograr una variedad de apariencias únicas para el texto en su sitio web.

Instrucciones

1 Lanzar Dreamweaver. Pulse "CTRL" y "N", y haga doble clic en "HTML". Un nuevo documento HTML aparece en la ventana de diseño. Escriba una breve oración en la página Web, y luego seleccione el texto con el ratón.

2 Haga clic en el botón "Código" para ver el código HTML del documento. Pulse la tecla "Shift" y "F11" para abrir el panel Estilos CSS si no lo es ya visible. Haga clic derecho en un área vacía de la página para mostrar un menú. Haga clic en "Estilos CSS." Haga clic en "Nuevo" para abrir la ventana "Nueva regla CSS". Esta ventana le permite crear nuevas reglas de estilo para el documento.

3 Tipo "veryWide" - sin las comillas - en la casilla de texto de la ventana "Selector de nombre". Haga clic en Aceptar." Dreamweaver muestra la ventana Defintion regla CSS. Haga clic en la opción "Bloquear" que se encuentra en la sección "Categoría" de la ventana. Tipo 2 en el cuadro de texto "word-spacing" y 2 en el cuadro de texto de espaciado entre letras. Cada cuadro de texto tiene un cuadro desplegable que aparece junto a ella. Haga clic en cada cuadro desplegable y haga clic en "em". Este indicar a Dreamweaver que desea reponer la palabra y el espaciado entre caracteres para la regla CSS para 2 unidades em.

4 Haga clic en "Aceptar" para cerrar la ventana de definición de reglas CSS y volver a la página Web. Resalta el texto que ha introducido en la página y, a continuación, haga clic en el texto. Se abre un menú. Este menú contiene "veryWide", el nombre del estilo CSS que ha creado.

5 Haga clic en "veryWide." Dreamweaver aplica ese estilo a su texto. Desde que eligió valor grande para los atributos de espaciado de letras y palabras, el texto se extienden a través de la página con muchos espacios entre letras y palabras.

Consejos y advertencias

  • A medida que crea nuevas reglas de estilo CSS, que también aparecen en el menú cada vez que se haga clic en el texto que desea estilo. Haga clic en cualquier regla en ese menú para aplicar ese estilo al texto. Por ejemplo, puede crear una regla llamada "estrechisimo" que disminuye el espacio entre caracteres y palabras.
  • Utilizar cualquier número que le gustan al introducir valores de la Palabra de espaciamiento y espaciado entre letras. Adobe señala que se puede aplicar valores negativos para el atributo Palabra de espaciado. Algunos navegadores, sin embargo, pueden pasar por alto los valores negativos.
  • También puede seleccionar otros valores unitarios además de "em" de los cuadros desplegables que aparecen junto a las cajas donde se introduce valores numéricos. Seleccione "px", por ejemplo, al utilizar píxeles como unidad de estilo.