Cómo cambiar el fondo y los colores del texto en Dreamweaver

En Dreamweaver, puede cambiar el fondo y los colores del texto disponibles en las categorías de Apariencia. Tenga en cuenta que las opciones de CSS se recomiendan sobre las opciones de HTML. Cuando utiliza las opciones de Apariencia (CSS), Dreamweaver crea automáticamente los estilos correspondientes para la etiqueta del cuerpo. Cuando utiliza cualquier opción de CSS en el cuadro de diálogo Propiedades de página, Dreamweaver crea los estilos correspondientes automáticamente y los enumera en el panel Estilos CSS.

Aunque puede aplicar configuraciones globales, como el tamaño y el color del texto, en el cuadro de diálogo Propiedades de página, puede anular esas configuraciones con otras opciones de formato en casos específicos. Por ejemplo, puede establecer todo su texto en Helvetica en Propiedades de la página y luego cambiar la fuente de los titulares a Arial usando CSS.

Para cambiar la configuración de fuente, el color de fondo, el color del texto y los márgenes de una página completa, siga estos pasos:

Elija Modificar → Propiedades de la página.

Aparece la categoría Apariencia (CSS) del cuadro de diálogo Propiedades de la página.

En la lista desplegable Fuente de página, especifique las fuentes que desea para el texto de su página.

En este ejemplo, el tipo de fuente se establece en la colección que comienza con la fuente Cambria. Si no especifica una fuente, su texto aparece en la fuente especificada en el navegador de su usuario, que generalmente es Times.

Si desea que todo el texto de su página aparezca en negrita o cursiva, elija las opciones de fuente correspondientes en las listas desplegables a la derecha de las opciones de Fuente de página.

Si selecciona una de estas opciones, todo su texto aparece en negrita o cursiva en la página. La mayoría de los diseñadores dejan estos dos campos en blanco porque quieren limitar el uso de negrita o cursiva para llamar la atención sobre una palabra o palabras.

En la lista desplegable Tamaño, especifique el tamaño de fuente que desea para el texto de su página.

Nuevamente, puede anular esta configuración para texto específico en la página, como titulares.

Haga clic en el cuadro de muestra de Color del texto para revelar la paleta de colores. Elige el color que más te guste.

El color que seleccione llena el cuadro de muestra de color, pero no cambiará el color del texto en su página hasta que haga clic en el botón Aplicar o Aceptar.

Haga clic en el cuadro de muestra de Color de fondo para revelar la paleta de colores. Elige el color que más te guste.

El color que selecciona llena el cuadro de muestra de color, pero el color no llena el fondo hasta que hace clic en el botón Aplicar o Aceptar.

Si desea insertar un gráfico o una fotografía en el fondo de su página, haga clic en el botón Examinar junto al cuadro Imagen de fondo y seleccione la imagen en el cuadro de diálogo Seleccionar origen de imagen.

Cuando inserta una imagen de fondo, se repite automáticamente, o en mosaico, a lo largo y ancho de la página, a menos que elija una opción de la lista desplegable Repetir. No-Repeat evita que la imagen de fondo se repita. Repeat-X y Repeat-Y repiten la imagen verticalmente (eje x) u horizontalmente (eje y), respectivamente, en la página.

Utilice las opciones de margen en la parte inferior del cuadro de diálogo para cambiar los márgenes izquierdo, derecho, superior o inferior de su página.

La mayoría de los navegadores web agregan un poco de espacio en los lados superior e izquierdo de la ventana del navegador alrededor de cualquier página web. Ingresar 0 en estos cuatro campos elimina cualquier espacio de margen predeterminado, lo que le permite crear diseños que comienzan alineados con el borde de un navegador.

Haga clic en el botón Aplicar para ver cómo se ven los colores en su página.

Haga clic en Aceptar para finalizar y cerrar el cuadro de diálogo Propiedades de la página.


Captura de pantalla de una sección de un archivo PDF

Captura de pantalla de una sección de un archivo PDF

Puede utilizar la herramienta Instantánea en Adobe Acrobat CS5 para seleccionar tanto texto como imágenes y crear una imagen de un área determinada dentro de un archivo PDF. El resultado se conoce comúnmente como una captura de pantalla de una sección dentro de un archivo PDF. El resultado es una imagen y su texto no es […]

