Cómo cambiar el espaciado del texto en Dreamweaver

Experimentar con diseños de texto convencionales utilizando Dreamweaver.

Dreamweaver, el programa de edición web profesional de Adobe, le da el poder para crear efectos de texto que van desde lo sutil hasta absurdo. Los desarrolladores y diseñadores web a menudo utilizan las hojas de estilo en cascada para cambiar el espaciado entre palabras y caracteres en 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. ajustar Piezas gafas nariz

Inicie Dreamweaver. Pulse la tecla "CTRL" y "N", y haga doble clic en "Copiar". Un nuevo documento HTML aparece en la ventana de diseño. Escriba una frase corta en la página Web, y luego resaltar el texto con el ratón.

Haga clic en el botón "Code" para ver el código HTML del documento. Pulse el botón "SHIFT" y "F11" para abrir el panel Estilos CSS si no está 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.

Tipo "veryWide" - sin las comillas - en "Nombre Selector" cuadro de texto de la ventana. Haga clic en "Aceptar". Dreamweaver muestra la ventana Defintion regla CSS. Haga clic en la opción "Bloquear", ubicado en la sección "Categorías" de la ventana. Escriba 2 en el cuadro "Word-spacing" texto y 2 en el cuadro de texto Letter-spacing. Cada cuadro de texto tiene un cuadro desplegable que aparece junto a ella. Haga clic en cada cuadro desplegable y haga clic en "em". Esto dice Dreamweaver que desea establecer la palabra y la letra espaciado para la regla CSS para 2 unidades em.

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 has introducido en la página, y luego haga clic en el texto. Se abre un menú. Este menú contiene "veryWide", el nombre del estilo CSS ha creado.

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

Consejos y advertencias

Al crear nuevas reglas de estilo CSS, que también aparecen en el menú cada vez que haga clic con 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.

Utilice los números que usted tiene gusto al entrar valores para el Word-spacing y carta de espaciamiento. Adobe señala que se pueden aplicar los valores negativos al atributo Word-spacing. Algunos navegadores, sin embargo, puede ignorar los valores negativos.

También puede seleccionar otros valores unitarios además "em" de las cajas desplegables que aparecen junto a las cajas donde se introducen los valores numéricos. Seleccione "px", por ejemplo, para utilizar píxeles como la unidad de estilo.