Cómo utilizar CoffeeCup StyleSheet fabricante

Si usted está buscando una manera fácil de cambiar el aspecto de muchas páginas de su sitio web con una mínima sobre la programación, las hojas de estilo en cascada (CSS), es una manera de hacerlo. Cuando se realizan cambios en el archivo .css, todas las páginas que hacen referencia a ese archivo .css reflejará los cambios. CoffeeCup StyleSheet Maker es un programa de edición de texto con un montón de "lo que ves es lo que obtienes" (WYSIWYG) características que ayudan a las personas con conocimientos de programación CSS limitada para impartir los cambios en todo el sitio a texto, fondos y mucho más. Dicho esto, todavía se necesita conocimientos básicos de programación CSS para navegar a través del código en StyleSheet Maker.

Instrucciones

Diseño de la fuente

1 Abrir un nuevo archivo de hoja de estilo.

2 Elija "Body" de la "Pick a Tag" desplegable en la barra de herramientas. Esto creará un cuerpo de la etiqueta en el documento

3 Coloca el cursor dentro de los paréntesis de la baliza cuerpo.

4 Haga clic en el icono de "Diseñador de fuentes" de la barra de herramientas. Esto abre una ventana emergente en la que se puede elegir las características de la fuente que desee, incluyendo variaciones en las características de la familia de la fuente, tamaño de fuente y tipo de letra.

5 Haga clic en "frío" cuando se haya elegido sus opciones de fuente para ver aparecer en la ventana del proyecto.

Cambio de la alineación del texto

6 Coloca el cursor dentro del cuerpo de la etiqueta.

7 Haga clic en el icono de "alineación" en la barra de herramientas. Esto abre una ventana emergente en la que usted puede elegir su propiedad text-guión, la propiedad line-height, la palabra y el espaciado entre caracteres, la propiedad vertical-align y la propiedad de texto alineación.

8 Haga clic en "frío" cuando se haya elegido sus opciones de alineación para ver aparecer en la ventana del proyecto.

Cambiar colores

9 Coloca el cursor dentro del cuerpo de la etiqueta.

10 Haga clic en el icono "Color y antecedentes" en la barra de herramientas. Esto abre una ventana emergente en la que se puede elegir un color de fondo a partir de una paleta de colores, el texto de una paleta y, si lo desea, también puede subir una foto para ser utilizado como un fondo para esta interfaz.

11 Haga clic en "frío" cuando se haya elegido sus opciones de color para ver aparecer en la ventana del proyecto.

la implementación de cambios

12 Guarde el archivo como un archivo CSS. Por ejemplo, "myStyleSheet.css" es perfectamente aceptable. Es posible que desee nombrar a la hoja de estilos de una manera que se refiere a las páginas a las que afecta. Por ejemplo, "productpages.css" o "contentpages.css" son fáciles de recordar.

13 Cargar el archivo a su sitio web, idealmente en el directorio raíz de lo que el archivo en su página web sería http://www.mysite.com/mystylesheet.com.

14 Copia el siguiente código en la sección de cabecera de las páginas que desea reflejar la codificación en el archivo .css.

<Link rel = "stylesheet" type = "text / css" href = "myStyleSheet.css" />

Recuerde, utilice el nombre de la hoja de estilos dentro de la etiqueta href.

Consejos y advertencias

• Siempre guardar copias de seguridad de archivos que está cambiando. En caso de errores de programación, siempre se puede volver al archivo original.
• Hay cientos de libros dedicados a la programación CSS. Aprender los fundamentos de la programación CSS le ayudará a moverse a través StyleSheet fabricante más rápidamente y con más confianza.
• Si usted es nuevo en CSS, ensayo y error es su mejor amigo. No dude en para modificar el código, guardarlo, a continuación, volver a cargar la página para ver los cambios tantas veces como desee hasta que la página se ve del mismo modo que lo desee.