Medición, recuento y análisis de píxeles en Photoshop CC

Medición, recuento y análisis de píxeles en Photoshop CC

Diseñado para investigadores y científicos, las capacidades de medición en Photoshop CC son bastante poderosas. Puede medir casi cualquier cosa y contar el número de lo que sea en una imagen técnica, tal vez desde un microscopio o telescopio. Si conoce el tamaño exacto de cualquier elemento en una imagen, puede descubrir casi cualquier cosa […]

Las herramientas Licuar en Adobe CS5 Illustrator

Las herramientas Licuar en Adobe CS5 Illustrator

Cuando utiliza las herramientas Licuar en Adobe Creative Suite 5 (Adobe CS5) Illustrator, puede doblar objetos (hacerlos ondulados, pegajosos o puntiagudos) creando distorsiones simples o complejas. Las herramientas Licuar pueden lograr todo tipo de distorsiones creativas o extravagantes (dependiendo de cómo se mire) en sus objetos. Usted […]

Cómo ajustar las propiedades del texto en Adobe XD

Cómo ajustar las propiedades del texto en Adobe XD

Cuando tenga texto en su proyecto de Adobe XD, puede comenzar a cambiar las propiedades del texto. Estas propiedades incluyen Familia de fuentes, Tamaño de fuente, Grosor de fuente, Alineación, Espaciado de caracteres (interletraje y seguimiento), Interlineado (interlineado), Relleno, Borde (trazo), Sombra (sombra paralela) y Desenfoque de fondo. Así que revisemos cómo se aplican esas propiedades. Acerca de la legibilidad y la fuente […]

Cómo crear códigos QR en InDesign CC

Cómo crear códigos QR en InDesign CC

Puede utilizar InDesign para crear y modificar gráficos de códigos QR. Los códigos QR son una forma de código de barras que puede almacenar información como palabras, números, URL u otras formas de datos. El usuario escanea el código QR usando su cámara y software en un dispositivo, como un teléfono inteligente, y el software hace uso […]

Trabajar con mesas de trabajo en Photoshop CC

Trabajar con mesas de trabajo en Photoshop CC

Al igual que en Adobe Illustrator, las mesas de trabajo de Photoshop brindan la capacidad de crear páginas o pantallas separadas dentro de un documento. Esto puede resultar especialmente útil si está creando pantallas para una aplicación móvil o un folleto pequeño. Puede pensar en una mesa de trabajo como un tipo especial de grupo de capas creado mediante el panel Capas. Su […]

Ajustar texto en Adobe Illustrator CC

Ajustar texto en Adobe Illustrator CC

Envolver texto en Adobe Illustrator CC no es lo mismo que envolver un regalo, ¡es más fácil! Un ajuste de texto obliga al texto a ajustarse a un gráfico, como se muestra en esta figura. Esta característica puede agregar un poco de creatividad a cualquier pieza. El gráfico está obligando al texto a envolverlo. Primero, crea […]

Cómo cambiar el tamaño de las formas en Illustrator

Cómo cambiar el tamaño de las formas en Illustrator

Al diseñar en Adobe Illustrator CC, a menudo necesita que una forma tenga un tamaño exacto (por ejemplo, 2 x 3 pulgadas). Después de crear una forma, la mejor manera de cambiar su tamaño a medidas exactas es usar el panel Transformar, que se muestra en esta figura. Seleccione el objeto y luego elija Ventana → Transformar a […]

Cómo aplicar transparencia a SVG

Cómo aplicar transparencia a SVG

Aprenda a aplicar transparencia a gráficos SVG en Illustrator. Explore cómo generar archivos SVG con fondos transparentes y aplicar efectos de transparencia.

Trabajar con imágenes en Adobe XD

Trabajar con imágenes en Adobe XD

Una vez que ha importado sus imágenes a Adobe XD, no tiene mucho control de edición, pero puede cambiar el tamaño y rotar las imágenes como lo haría con cualquier otra forma. También puede redondear fácilmente las esquinas de una imagen importada utilizando los widgets de esquina. Enmascarar sus imágenes mediante la definición de una forma cerrada […]