Cómo adjuntar una hoja de estilos externa a una página en Dreamweaver

Después de crear una hoja de estilos externa en Dreamweaver, puede adjuntarlo a cualquier página web. En las instrucciones paso a paso que siguen, puede utilizar cualquiera de las hojas de estilos predefinidos incluidos en Dreamweaver, o puede utilizar estas instrucciones para adjuntar cualquier hoja de estilo se crea utilizando los pasos en el ejercicio anterior.

Comience por abrir la página a la que desea adjuntar la hoja de estilo y luego siga estos pasos:

Haga clic en el icono de signo más (+) en el panel de Fuentes en la parte superior del panel Diseñador de CSS y seleccione Adjuntar existente CSS del archivo de la lista desplegable.
Se abre el cuadro de diálogo Adjuntar archivo CSS existente.
Haga clic en el botón Examinar y busque el archivo CSS en la carpeta del sitio local.
También puede introducir una URL si desea utilizar un archivo CSS remoto ubicado en otro sitio web, pero es más común el uso de una hoja de estilo contenida en el sitio web que está trabajando.
Seleccione el vínculo o la opción Importar.
Si usted está adjuntando una hoja de estilos en un archivo HTML, su mejor opción es casi siempre para elegir Enlace, que es el valor predeterminado. Seleccione Importar si desea crear un amo hoja de estilos externa que contiene referencias a otras hojas de estilo, una opción avanzada que permite a una hoja de estilo para referirse a otro.
(Opcional) Elija las opciones de la sección Uso Condicional.
Utilice las funciones de uso condicional para definir una consulta de medios como para colocarlo hoja de estilos.
Haga clic en Aceptar.
El cuadro de diálogo se cierra y Dreamweaver establece el enlace a la hoja de estilo mediante la adición de una línea de código al principio del archivo HTML. Después de vincular una hoja de estilos externa, ningún estilo aplicables se aplican automáticamente al contenido de la página en Dreamweaver y los nombres de selector de los estilos definidos en la hoja de estilos se hacen visibles en el panel de selectores del panel Diseñador de CSS.

Puede conectar múltiples hojas de estilo a la misma página HTML, y puede utilizar las hojas de estilo internas y externas en el mismo documento. Por ejemplo, puede guardar sus estilos de texto en una hoja de estilos, guardar los estilos de diseño en otro, y luego adjuntar tanto al mismo documento - que hace que todas las formas que se indican a disposición de la página.

Del mismo modo, se crean diferentes hojas de estilo para diferentes propósitos, tales como una para imprimir el archivo y otro para la pantalla del navegador.

Sobre el autor

Cómo crear consultas multimedia personalizadas en Dreamweaver

Al crear páginas utilizando características de diseño de cuadrícula fluida, Dreamweaver crea automáticamente las preguntas de los medios correspondientes para usted, pero usted puede crear sus propias consultas de medios personalizados y…

Cómo crear hojas de estilo internas y externas en Dreamweaver

Al crear nuevos estilos en Dreamweaver, usted necesita decidir si desea guardar el estilo en una hoja de estilo interna o externa. En una hoja de estilo interna, la regla de estilo se guarda en la parte superior del documento HTML en el que desea…

Cómo crear estilos con los selectores de clase e id en Dreamweaver

Selectores de clase e ID en Dreamweaver tienen muchas similitudes y una diferencia clave. Estilos de identificación sólo se pueden utilizar una vez por página, pero los estilos de clase se puede utilizar tantas veces en la misma página que…

¿Cómo definir estilos con el selector de etiquetas en Dreamweaver

Puede crear completamente nuevos estilos en Dreamweaver utilizando la llamada o ID selectores, pero también puede crear estilos que cambian el formato de las etiquetas HTML existentes. Estos estilos se crean utilizando el selector de etiquetas, que…

¿Cómo editar un estilo en Dreamweaver

Usted puede cambiar los atributos de cualquier estilo en Dreamweaver después de crearlo editando su definición de estilo. Aquí es donde algunas de las mayores ventajas de Cascading Style Sheets entran en juego. Usted puede hacer cambios globales…

Cómo guardar un estilo de párrafo en Adobe InDesign Creative Suite 6

¿Alguna vez vas a la molestia de encontrar sólo el derecho de guión, la fuente, o el espaciamiento de utilizar en su copia en Adobe InDesign CS6, sólo para encontrar que usted tiene que aplicar los atributos de un centenar de veces para…

Cómo establecer las propiedades de página en Dreamweaver

Dreamweaver presenta diferentes opciones para la definición del contenido de la cabeza. Uno de ellos implica la incorporación de estilos dentro de una página, que no se recomienda. En su lugar, crear hojas de estilo externas - las hojas de estilo…

Crear una nueva hoja de estilos en el panel Estilos CSS

Al hacer clic en el icono Nueva regla CSS (que se muestra en el margen) en la parte inferior del panel Estilos CSS, se abre el cuadro de diálogo Nueva regla CSS. El cuadro de diálogo Nueva regla CSS combina características para definir estilos de…

Código CSS insinuando en Dreamweaver

Vista Código de Dreamweaver (o vista dividida) es un gran ambiente para la escritura de estilos CSS. Se puede crear un nuevo documento de hoja de estilos en Dreamweaver y aplicar todas las técnicas de codificación CSS. Hazlo siguiendo estos…

Cómo crear estilos externos en css3

La mayoría de los desarrolladores utilizan estilos externos en CSS3 para reducir la cantidad de trabajo necesario para mantener un sitio. Un solo archivo .CSS contiene todos los estilos para el sitio, lo que significa que el cambio de un estilo de…

Cómo enlazar hojas de estilo en cascada (CSS) con Dreamweaver

Usuarios de Dreamweaver pueden insertar fácilmente una etiqueta de enlace a la hoja de estilo en cascada (CSS) externa sin tener que confiar a la memoria todo el código requerido o la sintaxis correcta. Por otra parte, al crear vínculos a un…

Configuración de css en html

CSS es un lenguaje de hojas de estilo usado para definir el aspecto y el formato de un documento escrito en un lenguaje de marcas - a menudo HTML. LA estilo en este sentido es un conjunto de instrucciones de formato de texto, tales como fuente, el…

maniqui-es.com » Computadoras y software » Gráficos y animación » Diseño Grafico » Cómo adjuntar una hoja de estilos externa a una página en Dreamweaver