Tecnología

Inicio

Cómo crear una hoja de estilo para una página Web con Dreamweaver

December 2

Cómo crear una hoja de estilo para una página Web con Dreamweaver. Con las hojas de estilo en cascada (CSS), puede especificar opciones automáticas de formato HTML que se aplican a un sitio completo. Aunque la implementación de las hojas de estilo en HTML puede ser complicado, Dreamweaver 3.0 hace que sea un proceso relativamente simple.

Instrucciones

1 Iniciar el programa Dreamweaver.

2 Abra el menú Ventana y seleccione Estilos CSS (o pulse la tecla F7). Esto abrirá el cuadro de propiedades de estilo CSS.

3 Haga clic en el botón Nuevo Estilos en la parte inferior del cuadro de propiedades del estilo en la esquina inferior derecha (que se asemeja a una página con la esquina doblada).

4 Seleccione un tipo de estilo (ver Consejos) y el nombre del estilo.

5 Elija las opciones de formato de estilo y haga clic en OK.

6 Aplicar el estilo seleccionando el objeto que desee cambiar y haga clic en el estilo de la ventana de CSS.

7 Aplicar el estilo a toda la página seleccionando "cuerpo" de la lista Aplicar a en la ventana de CSS.

Consejos y advertencias

  • "Hacer estilo personalizado (clase)" crea un nuevo estilo.
  • "Redefinir etiqueta HTML" cambia las propiedades de una etiqueta para reflejar los cambios. Por ejemplo, la etiqueta B se puede cambiar para ser audaz y cursiva.
  • "Usar CSS Selector" le permite crear opciones de formato para las etiquetas que contienen un número de identificación especificado por usted. Ver la Ayuda de Dreamweaver para obtener más información sobre cómo utilizar el selector de CSS.