tarde
Mostrar más instrucciones
uso de CSS en Dreamweaver
1
Iniciar un nuevo documento HTML Dreamweaver o abrir un documento existente en el que desea crear reglas CSS.
2
Ir al panel Propiedades y haga clic en el botón " CSS ", ubicado en el lado izquierdo del panel . Esto pone en el modo de Dreamweaver CSS.
3
Haga clic en la " Regla de destino " desplegable en el panel Propiedades y seleccione " clic en el botón " Editar regla " en el panel Propiedades . Se abrirá el cuadro de diálogo Nueva regla CSS donde se nombre a su nueva regla de estilo y definir su comportamiento. Haga clic en la " Selección del tipo " drop -down . Hay cuatro opciones de este menú desplegable , que tienen nombres descriptivos que explican lo que hacen. Por ejemplo , "Class ( puede aplicarse a cualquier elemento HTML ) " le permite crear una clase de estilo se puede aplicar a cualquier texto en el documento. " Compuesto ( según la selección ) " le permite crear una clase de estilo basado en el texto seleccionado antes de hacer clic en " Editar regla . " Haga clic en el campo "Name Selector " y escriba el nombre de su estilo. Dependiendo de qué tipo de selección que eligió en el paso anterior , ciertos tipos de reglas de estilo requieren las convenciones de nombres específicos. Por ejemplo , "Class ( puede aplicarse a cualquier elemento HTML ) " requiere que el nombre del estilo empiezan con un punto (. ) . Por lo tanto, si está definiendo un estilo de encabezado , por ejemplo, puede nombrar el título de primer nivel " . H1 . " Se podría citar el texto del cuerpo . " Cuerpo " . Dreamweaver le indicará si su convenio de denominación es incorrecta, y le proporcionará una explicación de cómo nombrar el estilo . Haga clic en la " definición de reglas " desplegable y elija cómo desea que Dreamweaver aplicar el estilo . Hay dos opciones: " Este documento sólo " crea las etiquetas de estilo en la sección de encabezado HTML de la página actual . Los estilos están disponibles sólo para esta página. " (Nuevo archivo de hoja de estilo) " crea un archivo CSS externo ( . Css ) . El poder de CSS es que se puede dar formato a varias páginas de un sitio completo --- --- basados en el mismo conjunto de reglas CSS . Esto se consigue con los archivos CSS externos . Si elige " ( Nuevo archivo de hoja de estilos ) , " cuando hace clic en " OK" en este cuadro de diálogo , Dreamweaver le pedirá que asigne un nombre al archivo CSS. Si utiliza sólo un archivo CSS para todo el sitio , la convención de nomenclatura estándar es " styles.css . " Sin embargo , un sitio puede tener muchas hojas de estilo --- uno de los encabezados , pies de página, otro para las barras laterales . Dé a sus archivos CSS nombres significativos . Después de crear el primer archivo externo CSS, la próxima vez que abra Nueva regla CSS , el archivo aparece en la definición de reglas desplegable. Al crear otro estilo, asegúrese de agregar al archivo CSS externo apropiado . Haga clic en " OK" para mostrar la " definición de reglas CSS para ... " cuadro de diálogo. Aquí es donde puede formatear el estilo, como fuente, tamaño , estilo (negrita , cursiva ) , color . Las opciones aquí son extensas , lo que permite realizar formato complicado , como cuadros de texto , fondos y muchas otras opciones de formato. Establecer todo el formato deseado para este estilo y , a continuación, haga clic en " Aceptar". Repita este procedimiento para crear reglas de estilo adicionales. Para aplicar un estilo a un bloque de texto, simplemente haga clic en el párrafo, a continuación, seleccione el estilo que desee en la " Regla de destino " desplegable en el panel Propiedades .
4
5
6
7
8
9